beta-scss
Version:
Minimalistic utility SCSS kit for developer
1 lines • 143 kB
JavaScript
!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(n,r,e){o.o(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:e})},o.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.t=function(n,r){if(1&r&&(n=o(n)),8&r)return n;if(4&r&&"object"==typeof n&&n&&n.__esModule)return n;var e=Object.create(null);if(o.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:n}),2&r&&"string"!=typeof n)for(var t in n)o.d(e,t,function(r){return n[r]}.bind(null,t));return e},o.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(r,"a",r),r},o.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},o.p="dist/",o(o.s=0)}([function(n,r,o){n.exports=o(1)},function(n,r,o){var e=o(2);"string"==typeof e&&(e=[[n.i,e,""]]);var t={hmr:!0,transform:void 0,insertInto:void 0};o(4)(e,t);e.locals&&(n.exports=e.locals)},function(n,r,o){(n.exports=o(3)(!1)).push([n.i,'.text\\:left {\n text-align: left; }\n\n.text\\:center {\n text-align: center; }\n\n.text\\:right {\n text-align: right; }\n\n.text\\:justify {\n text-align: justify; }\n\n.rotate\\:0 {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.hover\\:rotate\\:0:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.rotate\\:90 {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(90deg); }\n\n.hover\\:rotate\\:90:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(90deg); }\n\n.rotate\\:180 {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(180deg); }\n\n.hover\\:rotate\\:180:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(180deg); }\n\n.rotate\\:270 {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(270deg); }\n\n.hover\\:rotate\\:270:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(270deg); }\n\n@keyframes rotating {\n from {\n transform: rotate(0); }\n to {\n transform: rotate(360deg); } }\n\n.rotating {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.hover\\:rotating:hover {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.arrow\\:r\\:transparent::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid transparent; }\n\n.arrow\\:t\\:transparent::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid transparent;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:black::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #22292f; }\n\n.arrow\\:t\\:black::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #22292f;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #3d4852; }\n\n.arrow\\:t\\:grey-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #3d4852;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #606f7b; }\n\n.arrow\\:t\\:grey-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #606f7b;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #8795a1; }\n\n.arrow\\:t\\:grey-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #8795a1;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #b8c2cc; }\n\n.arrow\\:t\\:grey::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #b8c2cc;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #dae1e7; }\n\n.arrow\\:t\\:grey-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #dae1e7;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f1f5f8; }\n\n.arrow\\:t\\:grey-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f1f5f8;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:grey-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f8fafc; }\n\n.arrow\\:t\\:grey-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f8fafc;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:white::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ffffff; }\n\n.arrow\\:t\\:white::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ffffff;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #3b0d0c; }\n\n.arrow\\:t\\:red-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #3b0d0c;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #621b18; }\n\n.arrow\\:t\\:red-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #621b18;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #cc1f1a; }\n\n.arrow\\:t\\:red-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #cc1f1a;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f44040; }\n\n.arrow\\:t\\:red::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f44040;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f75f51; }\n\n.arrow\\:t\\:red-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f75f51;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f9acaa; }\n\n.arrow\\:t\\:red-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f9acaa;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:red-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ffd8d4; }\n\n.arrow\\:t\\:red-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ffd8d4;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #c64411; }\n\n.arrow\\:t\\:orange-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #c64411;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #d86501; }\n\n.arrow\\:t\\:orange-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #d86501;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f27e19; }\n\n.arrow\\:t\\:orange-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f27e19;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ff9334; }\n\n.arrow\\:t\\:orange::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ff9334;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #faad63; }\n\n.arrow\\:t\\:orange-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #faad63;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fcd9b6; }\n\n.arrow\\:t\\:orange-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fcd9b6;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:orange-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fff5eb; }\n\n.arrow\\:t\\:orange-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fff5eb;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #453411; }\n\n.arrow\\:t\\:yellow-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #453411;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #684f1d; }\n\n.arrow\\:t\\:yellow-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #684f1d;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f2d024; }\n\n.arrow\\:t\\:yellow-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f2d024;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ffed4a; }\n\n.arrow\\:t\\:yellow::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ffed4a;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fff382; }\n\n.arrow\\:t\\:yellow-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fff382;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fff9c2; }\n\n.arrow\\:t\\:yellow-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fff9c2;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:yellow-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fcfbeb; }\n\n.arrow\\:t\\:yellow-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fcfbeb;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #0d3331; }\n\n.arrow\\:t\\:teal-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #0d3331;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #006875; }\n\n.arrow\\:t\\:teal-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #006875;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #017887; }\n\n.arrow\\:t\\:teal-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #017887;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #019bae; }\n\n.arrow\\:t\\:teal::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #019bae;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #3bbcc7; }\n\n.arrow\\:t\\:teal-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #3bbcc7;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #c0f1f5; }\n\n.arrow\\:t\\:teal-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #c0f1f5;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:teal-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #e8fffe; }\n\n.arrow\\:t\\:teal-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #e8fffe;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #0f2f21; }\n\n.arrow\\:t\\:green-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #0f2f21;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #1a4731; }\n\n.arrow\\:t\\:green-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #1a4731;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #1f9d55; }\n\n.arrow\\:t\\:green-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #1f9d55;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #11b776; }\n\n.arrow\\:t\\:green::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #11b776;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #51d88a; }\n\n.arrow\\:t\\:green-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #51d88a;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #a2f5bf; }\n\n.arrow\\:t\\:green-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #a2f5bf;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:green-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #e3fcec; }\n\n.arrow\\:t\\:green-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #e3fcec;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #12283a; }\n\n.arrow\\:t\\:blue-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #12283a;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #1c3d5a; }\n\n.arrow\\:t\\:blue-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #1c3d5a;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #2779bd; }\n\n.arrow\\:t\\:blue-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #2779bd;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #3490dc; }\n\n.arrow\\:t\\:blue::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #3490dc;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #6cb2eb; }\n\n.arrow\\:t\\:blue-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #6cb2eb;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #bcdefa; }\n\n.arrow\\:t\\:blue-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #bcdefa;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:blue-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #eff8ff; }\n\n.arrow\\:t\\:blue-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #eff8ff;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #191e38; }\n\n.arrow\\:t\\:indigo-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #191e38;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #2f365f; }\n\n.arrow\\:t\\:indigo-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #2f365f;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #5661b3; }\n\n.arrow\\:t\\:indigo-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #5661b3;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #6574cd; }\n\n.arrow\\:t\\:indigo::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #6574cd;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #7886d7; }\n\n.arrow\\:t\\:indigo-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #7886d7;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #b2b7ff; }\n\n.arrow\\:t\\:indigo-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #b2b7ff;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:indigo-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #e6e8ff; }\n\n.arrow\\:t\\:indigo-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #e6e8ff;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #21183c; }\n\n.arrow\\:t\\:purple-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #21183c;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #382b5f; }\n\n.arrow\\:t\\:purple-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #382b5f;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #794acf; }\n\n.arrow\\:t\\:purple-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #794acf;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #9561e2; }\n\n.arrow\\:t\\:purple::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #9561e2;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #a779e9; }\n\n.arrow\\:t\\:purple-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #a779e9;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #d6bbfc; }\n\n.arrow\\:t\\:purple-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #d6bbfc;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:purple-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f3ebff; }\n\n.arrow\\:t\\:purple-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f3ebff;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #451225; }\n\n.arrow\\:t\\:pink-darkest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #451225;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #6f213f; }\n\n.arrow\\:t\\:pink-darker::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #6f213f;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #eb5286; }\n\n.arrow\\:t\\:pink-dark::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #eb5286;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #f66d9b; }\n\n.arrow\\:t\\:pink::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #f66d9b;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #fa7ea8; }\n\n.arrow\\:t\\:pink-light::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #fa7ea8;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ffbbca; }\n\n.arrow\\:t\\:pink-lighter::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ffbbca;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.arrow\\:r\\:pink-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: -10px;\n top: calc(50% - 7px);\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid #ffebef; }\n\n.arrow\\:t\\:pink-lightest::after {\n content: "";\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n top: -10px;\n right: calc(50% - 10px);\n border-bottom: 10px solid #ffebef;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent; }\n\n.bg\\:transparent {\n background-color: transparent; }\n\n.hover\\:bg\\:transparent:hover {\n background-color: transparent; }\n\n.focus\\:bg\\:transparent:focus {\n background-color: transparent; }\n\n.bg\\:black {\n background-color: #22292f; }\n\n.hover\\:bg\\:black:hover {\n background-color: #22292f; }\n\n.focus\\:bg\\:black:focus {\n background-color: #22292f; }\n\n.bg\\:grey-darkest {\n background-color: #3d4852; }\n\n.hover\\:bg\\:grey-darkest:hover {\n background-color: #3d4852; }\n\n.focus\\:bg\\:grey-darkest:focus {\n background-color: #3d4852; }\n\n.bg\\:grey-darker {\n background-color: #606f7b; }\n\n.hover\\:bg\\:grey-darker:hover {\n background-color: #606f7b; }\n\n.focus\\:bg\\:grey-darker:focus {\n background-color: #606f7b; }\n\n.bg\\:grey-dark {\n background-color: #8795a1; }\n\n.hover\\:bg\\:grey-dark:hover {\n background-color: #8795a1; }\n\n.focus\\:bg\\:grey-dark:focus {\n background-color: #8795a1; }\n\n.bg\\:grey {\n background-color: #b8c2cc; }\n\n.hover\\:bg\\:grey:hover {\n background-color: #b8c2cc; }\n\n.focus\\:bg\\:grey:focus {\n background-color: #b8c2cc; }\n\n.bg\\:grey-light {\n background-color: #dae1e7; }\n\n.hover\\:bg\\:grey-light:hover {\n background-color: #dae1e7; }\n\n.focus\\:bg\\:grey-light:focus {\n background-color: #dae1e7; }\n\n.bg\\:grey-lighter {\n background-color: #f1f5f8; }\n\n.hover\\:bg\\:grey-lighter:hover {\n background-color: #f1f5f8; }\n\n.focus\\:bg\\:grey-lighter:focus {\n background-color: #f1f5f8; }\n\n.bg\\:grey-lightest {\n background-color: #f8fafc; }\n\n.hover\\:bg\\:grey-lightest:hover {\n background-color: #f8fafc; }\n\n.focus\\:bg\\:grey-lightest:focus {\n background-color: #f8fafc; }\n\n.bg\\:white {\n background-color: #ffffff; }\n\n.hover\\:bg\\:white:hover {\n background-color: #ffffff; }\n\n.focus\\:bg\\:white:focus {\n background-color: #ffffff; }\n\n.bg\\:red-darkest {\n background-color: #3b0d0c; }\n\n.hover\\:bg\\:red-darkest:hover {\n background-color: #3b0d0c; }\n\n.focus\\:bg\\:red-darkest:focus {\n background-color: #3b0d0c; }\n\n.bg\\:red-darker {\n background-color: #621b18; }\n\n.hover\\:bg\\:red-darker:hover {\n background-color: #621b18; }\n\n.focus\\:bg\\:red-darker:focus {\n background-color: #621b18; }\n\n.bg\\:red-dark {\n background-color: #cc1f1a; }\n\n.hover\\:bg\\:red-dark:hover {\n background-color: #cc1f1a; }\n\n.focus\\:bg\\:red-dark:focus {\n background-color: #cc1f1a; }\n\n.bg\\:red {\n background-color: #f44040; }\n\n.hover\\:bg\\:red:hover {\n background-color: #f44040; }\n\n.focus\\:bg\\:red:focus {\n background-color: #f44040; }\n\n.bg\\:red-light {\n background-color: #f75f51; }\n\n.hover\\:bg\\:red-light:hover {\n background-color: #f75f51; }\n\n.focus\\:bg\\:red-light:focus {\n background-color: #f75f51; }\n\n.bg\\:red-lighter {\n background-color: #f9acaa; }\n\n.hover\\:bg\\:red-lighter:hover {\n background-color: #f9acaa; }\n\n.focus\\:bg\\:red-lighter:focus {\n background-color: #f9acaa; }\n\n.bg\\:red-lightest {\n background-color: #ffd8d4; }\n\n.hover\\:bg\\:red-lightest:hover {\n background-color: #ffd8d4; }\n\n.focus\\:bg\\:red-lightest:focus {\n background-color: #ffd8d4; }\n\n.bg\\:orange-darkest {\n background-color: #c64411; }\n\n.hover\\:bg\\:orange-darkest:hover {\n background-color: #c64411; }\n\n.focus\\:bg\\:orange-darkest:focus {\n background-color: #c64411; }\n\n.bg\\:orange-darker {\n background-color: #d86501; }\n\n.hover\\:bg\\:orange-darker:hover {\n background-color: #d86501; }\n\n.focus\\:bg\\:orange-darker:focus {\n background-color: #d86501; }\n\n.bg\\:orange-dark {\n background-color: #f27e19; }\n\n.hover\\:bg\\:orange-dark:hover {\n background-color: #f27e19; }\n\n.focus\\:bg\\:orange-dark:focus {\n background-color: #f27e19; }\n\n.bg\\:orange {\n background-color: #ff9334; }\n\n.hover\\:bg\\:orange:hover {\n background-color: #ff9334; }\n\n.focus\\:bg\\:orange:focus {\n background-color: #ff9334; }\n\n.bg\\:orange-light {\n background-color: #faad63; }\n\n.hover\\:bg\\:orange-light:hover {\n background-color: #faad63; }\n\n.focus\\:bg\\:orange-light:focus {\n background-color: #faad63; }\n\n.bg\\:orange-lighter {\n background-color: #fcd9b6; }\n\n.hover\\:bg\\:orange-lighter:hover {\n background-color: #fcd9b6; }\n\n.focus\\:bg\\:orange-lighter:focus {\n background-color: #fcd9b6; }\n\n.bg\\:orange-lightest {\n background-color: #fff5eb; }\n\n.hover\\:bg\\:orange-lightest:hover {\n background-color: #fff5eb; }\n\n.focus\\:bg\\:orange-lightest:focus {\n background-color: #fff5eb; }\n\n.bg\\:yellow-darkest {\n background-color: #453411; }\n\n.hover\\:bg\\:yellow-darkest:hover {\n background-color: #453411; }\n\n.focus\\:bg\\:yellow-darkest:focus {\n background-color: #453411; }\n\n.bg\\:yellow-darker {\n background-color: #684f1d; }\n\n.hover\\:bg\\:yellow-darker:hover {\n background-color: #684f1d; }\n\n.focus\\:bg\\:yellow-darker:focus {\n background-color: #684f1d; }\n\n.bg\\:yellow-dark {\n background-color: #f2d024; }\n\n.hover\\:bg\\:yellow-dark:hover {\n background-color: #f2d024; }\n\n.focus\\:bg\\:yellow-dark:focus {\n background-color: #f2d024; }\n\n.bg\\:yellow {\n background-color: #ffed4a; }\n\n.hover\\:bg\\:yellow:hover {\n background-color: #ffed4a; }\n\n.focus\\:bg\\:yellow:focus {\n background-color: #ffed4a; }\n\n.bg\\:yellow-light {\n background-color: #fff382; }\n\n.hover\\:bg\\:yellow-light:hover {\n background-color: #fff382; }\n\n.focus\\:bg\\:yellow-light:focus {\n background-color: #fff382; }\n\n.bg\\:yellow-lighter {\n background-color: #fff9c2; }\n\n.hover\\:bg\\:yellow-lighter:hover {\n background-color: #fff9c2; }\n\n.focus\\:bg\\:yellow-lighter:focus {\n background-color: #fff9c2; }\n\n.bg\\:yellow-lightest {\n background-color: #fcfbeb; }\n\n.hover\\:bg\\:yellow-lightest:hover {\n background-color: #fcfbeb; }\n\n.focus\\:bg\\:yellow-lightest:focus {\n background-color: #fcfbeb; }\n\n.bg\\:teal-dar