@newtonschool/grauity 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.css.map +1 -1
- package/dist/module.css +1 -1
- package/dist/module.css.map +1 -1
- package/package.json +1 -1
- package/ui/css/icons.scss +5 -1
package/dist/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;height:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
|
|
1
|
+
*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;line-height:1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset;height:1em;width:1em}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;height:1em;width:1em}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset;height:1em;width:1em}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;height:1em;width:1em}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset;height:1em;width:1em}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;height:1em;width:1em}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset;height:1em;width:1em}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;height:1em;width:1em}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset;height:1em;width:1em}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;height:1em;width:1em}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset;height:1em;width:1em}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;height:1em;width:1em}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset;height:1em;width:1em}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;height:1em;width:1em}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;height:1em;width:1em}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;height:1em;width:1em}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset;height:1em;width:1em}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;height:1em;width:1em}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
|
|
2
2
|
/*# sourceMappingURL=main.css.map */
|
package/dist/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QA6JA,sDAGA,wDAGA,+CAGA,mDAGA,4CAGA,wCAGA,4CAGA,2CAGA,2CAGA,wCAGA,0CAGA,0CAGA,2CAGA,iDAGA,4CAGA,4CAGA,wCAGA,+CAGA,0CAGA,8CAGA,yCAGA,wCAGA,uCAGA,uCAGA,2CAGA,uCAGA,qDAGA,gDAGA,yCAGA,oDAGA,+CAGA,wCAGA,6CAGA,yCAGA,kDAGA,kDAGA,+CAGA,8CAGA,yCAGA,8CAGA,6CAGA,kDAGA,2DAGA,uDAGA,kDAGA,6CAGA,wCAGA,0CAGA,8CAGA,yCAGA,2CAGA,0CAGA,+CAGA,yCAGA,wCAGA,wCAGA,yCAGA,6CAGA,kDAGA,wCAGA,0CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,uCAGA,4CAGA,8CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,uDAGA,uDAGA,wDAGA,qDAGA,gDAGA,gDAGA,iDAGA,8CAGA,0CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,4CAGA,2CAGA,oDAGA,iDAGA,+CAGA,6CAGA,wCAGA,oDAGA,kDAGA,wCAGA,wCAGA,wCAGA,4CAGA,6CAGA,wCAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,wCAGA,2CAGA,oDAGA,+CAGA,oDAGA,+CAGA,wCAGA,2CAGA,yCAGA,qDAGA,oDAGA,0CAGA,4CAGA,0CAGA,2CAGA,0CAGA,uCAGA,0CAGA,wCAGA,kDAGA,iDAGA,4CAGA,yCAGA,2CAGA,6CAGA,uCAGA,gDAGA,+CAGA,0CAGA,yCCrgBA,0jBC5EA,4ECKA,0LAYQ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,4DAGI,4LAII,yKAMJ,8EAGI,gOAII,6MApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDChFJ","sources":["main.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n -webkit-appearance: none;\n -moz-appearance: none;\n /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\n/*******************************\n Site Overrides\n*******************************/\n@font-face {\n font-family: \"Switzer\";\n font-weight: 100 900;\n src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n font-family: \"grauity-icons\";\n src: url(\"fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n font-family: grauity-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-exclamation-circle:before {\n content: \"\\f101\";\n}\n\n.grauity-icon-exclamation-triangle:before {\n content: \"\\f102\";\n}\n\n.grauity-icon-info-circle:before {\n content: \"\\f103\";\n}\n\n.grauity-icon-question-circle:before {\n content: \"\\f104\";\n}\n\n.grauity-icon-code-alt:before {\n content: \"\\f105\";\n}\n\n.grauity-icon-code:before {\n content: \"\\f106\";\n}\n\n.grauity-icon-terminal:before {\n content: \"\\f107\";\n}\n\n.grauity-icon-desktop:before {\n content: \"\\f108\";\n}\n\n.grauity-icon-gamepad:before {\n content: \"\\f109\";\n}\n\n.grauity-icon-lamp:before {\n content: \"\\f10a\";\n}\n\n.grauity-icon-laptop:before {\n content: \"\\f10b\";\n}\n\n.grauity-icon-mobile:before {\n content: \"\\f10c\";\n}\n\n.grauity-icon-archive:before {\n content: \"\\f10d\";\n}\n\n.grauity-icon-bookmark-fill:before {\n content: \"\\f10e\";\n}\n\n.grauity-icon-bookmark:before {\n content: \"\\f10f\";\n}\n\n.grauity-icon-file-alt:before {\n content: \"\\f110\";\n}\n\n.grauity-icon-file:before {\n content: \"\\f111\";\n}\n\n.grauity-icon-folder-open:before {\n content: \"\\f112\";\n}\n\n.grauity-icon-folder:before {\n content: \"\\f113\";\n}\n\n.grauity-icon-label-fill:before {\n content: \"\\f114\";\n}\n\n.grauity-icon-label:before {\n content: \"\\f115\";\n}\n\n.grauity-icon-note:before {\n content: \"\\f116\";\n}\n\n.grauity-icon-pen:before {\n content: \"\\f117\";\n}\n\n.grauity-icon-pin:before {\n content: \"\\f118\";\n}\n\n.grauity-icon-mic-off:before {\n content: \"\\f119\";\n}\n\n.grauity-icon-mic:before {\n content: \"\\f11a\";\n}\n\n.grauity-icon-pause-circle-fill:before {\n content: \"\\f11b\";\n}\n\n.grauity-icon-pause-circle:before {\n content: \"\\f11c\";\n}\n\n.grauity-icon-pause:before {\n content: \"\\f11d\";\n}\n\n.grauity-icon-play-circle-fill:before {\n content: \"\\f11e\";\n}\n\n.grauity-icon-play-circle:before {\n content: \"\\f11f\";\n}\n\n.grauity-icon-play:before {\n content: \"\\f120\";\n}\n\n.grauity-icon-video-off:before {\n content: \"\\f121\";\n}\n\n.grauity-icon-video:before {\n content: \"\\f122\";\n}\n\n.grauity-icon-volume-maximum:before {\n content: \"\\f123\";\n}\n\n.grauity-icon-volume-minimum:before {\n content: \"\\f124\";\n}\n\n.grauity-icon-volume-mute:before {\n content: \"\\f125\";\n}\n\n.grauity-icon-heart-fill:before {\n content: \"\\f126\";\n}\n\n.grauity-icon-heart:before {\n content: \"\\f127\";\n}\n\n.grauity-icon-lock-close:before {\n content: \"\\f128\";\n}\n\n.grauity-icon-lock-open:before {\n content: \"\\f129\";\n}\n\n.grauity-icon-message-circle:before {\n content: \"\\f12a\";\n}\n\n.grauity-icon-message-double-question:before {\n content: \"\\f12b\";\n}\n\n.grauity-icon-message-square-info:before {\n content: \"\\f12c\";\n}\n\n.grauity-icon-message-square:before {\n content: \"\\f12d\";\n}\n\n.grauity-icon-milestone:before {\n content: \"\\f12e\";\n}\n\n.grauity-icon-quiz:before {\n content: \"\\f12f\";\n}\n\n.grauity-icon-smiley:before {\n content: \"\\f130\";\n}\n\n.grauity-icon-spark-fill:before {\n content: \"\\f131\";\n}\n\n.grauity-icon-spark:before {\n content: \"\\f132\";\n}\n\n.grauity-icon-sparkle:before {\n content: \"\\f133\";\n}\n\n.grauity-icon-target:before {\n content: \"\\f134\";\n}\n\n.grauity-icon-check-badge:before {\n content: \"\\f135\";\n}\n\n.grauity-icon-crown:before {\n content: \"\\f136\";\n}\n\n.grauity-icon-flag:before {\n content: \"\\f137\";\n}\n\n.grauity-icon-gift:before {\n content: \"\\f138\";\n}\n\n.grauity-icon-medal:before {\n content: \"\\f139\";\n}\n\n.grauity-icon-star-fill:before {\n content: \"\\f13a\";\n}\n\n.grauity-icon-star-half-fill:before {\n content: \"\\f13b\";\n}\n\n.grauity-icon-star:before {\n content: \"\\f13c\";\n}\n\n.grauity-icon-trophy:before {\n content: \"\\f13d\";\n}\n\n.grauity-icon-arrow-double:before {\n content: \"\\f13e\";\n}\n\n.grauity-icon-arrow-down:before {\n content: \"\\f13f\";\n}\n\n.grauity-icon-arrow-left:before {\n content: \"\\f140\";\n}\n\n.grauity-icon-arrow-right:before {\n content: \"\\f141\";\n}\n\n.grauity-icon-arrow-up:before {\n content: \"\\f142\";\n}\n\n.grauity-icon-bin:before {\n content: \"\\f143\";\n}\n\n.grauity-icon-call-end:before {\n content: \"\\f144\";\n}\n\n.grauity-icon-call-start:before {\n content: \"\\f145\";\n}\n\n.grauity-icon-caret-double:before {\n content: \"\\f146\";\n}\n\n.grauity-icon-caret-down:before {\n content: \"\\f147\";\n}\n\n.grauity-icon-caret-left:before {\n content: \"\\f148\";\n}\n\n.grauity-icon-caret-right:before {\n content: \"\\f149\";\n}\n\n.grauity-icon-caret-up:before {\n content: \"\\f14a\";\n}\n\n.grauity-icon-check-circle-fill:before {\n content: \"\\f14b\";\n}\n\n.grauity-icon-check-circle:before {\n content: \"\\f14c\";\n}\n\n.grauity-icon-check-square-fill:before {\n content: \"\\f14d\";\n}\n\n.grauity-icon-check-square:before {\n content: \"\\f14e\";\n}\n\n.grauity-icon-check:before {\n content: \"\\f14f\";\n}\n\n.grauity-icon-chevron-double-down:before {\n content: \"\\f150\";\n}\n\n.grauity-icon-chevron-double-left:before {\n content: \"\\f151\";\n}\n\n.grauity-icon-chevron-double-right:before {\n content: \"\\f152\";\n}\n\n.grauity-icon-chevron-double-up:before {\n content: \"\\f153\";\n}\n\n.grauity-icon-chevron-down:before {\n content: \"\\f154\";\n}\n\n.grauity-icon-chevron-left:before {\n content: \"\\f155\";\n}\n\n.grauity-icon-chevron-right:before {\n content: \"\\f156\";\n}\n\n.grauity-icon-chevron-up:before {\n content: \"\\f157\";\n}\n\n.grauity-icon-circle:before {\n content: \"\\f158\";\n}\n\n.grauity-icon-close-circle-fill:before {\n content: \"\\f159\";\n}\n\n.grauity-icon-close-circle:before {\n content: \"\\f15a\";\n}\n\n.grauity-icon-close-square-fill:before {\n content: \"\\f15b\";\n}\n\n.grauity-icon-close-square:before {\n content: \"\\f15c\";\n}\n\n.grauity-icon-close:before {\n content: \"\\f15d\";\n}\n\n.grauity-icon-download:before {\n content: \"\\f15e\";\n}\n\n.grauity-icon-forward:before {\n content: \"\\f15f\";\n}\n\n.grauity-icon-grip-hortizontal:before {\n content: \"\\f160\";\n}\n\n.grauity-icon-grip-vertical:before {\n content: \"\\f161\";\n}\n\n.grauity-icon-growth-down:before {\n content: \"\\f162\";\n}\n\n.grauity-icon-growth-up:before {\n content: \"\\f163\";\n}\n\n.grauity-icon-home:before {\n content: \"\\f164\";\n}\n\n.grauity-icon-kebab-horizontal:before {\n content: \"\\f165\";\n}\n\n.grauity-icon-kebab-vertical:before {\n content: \"\\f166\";\n}\n\n.grauity-icon-link:before {\n content: \"\\f167\";\n}\n\n.grauity-icon-list:before {\n content: \"\\f168\";\n}\n\n.grauity-icon-load:before {\n content: \"\\f169\";\n}\n\n.grauity-icon-maximize:before {\n content: \"\\f16a\";\n}\n\n.grauity-icon-menu-grid:before {\n content: \"\\f16b\";\n}\n\n.grauity-icon-menu:before {\n content: \"\\f16c\";\n}\n\n.grauity-icon-minimize:before {\n content: \"\\f16d\";\n}\n\n.grauity-icon-minus-circle-fill:before {\n content: \"\\f16e\";\n}\n\n.grauity-icon-minus-circle:before {\n content: \"\\f16f\";\n}\n\n.grauity-icon-minus-square-fill:before {\n content: \"\\f170\";\n}\n\n.grauity-icon-minus-square:before {\n content: \"\\f171\";\n}\n\n.grauity-icon-moon:before {\n content: \"\\f172\";\n}\n\n.grauity-icon-new-tab:before {\n content: \"\\f173\";\n}\n\n.grauity-icon-plus-circle-fill:before {\n content: \"\\f174\";\n}\n\n.grauity-icon-plus-circle:before {\n content: \"\\f175\";\n}\n\n.grauity-icon-plus-square-fill:before {\n content: \"\\f176\";\n}\n\n.grauity-icon-plus-square:before {\n content: \"\\f177\";\n}\n\n.grauity-icon-plus:before {\n content: \"\\f178\";\n}\n\n.grauity-icon-refresh:before {\n content: \"\\f179\";\n}\n\n.grauity-icon-reply:before {\n content: \"\\f17a\";\n}\n\n.grauity-icon-screenshare-start:before {\n content: \"\\f17b\";\n}\n\n.grauity-icon-screenshare-stop:before {\n content: \"\\f17c\";\n}\n\n.grauity-icon-search:before {\n content: \"\\f17d\";\n}\n\n.grauity-icon-settings:before {\n content: \"\\f17e\";\n}\n\n.grauity-icon-signin:before {\n content: \"\\f17f\";\n}\n\n.grauity-icon-signout:before {\n content: \"\\f180\";\n}\n\n.grauity-icon-square:before {\n content: \"\\f181\";\n}\n\n.grauity-icon-sun:before {\n content: \"\\f182\";\n}\n\n.grauity-icon-upload:before {\n content: \"\\f183\";\n}\n\n.grauity-icon-bell:before {\n content: \"\\f184\";\n}\n\n.grauity-icon-calender-check:before {\n content: \"\\f185\";\n}\n\n.grauity-icon-calender-plus:before {\n content: \"\\f186\";\n}\n\n.grauity-icon-calender:before {\n content: \"\\f187\";\n}\n\n.grauity-icon-clock:before {\n content: \"\\f188\";\n}\n\n.grauity-icon-rewatch:before {\n content: \"\\f189\";\n}\n\n.grauity-icon-stopwatch:before {\n content: \"\\f18a\";\n}\n\n.grauity-icon-bot:before {\n content: \"\\f18b\";\n}\n\n.grauity-icon-person-check:before {\n content: \"\\f18c\";\n}\n\n.grauity-icon-person-plus:before {\n content: \"\\f18d\";\n}\n\n.grauity-icon-person:before {\n content: \"\\f18e\";\n}\n\n.grauity-icon-users:before {\n content: \"\\f18f\";\n}\n\n.grauity-init {\n --icon-color-white: #FFFFFF;\n --icon-color-black: #2B303B;\n --icon-color-grey: #576175;\n --icon-color-blue: #0066FF;\n --icon-color-red: #D22D48;\n --icon-color-green: #24A87C;\n --icon-color-orange: #D6651F;\n --icon-color-yellow: #B37209;\n --icon-color-purple: #41198F;\n --disabled-icon-color-white: #FFFFFF;\n --disabled-icon-color-black: #2B303B;\n --disabled-icon-color-grey: #7B879D;\n --disabled-icon-color-blue: #80B2FF;\n --disabled-icon-color-red: #EDABB6;\n --disabled-icon-color-green: #7DE3C1;\n --disabled-icon-color-orange: #F2B38C;\n --disabled-icon-color-yellow: #EF9D1A;\n --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.grauity-init .grauity-icon {\n display: inline-block;\n vertical-align: middle;\n margin: 0 0.1em;\n height: 1em;\n backface-visibility: hidden;\n speak: none;\n text-decoration: inherit;\n opacity: 1;\n text-align: center;\n}\n.grauity-init .grauity-icon.white {\n color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n animation: icon-loading 2s linear infinite;\n -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n width: auto;\n margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n border-radius: 50%;\n}\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=main.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"main.css.map","sourceRoot":"../"}
|
|
1
|
+
{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QA6JA,sDAGA,wDAGA,+CAGA,mDAGA,4CAGA,wCAGA,4CAGA,2CAGA,2CAGA,wCAGA,0CAGA,0CAGA,2CAGA,iDAGA,4CAGA,4CAGA,wCAGA,+CAGA,0CAGA,8CAGA,yCAGA,wCAGA,uCAGA,uCAGA,2CAGA,uCAGA,qDAGA,gDAGA,yCAGA,oDAGA,+CAGA,wCAGA,6CAGA,yCAGA,kDAGA,kDAGA,+CAGA,8CAGA,yCAGA,8CAGA,6CAGA,kDAGA,2DAGA,uDAGA,kDAGA,6CAGA,wCAGA,0CAGA,8CAGA,yCAGA,2CAGA,0CAGA,+CAGA,yCAGA,wCAGA,wCAGA,yCAGA,6CAGA,kDAGA,wCAGA,0CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,uCAGA,4CAGA,8CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,uDAGA,uDAGA,wDAGA,qDAGA,gDAGA,gDAGA,iDAGA,8CAGA,0CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,4CAGA,2CAGA,oDAGA,iDAGA,+CAGA,6CAGA,wCAGA,oDAGA,kDAGA,wCAGA,wCAGA,wCAGA,4CAGA,6CAGA,wCAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,wCAGA,2CAGA,oDAGA,+CAGA,oDAGA,+CAGA,wCAGA,2CAGA,yCAGA,qDAGA,oDAGA,0CAGA,4CAGA,0CAGA,2CAGA,0CAGA,uCAGA,0CAGA,wCAGA,kDAGA,iDAGA,4CAGA,yCAGA,2CAGA,6CAGA,uCAGA,gDAGA,+CAGA,0CAGA,yCCrgBA,0jBC5EA,4ECKA,+LAYQ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,8DAGI,qNAMI,4KAMJ,gFAGI,yPAMI,gNAxBZ,8DAGI,qNAMI,4KAMJ,gFAGI,yPAMI,gNAxBZ,4DAGI,iNAMI,yKAMJ,8EAGI,qPAMI,6MAxBZ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDCpFJ","sources":["main.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n -webkit-appearance: none;\n -moz-appearance: none;\n /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\n/*******************************\n Site Overrides\n*******************************/\n@font-face {\n font-family: \"Switzer\";\n font-weight: 100 900;\n src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n font-family: \"grauity-icons\";\n src: url(\"fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n font-family: grauity-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-exclamation-circle:before {\n content: \"\\f101\";\n}\n\n.grauity-icon-exclamation-triangle:before {\n content: \"\\f102\";\n}\n\n.grauity-icon-info-circle:before {\n content: \"\\f103\";\n}\n\n.grauity-icon-question-circle:before {\n content: \"\\f104\";\n}\n\n.grauity-icon-code-alt:before {\n content: \"\\f105\";\n}\n\n.grauity-icon-code:before {\n content: \"\\f106\";\n}\n\n.grauity-icon-terminal:before {\n content: \"\\f107\";\n}\n\n.grauity-icon-desktop:before {\n content: \"\\f108\";\n}\n\n.grauity-icon-gamepad:before {\n content: \"\\f109\";\n}\n\n.grauity-icon-lamp:before {\n content: \"\\f10a\";\n}\n\n.grauity-icon-laptop:before {\n content: \"\\f10b\";\n}\n\n.grauity-icon-mobile:before {\n content: \"\\f10c\";\n}\n\n.grauity-icon-archive:before {\n content: \"\\f10d\";\n}\n\n.grauity-icon-bookmark-fill:before {\n content: \"\\f10e\";\n}\n\n.grauity-icon-bookmark:before {\n content: \"\\f10f\";\n}\n\n.grauity-icon-file-alt:before {\n content: \"\\f110\";\n}\n\n.grauity-icon-file:before {\n content: \"\\f111\";\n}\n\n.grauity-icon-folder-open:before {\n content: \"\\f112\";\n}\n\n.grauity-icon-folder:before {\n content: \"\\f113\";\n}\n\n.grauity-icon-label-fill:before {\n content: \"\\f114\";\n}\n\n.grauity-icon-label:before {\n content: \"\\f115\";\n}\n\n.grauity-icon-note:before {\n content: \"\\f116\";\n}\n\n.grauity-icon-pen:before {\n content: \"\\f117\";\n}\n\n.grauity-icon-pin:before {\n content: \"\\f118\";\n}\n\n.grauity-icon-mic-off:before {\n content: \"\\f119\";\n}\n\n.grauity-icon-mic:before {\n content: \"\\f11a\";\n}\n\n.grauity-icon-pause-circle-fill:before {\n content: \"\\f11b\";\n}\n\n.grauity-icon-pause-circle:before {\n content: \"\\f11c\";\n}\n\n.grauity-icon-pause:before {\n content: \"\\f11d\";\n}\n\n.grauity-icon-play-circle-fill:before {\n content: \"\\f11e\";\n}\n\n.grauity-icon-play-circle:before {\n content: \"\\f11f\";\n}\n\n.grauity-icon-play:before {\n content: \"\\f120\";\n}\n\n.grauity-icon-video-off:before {\n content: \"\\f121\";\n}\n\n.grauity-icon-video:before {\n content: \"\\f122\";\n}\n\n.grauity-icon-volume-maximum:before {\n content: \"\\f123\";\n}\n\n.grauity-icon-volume-minimum:before {\n content: \"\\f124\";\n}\n\n.grauity-icon-volume-mute:before {\n content: \"\\f125\";\n}\n\n.grauity-icon-heart-fill:before {\n content: \"\\f126\";\n}\n\n.grauity-icon-heart:before {\n content: \"\\f127\";\n}\n\n.grauity-icon-lock-close:before {\n content: \"\\f128\";\n}\n\n.grauity-icon-lock-open:before {\n content: \"\\f129\";\n}\n\n.grauity-icon-message-circle:before {\n content: \"\\f12a\";\n}\n\n.grauity-icon-message-double-question:before {\n content: \"\\f12b\";\n}\n\n.grauity-icon-message-square-info:before {\n content: \"\\f12c\";\n}\n\n.grauity-icon-message-square:before {\n content: \"\\f12d\";\n}\n\n.grauity-icon-milestone:before {\n content: \"\\f12e\";\n}\n\n.grauity-icon-quiz:before {\n content: \"\\f12f\";\n}\n\n.grauity-icon-smiley:before {\n content: \"\\f130\";\n}\n\n.grauity-icon-spark-fill:before {\n content: \"\\f131\";\n}\n\n.grauity-icon-spark:before {\n content: \"\\f132\";\n}\n\n.grauity-icon-sparkle:before {\n content: \"\\f133\";\n}\n\n.grauity-icon-target:before {\n content: \"\\f134\";\n}\n\n.grauity-icon-check-badge:before {\n content: \"\\f135\";\n}\n\n.grauity-icon-crown:before {\n content: \"\\f136\";\n}\n\n.grauity-icon-flag:before {\n content: \"\\f137\";\n}\n\n.grauity-icon-gift:before {\n content: \"\\f138\";\n}\n\n.grauity-icon-medal:before {\n content: \"\\f139\";\n}\n\n.grauity-icon-star-fill:before {\n content: \"\\f13a\";\n}\n\n.grauity-icon-star-half-fill:before {\n content: \"\\f13b\";\n}\n\n.grauity-icon-star:before {\n content: \"\\f13c\";\n}\n\n.grauity-icon-trophy:before {\n content: \"\\f13d\";\n}\n\n.grauity-icon-arrow-double:before {\n content: \"\\f13e\";\n}\n\n.grauity-icon-arrow-down:before {\n content: \"\\f13f\";\n}\n\n.grauity-icon-arrow-left:before {\n content: \"\\f140\";\n}\n\n.grauity-icon-arrow-right:before {\n content: \"\\f141\";\n}\n\n.grauity-icon-arrow-up:before {\n content: \"\\f142\";\n}\n\n.grauity-icon-bin:before {\n content: \"\\f143\";\n}\n\n.grauity-icon-call-end:before {\n content: \"\\f144\";\n}\n\n.grauity-icon-call-start:before {\n content: \"\\f145\";\n}\n\n.grauity-icon-caret-double:before {\n content: \"\\f146\";\n}\n\n.grauity-icon-caret-down:before {\n content: \"\\f147\";\n}\n\n.grauity-icon-caret-left:before {\n content: \"\\f148\";\n}\n\n.grauity-icon-caret-right:before {\n content: \"\\f149\";\n}\n\n.grauity-icon-caret-up:before {\n content: \"\\f14a\";\n}\n\n.grauity-icon-check-circle-fill:before {\n content: \"\\f14b\";\n}\n\n.grauity-icon-check-circle:before {\n content: \"\\f14c\";\n}\n\n.grauity-icon-check-square-fill:before {\n content: \"\\f14d\";\n}\n\n.grauity-icon-check-square:before {\n content: \"\\f14e\";\n}\n\n.grauity-icon-check:before {\n content: \"\\f14f\";\n}\n\n.grauity-icon-chevron-double-down:before {\n content: \"\\f150\";\n}\n\n.grauity-icon-chevron-double-left:before {\n content: \"\\f151\";\n}\n\n.grauity-icon-chevron-double-right:before {\n content: \"\\f152\";\n}\n\n.grauity-icon-chevron-double-up:before {\n content: \"\\f153\";\n}\n\n.grauity-icon-chevron-down:before {\n content: \"\\f154\";\n}\n\n.grauity-icon-chevron-left:before {\n content: \"\\f155\";\n}\n\n.grauity-icon-chevron-right:before {\n content: \"\\f156\";\n}\n\n.grauity-icon-chevron-up:before {\n content: \"\\f157\";\n}\n\n.grauity-icon-circle:before {\n content: \"\\f158\";\n}\n\n.grauity-icon-close-circle-fill:before {\n content: \"\\f159\";\n}\n\n.grauity-icon-close-circle:before {\n content: \"\\f15a\";\n}\n\n.grauity-icon-close-square-fill:before {\n content: \"\\f15b\";\n}\n\n.grauity-icon-close-square:before {\n content: \"\\f15c\";\n}\n\n.grauity-icon-close:before {\n content: \"\\f15d\";\n}\n\n.grauity-icon-download:before {\n content: \"\\f15e\";\n}\n\n.grauity-icon-forward:before {\n content: \"\\f15f\";\n}\n\n.grauity-icon-grip-hortizontal:before {\n content: \"\\f160\";\n}\n\n.grauity-icon-grip-vertical:before {\n content: \"\\f161\";\n}\n\n.grauity-icon-growth-down:before {\n content: \"\\f162\";\n}\n\n.grauity-icon-growth-up:before {\n content: \"\\f163\";\n}\n\n.grauity-icon-home:before {\n content: \"\\f164\";\n}\n\n.grauity-icon-kebab-horizontal:before {\n content: \"\\f165\";\n}\n\n.grauity-icon-kebab-vertical:before {\n content: \"\\f166\";\n}\n\n.grauity-icon-link:before {\n content: \"\\f167\";\n}\n\n.grauity-icon-list:before {\n content: \"\\f168\";\n}\n\n.grauity-icon-load:before {\n content: \"\\f169\";\n}\n\n.grauity-icon-maximize:before {\n content: \"\\f16a\";\n}\n\n.grauity-icon-menu-grid:before {\n content: \"\\f16b\";\n}\n\n.grauity-icon-menu:before {\n content: \"\\f16c\";\n}\n\n.grauity-icon-minimize:before {\n content: \"\\f16d\";\n}\n\n.grauity-icon-minus-circle-fill:before {\n content: \"\\f16e\";\n}\n\n.grauity-icon-minus-circle:before {\n content: \"\\f16f\";\n}\n\n.grauity-icon-minus-square-fill:before {\n content: \"\\f170\";\n}\n\n.grauity-icon-minus-square:before {\n content: \"\\f171\";\n}\n\n.grauity-icon-moon:before {\n content: \"\\f172\";\n}\n\n.grauity-icon-new-tab:before {\n content: \"\\f173\";\n}\n\n.grauity-icon-plus-circle-fill:before {\n content: \"\\f174\";\n}\n\n.grauity-icon-plus-circle:before {\n content: \"\\f175\";\n}\n\n.grauity-icon-plus-square-fill:before {\n content: \"\\f176\";\n}\n\n.grauity-icon-plus-square:before {\n content: \"\\f177\";\n}\n\n.grauity-icon-plus:before {\n content: \"\\f178\";\n}\n\n.grauity-icon-refresh:before {\n content: \"\\f179\";\n}\n\n.grauity-icon-reply:before {\n content: \"\\f17a\";\n}\n\n.grauity-icon-screenshare-start:before {\n content: \"\\f17b\";\n}\n\n.grauity-icon-screenshare-stop:before {\n content: \"\\f17c\";\n}\n\n.grauity-icon-search:before {\n content: \"\\f17d\";\n}\n\n.grauity-icon-settings:before {\n content: \"\\f17e\";\n}\n\n.grauity-icon-signin:before {\n content: \"\\f17f\";\n}\n\n.grauity-icon-signout:before {\n content: \"\\f180\";\n}\n\n.grauity-icon-square:before {\n content: \"\\f181\";\n}\n\n.grauity-icon-sun:before {\n content: \"\\f182\";\n}\n\n.grauity-icon-upload:before {\n content: \"\\f183\";\n}\n\n.grauity-icon-bell:before {\n content: \"\\f184\";\n}\n\n.grauity-icon-calender-check:before {\n content: \"\\f185\";\n}\n\n.grauity-icon-calender-plus:before {\n content: \"\\f186\";\n}\n\n.grauity-icon-calender:before {\n content: \"\\f187\";\n}\n\n.grauity-icon-clock:before {\n content: \"\\f188\";\n}\n\n.grauity-icon-rewatch:before {\n content: \"\\f189\";\n}\n\n.grauity-icon-stopwatch:before {\n content: \"\\f18a\";\n}\n\n.grauity-icon-bot:before {\n content: \"\\f18b\";\n}\n\n.grauity-icon-person-check:before {\n content: \"\\f18c\";\n}\n\n.grauity-icon-person-plus:before {\n content: \"\\f18d\";\n}\n\n.grauity-icon-person:before {\n content: \"\\f18e\";\n}\n\n.grauity-icon-users:before {\n content: \"\\f18f\";\n}\n\n.grauity-init {\n --icon-color-white: #FFFFFF;\n --icon-color-black: #2B303B;\n --icon-color-grey: #576175;\n --icon-color-blue: #0066FF;\n --icon-color-red: #D22D48;\n --icon-color-green: #24A87C;\n --icon-color-orange: #D6651F;\n --icon-color-yellow: #B37209;\n --icon-color-purple: #41198F;\n --disabled-icon-color-white: #FFFFFF;\n --disabled-icon-color-black: #2B303B;\n --disabled-icon-color-grey: #7B879D;\n --disabled-icon-color-blue: #80B2FF;\n --disabled-icon-color-red: #EDABB6;\n --disabled-icon-color-green: #7DE3C1;\n --disabled-icon-color-orange: #F2B38C;\n --disabled-icon-color-yellow: #EF9D1A;\n --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.grauity-init .grauity-icon {\n display: inline-block;\n vertical-align: middle;\n margin: 0 0.1em;\n line-height: 1em;\n backface-visibility: hidden;\n speak: none;\n text-decoration: inherit;\n opacity: 1;\n text-align: center;\n}\n.grauity-init .grauity-icon.white {\n color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n animation: icon-loading 2s linear infinite;\n -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n width: auto;\n margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n border-radius: 50%;\n}\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=main.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"main.css.map","sourceRoot":"../"}
|
package/dist/module.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;height:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
|
|
1
|
+
*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;line-height:1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset;height:1em;width:1em}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;height:1em;width:1em}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset;height:1em;width:1em}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;height:1em;width:1em}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset;height:1em;width:1em}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;height:1em;width:1em}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset;height:1em;width:1em}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;height:1em;width:1em}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset;height:1em;width:1em}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;height:1em;width:1em}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset;height:1em;width:1em}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;height:1em;width:1em}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset;height:1em;width:1em}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;height:1em;width:1em}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;height:1em;width:1em}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;height:1em;width:1em}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset;height:1em;width:1em}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;height:1em;width:1em}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
|
|
2
2
|
/*# sourceMappingURL=module.css.map */
|
package/dist/module.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QA6JA,sDAGA,wDAGA,+CAGA,mDAGA,4CAGA,wCAGA,4CAGA,2CAGA,2CAGA,wCAGA,0CAGA,0CAGA,2CAGA,iDAGA,4CAGA,4CAGA,wCAGA,+CAGA,0CAGA,8CAGA,yCAGA,wCAGA,uCAGA,uCAGA,2CAGA,uCAGA,qDAGA,gDAGA,yCAGA,oDAGA,+CAGA,wCAGA,6CAGA,yCAGA,kDAGA,kDAGA,+CAGA,8CAGA,yCAGA,8CAGA,6CAGA,kDAGA,2DAGA,uDAGA,kDAGA,6CAGA,wCAGA,0CAGA,8CAGA,yCAGA,2CAGA,0CAGA,+CAGA,yCAGA,wCAGA,wCAGA,yCAGA,6CAGA,kDAGA,wCAGA,0CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,uCAGA,4CAGA,8CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,uDAGA,uDAGA,wDAGA,qDAGA,gDAGA,gDAGA,iDAGA,8CAGA,0CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,4CAGA,2CAGA,oDAGA,iDAGA,+CAGA,6CAGA,wCAGA,oDAGA,kDAGA,wCAGA,wCAGA,wCAGA,4CAGA,6CAGA,wCAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,wCAGA,2CAGA,oDAGA,+CAGA,oDAGA,+CAGA,wCAGA,2CAGA,yCAGA,qDAGA,oDAGA,0CAGA,4CAGA,0CAGA,2CAGA,0CAGA,uCAGA,0CAGA,wCAGA,kDAGA,iDAGA,4CAGA,yCAGA,2CAGA,6CAGA,uCAGA,gDAGA,+CAGA,0CAGA,yCCrgBA,0jBC5EA,4ECKA,0LAYQ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,4DAGI,4LAII,yKAMJ,8EAGI,gOAII,6MApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDChFJ","sources":["module.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n -webkit-appearance: none;\n -moz-appearance: none;\n /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\n/*******************************\n Site Overrides\n*******************************/\n@font-face {\n font-family: \"Switzer\";\n font-weight: 100 900;\n src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n font-family: \"grauity-icons\";\n src: url(\"fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n font-family: grauity-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-exclamation-circle:before {\n content: \"\\f101\";\n}\n\n.grauity-icon-exclamation-triangle:before {\n content: \"\\f102\";\n}\n\n.grauity-icon-info-circle:before {\n content: \"\\f103\";\n}\n\n.grauity-icon-question-circle:before {\n content: \"\\f104\";\n}\n\n.grauity-icon-code-alt:before {\n content: \"\\f105\";\n}\n\n.grauity-icon-code:before {\n content: \"\\f106\";\n}\n\n.grauity-icon-terminal:before {\n content: \"\\f107\";\n}\n\n.grauity-icon-desktop:before {\n content: \"\\f108\";\n}\n\n.grauity-icon-gamepad:before {\n content: \"\\f109\";\n}\n\n.grauity-icon-lamp:before {\n content: \"\\f10a\";\n}\n\n.grauity-icon-laptop:before {\n content: \"\\f10b\";\n}\n\n.grauity-icon-mobile:before {\n content: \"\\f10c\";\n}\n\n.grauity-icon-archive:before {\n content: \"\\f10d\";\n}\n\n.grauity-icon-bookmark-fill:before {\n content: \"\\f10e\";\n}\n\n.grauity-icon-bookmark:before {\n content: \"\\f10f\";\n}\n\n.grauity-icon-file-alt:before {\n content: \"\\f110\";\n}\n\n.grauity-icon-file:before {\n content: \"\\f111\";\n}\n\n.grauity-icon-folder-open:before {\n content: \"\\f112\";\n}\n\n.grauity-icon-folder:before {\n content: \"\\f113\";\n}\n\n.grauity-icon-label-fill:before {\n content: \"\\f114\";\n}\n\n.grauity-icon-label:before {\n content: \"\\f115\";\n}\n\n.grauity-icon-note:before {\n content: \"\\f116\";\n}\n\n.grauity-icon-pen:before {\n content: \"\\f117\";\n}\n\n.grauity-icon-pin:before {\n content: \"\\f118\";\n}\n\n.grauity-icon-mic-off:before {\n content: \"\\f119\";\n}\n\n.grauity-icon-mic:before {\n content: \"\\f11a\";\n}\n\n.grauity-icon-pause-circle-fill:before {\n content: \"\\f11b\";\n}\n\n.grauity-icon-pause-circle:before {\n content: \"\\f11c\";\n}\n\n.grauity-icon-pause:before {\n content: \"\\f11d\";\n}\n\n.grauity-icon-play-circle-fill:before {\n content: \"\\f11e\";\n}\n\n.grauity-icon-play-circle:before {\n content: \"\\f11f\";\n}\n\n.grauity-icon-play:before {\n content: \"\\f120\";\n}\n\n.grauity-icon-video-off:before {\n content: \"\\f121\";\n}\n\n.grauity-icon-video:before {\n content: \"\\f122\";\n}\n\n.grauity-icon-volume-maximum:before {\n content: \"\\f123\";\n}\n\n.grauity-icon-volume-minimum:before {\n content: \"\\f124\";\n}\n\n.grauity-icon-volume-mute:before {\n content: \"\\f125\";\n}\n\n.grauity-icon-heart-fill:before {\n content: \"\\f126\";\n}\n\n.grauity-icon-heart:before {\n content: \"\\f127\";\n}\n\n.grauity-icon-lock-close:before {\n content: \"\\f128\";\n}\n\n.grauity-icon-lock-open:before {\n content: \"\\f129\";\n}\n\n.grauity-icon-message-circle:before {\n content: \"\\f12a\";\n}\n\n.grauity-icon-message-double-question:before {\n content: \"\\f12b\";\n}\n\n.grauity-icon-message-square-info:before {\n content: \"\\f12c\";\n}\n\n.grauity-icon-message-square:before {\n content: \"\\f12d\";\n}\n\n.grauity-icon-milestone:before {\n content: \"\\f12e\";\n}\n\n.grauity-icon-quiz:before {\n content: \"\\f12f\";\n}\n\n.grauity-icon-smiley:before {\n content: \"\\f130\";\n}\n\n.grauity-icon-spark-fill:before {\n content: \"\\f131\";\n}\n\n.grauity-icon-spark:before {\n content: \"\\f132\";\n}\n\n.grauity-icon-sparkle:before {\n content: \"\\f133\";\n}\n\n.grauity-icon-target:before {\n content: \"\\f134\";\n}\n\n.grauity-icon-check-badge:before {\n content: \"\\f135\";\n}\n\n.grauity-icon-crown:before {\n content: \"\\f136\";\n}\n\n.grauity-icon-flag:before {\n content: \"\\f137\";\n}\n\n.grauity-icon-gift:before {\n content: \"\\f138\";\n}\n\n.grauity-icon-medal:before {\n content: \"\\f139\";\n}\n\n.grauity-icon-star-fill:before {\n content: \"\\f13a\";\n}\n\n.grauity-icon-star-half-fill:before {\n content: \"\\f13b\";\n}\n\n.grauity-icon-star:before {\n content: \"\\f13c\";\n}\n\n.grauity-icon-trophy:before {\n content: \"\\f13d\";\n}\n\n.grauity-icon-arrow-double:before {\n content: \"\\f13e\";\n}\n\n.grauity-icon-arrow-down:before {\n content: \"\\f13f\";\n}\n\n.grauity-icon-arrow-left:before {\n content: \"\\f140\";\n}\n\n.grauity-icon-arrow-right:before {\n content: \"\\f141\";\n}\n\n.grauity-icon-arrow-up:before {\n content: \"\\f142\";\n}\n\n.grauity-icon-bin:before {\n content: \"\\f143\";\n}\n\n.grauity-icon-call-end:before {\n content: \"\\f144\";\n}\n\n.grauity-icon-call-start:before {\n content: \"\\f145\";\n}\n\n.grauity-icon-caret-double:before {\n content: \"\\f146\";\n}\n\n.grauity-icon-caret-down:before {\n content: \"\\f147\";\n}\n\n.grauity-icon-caret-left:before {\n content: \"\\f148\";\n}\n\n.grauity-icon-caret-right:before {\n content: \"\\f149\";\n}\n\n.grauity-icon-caret-up:before {\n content: \"\\f14a\";\n}\n\n.grauity-icon-check-circle-fill:before {\n content: \"\\f14b\";\n}\n\n.grauity-icon-check-circle:before {\n content: \"\\f14c\";\n}\n\n.grauity-icon-check-square-fill:before {\n content: \"\\f14d\";\n}\n\n.grauity-icon-check-square:before {\n content: \"\\f14e\";\n}\n\n.grauity-icon-check:before {\n content: \"\\f14f\";\n}\n\n.grauity-icon-chevron-double-down:before {\n content: \"\\f150\";\n}\n\n.grauity-icon-chevron-double-left:before {\n content: \"\\f151\";\n}\n\n.grauity-icon-chevron-double-right:before {\n content: \"\\f152\";\n}\n\n.grauity-icon-chevron-double-up:before {\n content: \"\\f153\";\n}\n\n.grauity-icon-chevron-down:before {\n content: \"\\f154\";\n}\n\n.grauity-icon-chevron-left:before {\n content: \"\\f155\";\n}\n\n.grauity-icon-chevron-right:before {\n content: \"\\f156\";\n}\n\n.grauity-icon-chevron-up:before {\n content: \"\\f157\";\n}\n\n.grauity-icon-circle:before {\n content: \"\\f158\";\n}\n\n.grauity-icon-close-circle-fill:before {\n content: \"\\f159\";\n}\n\n.grauity-icon-close-circle:before {\n content: \"\\f15a\";\n}\n\n.grauity-icon-close-square-fill:before {\n content: \"\\f15b\";\n}\n\n.grauity-icon-close-square:before {\n content: \"\\f15c\";\n}\n\n.grauity-icon-close:before {\n content: \"\\f15d\";\n}\n\n.grauity-icon-download:before {\n content: \"\\f15e\";\n}\n\n.grauity-icon-forward:before {\n content: \"\\f15f\";\n}\n\n.grauity-icon-grip-hortizontal:before {\n content: \"\\f160\";\n}\n\n.grauity-icon-grip-vertical:before {\n content: \"\\f161\";\n}\n\n.grauity-icon-growth-down:before {\n content: \"\\f162\";\n}\n\n.grauity-icon-growth-up:before {\n content: \"\\f163\";\n}\n\n.grauity-icon-home:before {\n content: \"\\f164\";\n}\n\n.grauity-icon-kebab-horizontal:before {\n content: \"\\f165\";\n}\n\n.grauity-icon-kebab-vertical:before {\n content: \"\\f166\";\n}\n\n.grauity-icon-link:before {\n content: \"\\f167\";\n}\n\n.grauity-icon-list:before {\n content: \"\\f168\";\n}\n\n.grauity-icon-load:before {\n content: \"\\f169\";\n}\n\n.grauity-icon-maximize:before {\n content: \"\\f16a\";\n}\n\n.grauity-icon-menu-grid:before {\n content: \"\\f16b\";\n}\n\n.grauity-icon-menu:before {\n content: \"\\f16c\";\n}\n\n.grauity-icon-minimize:before {\n content: \"\\f16d\";\n}\n\n.grauity-icon-minus-circle-fill:before {\n content: \"\\f16e\";\n}\n\n.grauity-icon-minus-circle:before {\n content: \"\\f16f\";\n}\n\n.grauity-icon-minus-square-fill:before {\n content: \"\\f170\";\n}\n\n.grauity-icon-minus-square:before {\n content: \"\\f171\";\n}\n\n.grauity-icon-moon:before {\n content: \"\\f172\";\n}\n\n.grauity-icon-new-tab:before {\n content: \"\\f173\";\n}\n\n.grauity-icon-plus-circle-fill:before {\n content: \"\\f174\";\n}\n\n.grauity-icon-plus-circle:before {\n content: \"\\f175\";\n}\n\n.grauity-icon-plus-square-fill:before {\n content: \"\\f176\";\n}\n\n.grauity-icon-plus-square:before {\n content: \"\\f177\";\n}\n\n.grauity-icon-plus:before {\n content: \"\\f178\";\n}\n\n.grauity-icon-refresh:before {\n content: \"\\f179\";\n}\n\n.grauity-icon-reply:before {\n content: \"\\f17a\";\n}\n\n.grauity-icon-screenshare-start:before {\n content: \"\\f17b\";\n}\n\n.grauity-icon-screenshare-stop:before {\n content: \"\\f17c\";\n}\n\n.grauity-icon-search:before {\n content: \"\\f17d\";\n}\n\n.grauity-icon-settings:before {\n content: \"\\f17e\";\n}\n\n.grauity-icon-signin:before {\n content: \"\\f17f\";\n}\n\n.grauity-icon-signout:before {\n content: \"\\f180\";\n}\n\n.grauity-icon-square:before {\n content: \"\\f181\";\n}\n\n.grauity-icon-sun:before {\n content: \"\\f182\";\n}\n\n.grauity-icon-upload:before {\n content: \"\\f183\";\n}\n\n.grauity-icon-bell:before {\n content: \"\\f184\";\n}\n\n.grauity-icon-calender-check:before {\n content: \"\\f185\";\n}\n\n.grauity-icon-calender-plus:before {\n content: \"\\f186\";\n}\n\n.grauity-icon-calender:before {\n content: \"\\f187\";\n}\n\n.grauity-icon-clock:before {\n content: \"\\f188\";\n}\n\n.grauity-icon-rewatch:before {\n content: \"\\f189\";\n}\n\n.grauity-icon-stopwatch:before {\n content: \"\\f18a\";\n}\n\n.grauity-icon-bot:before {\n content: \"\\f18b\";\n}\n\n.grauity-icon-person-check:before {\n content: \"\\f18c\";\n}\n\n.grauity-icon-person-plus:before {\n content: \"\\f18d\";\n}\n\n.grauity-icon-person:before {\n content: \"\\f18e\";\n}\n\n.grauity-icon-users:before {\n content: \"\\f18f\";\n}\n\n.grauity-init {\n --icon-color-white: #FFFFFF;\n --icon-color-black: #2B303B;\n --icon-color-grey: #576175;\n --icon-color-blue: #0066FF;\n --icon-color-red: #D22D48;\n --icon-color-green: #24A87C;\n --icon-color-orange: #D6651F;\n --icon-color-yellow: #B37209;\n --icon-color-purple: #41198F;\n --disabled-icon-color-white: #FFFFFF;\n --disabled-icon-color-black: #2B303B;\n --disabled-icon-color-grey: #7B879D;\n --disabled-icon-color-blue: #80B2FF;\n --disabled-icon-color-red: #EDABB6;\n --disabled-icon-color-green: #7DE3C1;\n --disabled-icon-color-orange: #F2B38C;\n --disabled-icon-color-yellow: #EF9D1A;\n --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.grauity-init .grauity-icon {\n display: inline-block;\n vertical-align: middle;\n margin: 0 0.1em;\n height: 1em;\n backface-visibility: hidden;\n speak: none;\n text-decoration: inherit;\n opacity: 1;\n text-align: center;\n}\n.grauity-init .grauity-icon.white {\n color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n animation: icon-loading 2s linear infinite;\n -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n width: auto;\n margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n border-radius: 50%;\n}\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=module.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"module.css.map","sourceRoot":"../"}
|
|
1
|
+
{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QA6JA,sDAGA,wDAGA,+CAGA,mDAGA,4CAGA,wCAGA,4CAGA,2CAGA,2CAGA,wCAGA,0CAGA,0CAGA,2CAGA,iDAGA,4CAGA,4CAGA,wCAGA,+CAGA,0CAGA,8CAGA,yCAGA,wCAGA,uCAGA,uCAGA,2CAGA,uCAGA,qDAGA,gDAGA,yCAGA,oDAGA,+CAGA,wCAGA,6CAGA,yCAGA,kDAGA,kDAGA,+CAGA,8CAGA,yCAGA,8CAGA,6CAGA,kDAGA,2DAGA,uDAGA,kDAGA,6CAGA,wCAGA,0CAGA,8CAGA,yCAGA,2CAGA,0CAGA,+CAGA,yCAGA,wCAGA,wCAGA,yCAGA,6CAGA,kDAGA,wCAGA,0CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,uCAGA,4CAGA,8CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,uDAGA,uDAGA,wDAGA,qDAGA,gDAGA,gDAGA,iDAGA,8CAGA,0CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,4CAGA,2CAGA,oDAGA,iDAGA,+CAGA,6CAGA,wCAGA,oDAGA,kDAGA,wCAGA,wCAGA,wCAGA,4CAGA,6CAGA,wCAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,wCAGA,2CAGA,oDAGA,+CAGA,oDAGA,+CAGA,wCAGA,2CAGA,yCAGA,qDAGA,oDAGA,0CAGA,4CAGA,0CAGA,2CAGA,0CAGA,uCAGA,0CAGA,wCAGA,kDAGA,iDAGA,4CAGA,yCAGA,2CAGA,6CAGA,uCAGA,gDAGA,+CAGA,0CAGA,yCCrgBA,0jBC5EA,4ECKA,+LAYQ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,8DAGI,qNAMI,4KAMJ,gFAGI,yPAMI,gNAxBZ,8DAGI,qNAMI,4KAMJ,gFAGI,yPAMI,gNAxBZ,4DAGI,iNAMI,yKAMJ,8EAGI,qPAMI,6MAxBZ,gEAGI,yNAMI,+KAMJ,kFAGI,6PAMI,mNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAxBZ,kEAGI,6NAMI,kLAMJ,oFAGI,iQAMI,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDCpFJ","sources":["module.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n -webkit-appearance: none;\n -moz-appearance: none;\n /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\n/*******************************\n Site Overrides\n*******************************/\n@font-face {\n font-family: \"Switzer\";\n font-weight: 100 900;\n src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n font-family: \"grauity-icons\";\n src: url(\"fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n font-family: grauity-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-exclamation-circle:before {\n content: \"\\f101\";\n}\n\n.grauity-icon-exclamation-triangle:before {\n content: \"\\f102\";\n}\n\n.grauity-icon-info-circle:before {\n content: \"\\f103\";\n}\n\n.grauity-icon-question-circle:before {\n content: \"\\f104\";\n}\n\n.grauity-icon-code-alt:before {\n content: \"\\f105\";\n}\n\n.grauity-icon-code:before {\n content: \"\\f106\";\n}\n\n.grauity-icon-terminal:before {\n content: \"\\f107\";\n}\n\n.grauity-icon-desktop:before {\n content: \"\\f108\";\n}\n\n.grauity-icon-gamepad:before {\n content: \"\\f109\";\n}\n\n.grauity-icon-lamp:before {\n content: \"\\f10a\";\n}\n\n.grauity-icon-laptop:before {\n content: \"\\f10b\";\n}\n\n.grauity-icon-mobile:before {\n content: \"\\f10c\";\n}\n\n.grauity-icon-archive:before {\n content: \"\\f10d\";\n}\n\n.grauity-icon-bookmark-fill:before {\n content: \"\\f10e\";\n}\n\n.grauity-icon-bookmark:before {\n content: \"\\f10f\";\n}\n\n.grauity-icon-file-alt:before {\n content: \"\\f110\";\n}\n\n.grauity-icon-file:before {\n content: \"\\f111\";\n}\n\n.grauity-icon-folder-open:before {\n content: \"\\f112\";\n}\n\n.grauity-icon-folder:before {\n content: \"\\f113\";\n}\n\n.grauity-icon-label-fill:before {\n content: \"\\f114\";\n}\n\n.grauity-icon-label:before {\n content: \"\\f115\";\n}\n\n.grauity-icon-note:before {\n content: \"\\f116\";\n}\n\n.grauity-icon-pen:before {\n content: \"\\f117\";\n}\n\n.grauity-icon-pin:before {\n content: \"\\f118\";\n}\n\n.grauity-icon-mic-off:before {\n content: \"\\f119\";\n}\n\n.grauity-icon-mic:before {\n content: \"\\f11a\";\n}\n\n.grauity-icon-pause-circle-fill:before {\n content: \"\\f11b\";\n}\n\n.grauity-icon-pause-circle:before {\n content: \"\\f11c\";\n}\n\n.grauity-icon-pause:before {\n content: \"\\f11d\";\n}\n\n.grauity-icon-play-circle-fill:before {\n content: \"\\f11e\";\n}\n\n.grauity-icon-play-circle:before {\n content: \"\\f11f\";\n}\n\n.grauity-icon-play:before {\n content: \"\\f120\";\n}\n\n.grauity-icon-video-off:before {\n content: \"\\f121\";\n}\n\n.grauity-icon-video:before {\n content: \"\\f122\";\n}\n\n.grauity-icon-volume-maximum:before {\n content: \"\\f123\";\n}\n\n.grauity-icon-volume-minimum:before {\n content: \"\\f124\";\n}\n\n.grauity-icon-volume-mute:before {\n content: \"\\f125\";\n}\n\n.grauity-icon-heart-fill:before {\n content: \"\\f126\";\n}\n\n.grauity-icon-heart:before {\n content: \"\\f127\";\n}\n\n.grauity-icon-lock-close:before {\n content: \"\\f128\";\n}\n\n.grauity-icon-lock-open:before {\n content: \"\\f129\";\n}\n\n.grauity-icon-message-circle:before {\n content: \"\\f12a\";\n}\n\n.grauity-icon-message-double-question:before {\n content: \"\\f12b\";\n}\n\n.grauity-icon-message-square-info:before {\n content: \"\\f12c\";\n}\n\n.grauity-icon-message-square:before {\n content: \"\\f12d\";\n}\n\n.grauity-icon-milestone:before {\n content: \"\\f12e\";\n}\n\n.grauity-icon-quiz:before {\n content: \"\\f12f\";\n}\n\n.grauity-icon-smiley:before {\n content: \"\\f130\";\n}\n\n.grauity-icon-spark-fill:before {\n content: \"\\f131\";\n}\n\n.grauity-icon-spark:before {\n content: \"\\f132\";\n}\n\n.grauity-icon-sparkle:before {\n content: \"\\f133\";\n}\n\n.grauity-icon-target:before {\n content: \"\\f134\";\n}\n\n.grauity-icon-check-badge:before {\n content: \"\\f135\";\n}\n\n.grauity-icon-crown:before {\n content: \"\\f136\";\n}\n\n.grauity-icon-flag:before {\n content: \"\\f137\";\n}\n\n.grauity-icon-gift:before {\n content: \"\\f138\";\n}\n\n.grauity-icon-medal:before {\n content: \"\\f139\";\n}\n\n.grauity-icon-star-fill:before {\n content: \"\\f13a\";\n}\n\n.grauity-icon-star-half-fill:before {\n content: \"\\f13b\";\n}\n\n.grauity-icon-star:before {\n content: \"\\f13c\";\n}\n\n.grauity-icon-trophy:before {\n content: \"\\f13d\";\n}\n\n.grauity-icon-arrow-double:before {\n content: \"\\f13e\";\n}\n\n.grauity-icon-arrow-down:before {\n content: \"\\f13f\";\n}\n\n.grauity-icon-arrow-left:before {\n content: \"\\f140\";\n}\n\n.grauity-icon-arrow-right:before {\n content: \"\\f141\";\n}\n\n.grauity-icon-arrow-up:before {\n content: \"\\f142\";\n}\n\n.grauity-icon-bin:before {\n content: \"\\f143\";\n}\n\n.grauity-icon-call-end:before {\n content: \"\\f144\";\n}\n\n.grauity-icon-call-start:before {\n content: \"\\f145\";\n}\n\n.grauity-icon-caret-double:before {\n content: \"\\f146\";\n}\n\n.grauity-icon-caret-down:before {\n content: \"\\f147\";\n}\n\n.grauity-icon-caret-left:before {\n content: \"\\f148\";\n}\n\n.grauity-icon-caret-right:before {\n content: \"\\f149\";\n}\n\n.grauity-icon-caret-up:before {\n content: \"\\f14a\";\n}\n\n.grauity-icon-check-circle-fill:before {\n content: \"\\f14b\";\n}\n\n.grauity-icon-check-circle:before {\n content: \"\\f14c\";\n}\n\n.grauity-icon-check-square-fill:before {\n content: \"\\f14d\";\n}\n\n.grauity-icon-check-square:before {\n content: \"\\f14e\";\n}\n\n.grauity-icon-check:before {\n content: \"\\f14f\";\n}\n\n.grauity-icon-chevron-double-down:before {\n content: \"\\f150\";\n}\n\n.grauity-icon-chevron-double-left:before {\n content: \"\\f151\";\n}\n\n.grauity-icon-chevron-double-right:before {\n content: \"\\f152\";\n}\n\n.grauity-icon-chevron-double-up:before {\n content: \"\\f153\";\n}\n\n.grauity-icon-chevron-down:before {\n content: \"\\f154\";\n}\n\n.grauity-icon-chevron-left:before {\n content: \"\\f155\";\n}\n\n.grauity-icon-chevron-right:before {\n content: \"\\f156\";\n}\n\n.grauity-icon-chevron-up:before {\n content: \"\\f157\";\n}\n\n.grauity-icon-circle:before {\n content: \"\\f158\";\n}\n\n.grauity-icon-close-circle-fill:before {\n content: \"\\f159\";\n}\n\n.grauity-icon-close-circle:before {\n content: \"\\f15a\";\n}\n\n.grauity-icon-close-square-fill:before {\n content: \"\\f15b\";\n}\n\n.grauity-icon-close-square:before {\n content: \"\\f15c\";\n}\n\n.grauity-icon-close:before {\n content: \"\\f15d\";\n}\n\n.grauity-icon-download:before {\n content: \"\\f15e\";\n}\n\n.grauity-icon-forward:before {\n content: \"\\f15f\";\n}\n\n.grauity-icon-grip-hortizontal:before {\n content: \"\\f160\";\n}\n\n.grauity-icon-grip-vertical:before {\n content: \"\\f161\";\n}\n\n.grauity-icon-growth-down:before {\n content: \"\\f162\";\n}\n\n.grauity-icon-growth-up:before {\n content: \"\\f163\";\n}\n\n.grauity-icon-home:before {\n content: \"\\f164\";\n}\n\n.grauity-icon-kebab-horizontal:before {\n content: \"\\f165\";\n}\n\n.grauity-icon-kebab-vertical:before {\n content: \"\\f166\";\n}\n\n.grauity-icon-link:before {\n content: \"\\f167\";\n}\n\n.grauity-icon-list:before {\n content: \"\\f168\";\n}\n\n.grauity-icon-load:before {\n content: \"\\f169\";\n}\n\n.grauity-icon-maximize:before {\n content: \"\\f16a\";\n}\n\n.grauity-icon-menu-grid:before {\n content: \"\\f16b\";\n}\n\n.grauity-icon-menu:before {\n content: \"\\f16c\";\n}\n\n.grauity-icon-minimize:before {\n content: \"\\f16d\";\n}\n\n.grauity-icon-minus-circle-fill:before {\n content: \"\\f16e\";\n}\n\n.grauity-icon-minus-circle:before {\n content: \"\\f16f\";\n}\n\n.grauity-icon-minus-square-fill:before {\n content: \"\\f170\";\n}\n\n.grauity-icon-minus-square:before {\n content: \"\\f171\";\n}\n\n.grauity-icon-moon:before {\n content: \"\\f172\";\n}\n\n.grauity-icon-new-tab:before {\n content: \"\\f173\";\n}\n\n.grauity-icon-plus-circle-fill:before {\n content: \"\\f174\";\n}\n\n.grauity-icon-plus-circle:before {\n content: \"\\f175\";\n}\n\n.grauity-icon-plus-square-fill:before {\n content: \"\\f176\";\n}\n\n.grauity-icon-plus-square:before {\n content: \"\\f177\";\n}\n\n.grauity-icon-plus:before {\n content: \"\\f178\";\n}\n\n.grauity-icon-refresh:before {\n content: \"\\f179\";\n}\n\n.grauity-icon-reply:before {\n content: \"\\f17a\";\n}\n\n.grauity-icon-screenshare-start:before {\n content: \"\\f17b\";\n}\n\n.grauity-icon-screenshare-stop:before {\n content: \"\\f17c\";\n}\n\n.grauity-icon-search:before {\n content: \"\\f17d\";\n}\n\n.grauity-icon-settings:before {\n content: \"\\f17e\";\n}\n\n.grauity-icon-signin:before {\n content: \"\\f17f\";\n}\n\n.grauity-icon-signout:before {\n content: \"\\f180\";\n}\n\n.grauity-icon-square:before {\n content: \"\\f181\";\n}\n\n.grauity-icon-sun:before {\n content: \"\\f182\";\n}\n\n.grauity-icon-upload:before {\n content: \"\\f183\";\n}\n\n.grauity-icon-bell:before {\n content: \"\\f184\";\n}\n\n.grauity-icon-calender-check:before {\n content: \"\\f185\";\n}\n\n.grauity-icon-calender-plus:before {\n content: \"\\f186\";\n}\n\n.grauity-icon-calender:before {\n content: \"\\f187\";\n}\n\n.grauity-icon-clock:before {\n content: \"\\f188\";\n}\n\n.grauity-icon-rewatch:before {\n content: \"\\f189\";\n}\n\n.grauity-icon-stopwatch:before {\n content: \"\\f18a\";\n}\n\n.grauity-icon-bot:before {\n content: \"\\f18b\";\n}\n\n.grauity-icon-person-check:before {\n content: \"\\f18c\";\n}\n\n.grauity-icon-person-plus:before {\n content: \"\\f18d\";\n}\n\n.grauity-icon-person:before {\n content: \"\\f18e\";\n}\n\n.grauity-icon-users:before {\n content: \"\\f18f\";\n}\n\n.grauity-init {\n --icon-color-white: #FFFFFF;\n --icon-color-black: #2B303B;\n --icon-color-grey: #576175;\n --icon-color-blue: #0066FF;\n --icon-color-red: #D22D48;\n --icon-color-green: #24A87C;\n --icon-color-orange: #D6651F;\n --icon-color-yellow: #B37209;\n --icon-color-purple: #41198F;\n --disabled-icon-color-white: #FFFFFF;\n --disabled-icon-color-black: #2B303B;\n --disabled-icon-color-grey: #7B879D;\n --disabled-icon-color-blue: #80B2FF;\n --disabled-icon-color-red: #EDABB6;\n --disabled-icon-color-green: #7DE3C1;\n --disabled-icon-color-orange: #F2B38C;\n --disabled-icon-color-yellow: #EF9D1A;\n --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.grauity-init .grauity-icon {\n display: inline-block;\n vertical-align: middle;\n margin: 0 0.1em;\n line-height: 1em;\n backface-visibility: hidden;\n speak: none;\n text-decoration: inherit;\n opacity: 1;\n text-align: center;\n}\n.grauity-init .grauity-icon.white {\n color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n color: var(--icon-color-white);\n background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n height: 1em;\n width: 1em;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n color: var(--disabled-icon-color-white);\n background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n animation: icon-loading 2s linear infinite;\n -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n width: auto;\n margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n border-radius: 50%;\n}\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=module.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"module.css.map","sourceRoot":"../"}
|
package/package.json
CHANGED
package/ui/css/icons.scss
CHANGED
|
@@ -7,7 +7,7 @@ $icon-sizes: 4, 8, 12, 16, 20, 24, 28, 32, 36, 40;
|
|
|
7
7
|
display: inline-block;
|
|
8
8
|
vertical-align: middle;
|
|
9
9
|
margin: 0 0.1em;
|
|
10
|
-
height: 1em;
|
|
10
|
+
line-height: 1em;
|
|
11
11
|
backface-visibility: hidden;
|
|
12
12
|
speak: none;
|
|
13
13
|
text-decoration: inherit;
|
|
@@ -21,6 +21,8 @@ $icon-sizes: 4, 8, 12, 16, 20, 24, 28, 32, 36, 40;
|
|
|
21
21
|
&.bordered, &.circular {
|
|
22
22
|
-webkit-box-shadow: 0 0 0 0.1em var(--icon-color-#{$color}) inset;
|
|
23
23
|
box-shadow: 0 0 0 0.1em var(--icon-color-#{$color}) inset;
|
|
24
|
+
height: 1em;
|
|
25
|
+
width: 1em;
|
|
24
26
|
|
|
25
27
|
&.inverted {
|
|
26
28
|
color: var(--icon-color-white);
|
|
@@ -34,6 +36,8 @@ $icon-sizes: 4, 8, 12, 16, 20, 24, 28, 32, 36, 40;
|
|
|
34
36
|
&.bordered, &.circular {
|
|
35
37
|
-webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-#{$color}) inset;
|
|
36
38
|
box-shadow: 0 0 0 0.1em var(--disabled-icon-color-#{$color}) inset;
|
|
39
|
+
height: 1em;
|
|
40
|
+
width: 1em;
|
|
37
41
|
|
|
38
42
|
&.inverted {
|
|
39
43
|
color: var(--disabled-icon-color-white);
|