beta-scss
Version:
Minimalistic utility SCSS kit for developer
1 lines • 265 kB
JavaScript
!function(n){var r={};function e(o){if(r[o])return r[o].exports;var t=r[o]={i:o,l:!1,exports:{}};return n[o].call(t.exports,t,t.exports,e),t.l=!0,t.exports}e.m=n,e.c=r,e.d=function(n,r,o){e.o(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:o})},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},e.t=function(n,r){if(1&r&&(n=e(n)),8&r)return n;if(4&r&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&r&&"string"!=typeof n)for(var t in n)e.d(o,t,function(r){return n[r]}.bind(null,t));return o},e.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(r,"a",r),r},e.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},e.p="dist/",e(e.s=0)}([function(n,r,e){n.exports=e(1)},function(n,r,e){var o=e(2);"string"==typeof o&&(o=[[n.i,o,""]]);var t={hmr:!0,transform:void 0,insertInto:void 0};e(4)(o,t);o.locals&&(n.exports=o.locals)},function(n,r,e){(n.exports=e(3)(!1)).push([n.i,'html {\n box-sizing: border-box; }\n\n*,\n*::before,\n*::after {\n box-sizing: inherit; }\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nfigure,\np,\npre {\n margin: 0; }\n\n*,\n:after,\n:before {\n border-width: 0;\n border-style: solid;\n border-color: #dae1e7; }\n\n.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.rotate\\:90 {\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.rotate\\:270 {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(270deg); }\n\n.active\\:rotate\\:100:active {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.active\\:rotate\\:75:active {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.active\\:rotate\\:50:active {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.active\\:rotate\\:25:active {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.active\\:rotate\\:0:active {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.visited\\:rotate\\:100:visited {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.visited\\:rotate\\:75:visited {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.visited\\:rotate\\:50:visited {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.visited\\:rotate\\:25:visited {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.visited\\:rotate\\:0:visited {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.hover\\:rotate\\:100:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.hover\\:rotate\\:75:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.hover\\:rotate\\:50:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.hover\\:rotate\\:25:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.hover\\:rotate\\:0:hover {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.disabled\\:rotate\\:100:disabled {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.disabled\\:rotate\\:75:disabled {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.disabled\\:rotate\\:50:disabled {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.disabled\\:rotate\\:25:disabled {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.disabled\\:rotate\\:0:disabled {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.focus\\:rotate\\:100:focus {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.focus\\:rotate\\:75:focus {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.focus\\:rotate\\:50:focus {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.focus\\:rotate\\:25:focus {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.focus\\:rotate\\:0:focus {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.first\\:rotate\\:100:first-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.first\\:rotate\\:75:first-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.first\\:rotate\\:50:first-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.first\\:rotate\\:25:first-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.first\\:rotate\\:0:first-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.last\\:rotate\\:100:last-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.last\\:rotate\\:75:last-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.last\\:rotate\\:50:last-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.last\\:rotate\\:25:last-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.last\\:rotate\\:0:last-child {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.odd\\:rotate\\:100:nth-child(odd) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.odd\\:rotate\\:75:nth-child(odd) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.odd\\:rotate\\:50:nth-child(odd) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.odd\\:rotate\\:25:nth-child(odd) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.odd\\:rotate\\:0:nth-child(odd) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\n\n.even\\:rotate\\:100:nth-child(even) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(1deg); }\n\n.even\\:rotate\\:75:nth-child(even) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.75deg); }\n\n.even\\:rotate\\:50:nth-child(even) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.5deg); }\n\n.even\\:rotate\\:25:nth-child(even) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0.25deg); }\n\n.even\\:rotate\\:0:nth-child(even) {\n display: inline-block;\n transition: all 0.3s ease;\n transform: rotate(0deg); }\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.active\\:rotating:active {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.visited\\:rotating:visited {\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.disabled\\:rotating:disabled {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.focus\\:rotating:focus {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.first\\:rotating:first-child {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.last\\:rotating:last-child {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.odd\\:rotating:nth-child(odd) {\n display: inline-block;\n animation: rotating 2s linear infinite; }\n\n.even\\:rotating:nth-child(even) {\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 {\