This here is a pill!
\n *\nThis here is also a lozenge!
\n *\n * Pills have fully rounded ends, lozenges have only their corners rounded.\n *\n * Demo: jsfiddle.net/inuitcss/N3pGm\n *\n */\n/* line 3583, tmp/application.scss */\n.pill, .loz, .tag, formide-button.btn--pill,\n.btn.btn--pill {\n display: inline-block;\n /**\n * These numbers set in ems mean that, at its narrowest, a lozenge will be\n * the same width as the `line-height` set on the `html` element.\n * This allows us to use the `.loz` in almost any `font-size` we wish.\n */\n min-width: 24px;\n padding: 4px 16px;\n text-align: center;\n border: 1px solid #afb0b9;\n color: #fff;\n /* Override this color in your theme stylesheet */\n vertical-align: middle;\n font-weight: 400;\n color: #afb0b9;\n cursor: default;\n /**\n * Normally we’d use border-radius:100%; but instead here we just use an\n * overly large number; `border-radius:100%;` would create an oval on\n * non-square elements whereas we just want to round the ends of an element.\n */\n border-radius: 100px;\n}\n\n/* line 3609, tmp/application.scss */\n.pill a, .loz a, .tag a, formide-button.btn--pill a,\n.btn.btn--pill a {\n color: inherit;\n}\n\n/* line 3613, tmp/application.scss */\n.pill.pill--small, .pill--small.loz, .pill--small.tag, formide-button.pill--small.btn--pill,\n.pill--small.btn.btn--pill {\n font-size: .6rem;\n padding: 2px 4px;\n color: white;\n background-color: #9495a1;\n}\n\n/* line 3620, tmp/application.scss */\n.pill.pill--lighter, .pill--lighter.loz, .pill--lighter.tag, formide-button.pill--lighter.btn--pill,\n.pill--lighter.btn.btn--pill {\n border-color: #bebebe;\n color: #cbcaca;\n}\n\n/* line 3623, tmp/application.scss */\n.pill.pill--lighter.pill--small, .pill--lighter.pill--small.loz, .pill--lighter.pill--small.tag, formide-button.pill--lighter.pill--small.btn--pill,\n.pill--lighter.pill--small.btn.btn--pill {\n background-color: #b1b1b1;\n color: white;\n}\n\n/* line 3626, tmp/application.scss */\n.pill.pill--lighter.pill--small:hover, .pill--lighter.pill--small.loz:hover, .pill--lighter.pill--small.tag:hover, formide-button.pill--lighter.pill--small.btn--pill:hover,\n.pill--lighter.pill--small.btn.btn--pill:hover {\n color: white;\n}\n\n/* line 3631, tmp/application.scss */\n.pill.pill--primary, .pill--primary.loz, .pill--primary.tag, formide-button.pill--primary.btn--pill,\n.pill--primary.btn.btn--pill {\n border-color: #413b62;\n color: #4c4572;\n}\n\n/* line 3634, tmp/application.scss */\n.pill.pill--primary.pill--small, .pill--primary.pill--small.loz, .pill--primary.pill--small.tag, formide-button.pill--primary.pill--small.btn--pill,\n.pill--primary.pill--small.btn.btn--pill {\n background-color: #564e82;\n color: white;\n}\n\n/* line 3637, tmp/application.scss */\n.pill.pill--primary.pill--small:hover, .pill--primary.pill--small.loz:hover, .pill--primary.pill--small.tag:hover, formide-button.pill--primary.pill--small.btn--pill:hover,\n.pill--primary.pill--small.btn.btn--pill:hover {\n color: white;\n}\n\n/* line 3642, tmp/application.scss */\n.pill.pill--info, .pill--info.loz, .pill--info.tag, formide-button.pill--info.btn--pill,\n.pill--info.btn.btn--pill {\n color: #615892;\n border-color: #615892;\n cursor: pointer;\n padding: 3px 12px;\n font-size: 13px;\n height: 24px;\n}\n\n/* line 3650, tmp/application.scss */\n.pill.pill--info .fa fa-external-link, .pill--info.loz .fa fa-external-link, .pill--info.tag .fa fa-external-link, formide-button.pill--info.btn--pill .fa fa-external-link,\n.pill--info.btn.btn--pill .fa fa-external-link, .pill.pill--info .icon fa-external-link, .pill--info.loz .icon fa-external-link, .pill--info.tag .icon fa-external-link, formide-button.pill--info.btn--pill .icon fa-external-link,\n.pill--info.btn.btn--pill .icon fa-external-link {\n font-size: 12px;\n}\n\n/* line 3654, tmp/application.scss */\n.pill.pill--inline, .pill--inline.loz, .pill--inline.tag, formide-button.pill--inline.btn--pill,\n.pill--inline.btn.btn--pill {\n position: relative;\n top: -3px;\n}\n\n/* line 3658, tmp/application.scss */\n.pill.pill--warning, .pill--warning.loz, .pill--warning.tag, formide-button.pill--warning.btn--pill,\n.pill--warning.btn.btn--pill {\n border-color: #b08d00;\n color: #c9a100;\n}\n\n/* line 3661, tmp/application.scss */\n.pill.pill--warning.pill--small, .pill--warning.pill--small.loz, .pill--warning.pill--small.tag, formide-button.pill--warning.pill--small.btn--pill,\n.pill--warning.pill--small.btn.btn--pill {\n background-color: #967800;\n color: white;\n}\n\n/* line 3664, tmp/application.scss */\n.pill.pill--warning.pill--small:hover, .pill--warning.pill--small.loz:hover, .pill--warning.pill--small.tag:hover, formide-button.pill--warning.pill--small.btn--pill:hover,\n.pill--warning.pill--small.btn.btn--pill:hover {\n color: white;\n}\n\n/* line 3669, tmp/application.scss */\n.pill.pill--error, .pill--error.loz, .pill--error.tag, formide-button.pill--error.btn--pill,\n.pill--error.btn.btn--pill {\n border-color: #c51b37;\n color: #db1e3e;\n}\n\n/* line 3672, tmp/application.scss */\n.pill.pill--error.pill--small, .pill--error.pill--small.loz, .pill--error.pill--small.tag, formide-button.pill--error.pill--small.btn--pill,\n.pill--error.pill--small.btn.btn--pill {\n background-color: #ae1831;\n color: white;\n}\n\n/* line 3675, tmp/application.scss */\n.pill.pill--error.pill--small:hover, .pill--error.pill--small.loz:hover, .pill--error.pill--small.tag:hover, formide-button.pill--error.pill--small.btn--pill:hover,\n.pill--error.pill--small.btn.btn--pill:hover {\n color: white;\n}\n\n/* line 3680, tmp/application.scss */\n.pill.pill--success, .pill--success.loz, .pill--success.tag, formide-button.pill--success.btn--pill,\n.pill--success.btn.btn--pill {\n border-color: #37c51b;\n color: #3edb1e;\n}\n\n/* line 3683, tmp/application.scss */\n.pill.pill--success.pill--small, .pill--success.pill--small.loz, .pill--success.pill--small.tag, formide-button.pill--success.pill--small.btn--pill,\n.pill--success.pill--small.btn.btn--pill {\n background-color: #31ae18;\n color: white;\n}\n\n/* line 3686, tmp/application.scss */\n.pill.pill--success.pill--small:hover, .pill--success.pill--small.loz:hover, .pill--success.pill--small.tag:hover, formide-button.pill--success.pill--small.btn--pill:hover,\n.pill--success.pill--small.btn.btn--pill:hover {\n color: white;\n}\n\n/* line 3692, tmp/application.scss */\n.pill.pill--right, .pill--right.loz, .pill--right.tag, formide-button.pill--right.btn--pill,\n.pill--right.btn.btn--pill {\n float: right;\n}\n\n/* line 3696, tmp/application.scss */\n.pill:after, .loz:after, .tag:after, formide-button.btn--pill:after,\n.btn.btn--pill:after {\n content: none;\n}\n\n/* line 3701, tmp/application.scss */\n.loz, .tag {\n border-radius: 3px;\n}\n\n/* line 3706, tmp/application.scss */\n.tag {\n font-size: 14px;\n font-size: .875rem;\n line-height: 1;\n padding: 2px 8px 1px;\n max-width: auto;\n font-weight: 400;\n opacity: .5;\n margin-right: 4px;\n}\n\n/*\n *\tThis code was created for Printr B.V. It is open source under the formide-client package.\n *\tCopyright (c) 2017, All rights reserved, http://printr.nl\n */\n@-webkit-keyframes ngdialog-flyin {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@keyframes ngdialog-flyin {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes ngdialog-flyout {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n}\n\n@keyframes ngdialog-flyout {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n}\n\n/* line 3787, tmp/application.scss */\n.ngdialog {\n padding-top: 1.5rem;\n padding-bottom: 4rem;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n margin-right: 0;\n}\n\n@media (min-width: 720px) {\n /* line 3787, tmp/application.scss */\n .ngdialog {\n margin-right: auto;\n }\n}\n\n/* line 3806, tmp/application.scss */\n.sidebar-invisible .ngdialog {\n margin-right: 0;\n}\n\n/* line 3812, tmp/application.scss */\n.ngdialog-overlay {\n top: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n background: rgba(22, 23, 32, 0.5);\n}\n\n/* line 3822, tmp/application.scss */\n.sidebar-invisible .ngdialog-overlay {\n right: 0;\n}\n\n/* line 3827, tmp/application.scss */\n.ngdialog.ngdialog-closing .ngdialog-content {\n -webkit-animation: ngdialog-flyout .5s;\n animation: ngdialog-flyout .5s;\n}\n\n/* line 3832, tmp/application.scss */\n.ngdialog .ngdialog-content {\n background: white;\n -webkit-animation: ngdialog-flyin .5s;\n animation: ngdialog-flyin .5s;\n border-radius: 3px;\n box-shadow: 0 4px 16px rgba(22, 23, 32, 0.3);\n position: relative;\n}\n\n/* line 3843, tmp/application.scss */\n.ngdialog .ngdialog-close {\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n -ms-border-radius: 3px;\n border-radius: 3px;\n cursor: pointer;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9999;\n}\n\n/* line 3852, tmp/application.scss */\n.ngdialog .ngdialog-close:before {\n background: transparent;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n -ms-border-radius: 3px;\n border-radius: 3px;\n color: #bbb;\n content: '\\00D7';\n font-size: 26px;\n font-weight: 400;\n height: 30px;\n line-height: 26px;\n position: absolute;\n right: 3px;\n text-align: center;\n top: 3px;\n width: 30px;\n}\n\n/* line 3868, tmp/application.scss */\n.ngdialog .ngdialog-close:hover:before,\n.ngdialog .ngdialog-close:active:before {\n color: #777;\n}\n\n/* line 3874, tmp/application.scss */\n.ngdialog-setup .ngdialog-content {\n max-width: 448px;\n}\n\n/* line 3877, tmp/application.scss */\n.ngdialog-setup .ngdialog-content hgroup {\n margin-bottom: 24px;\n}\n\n/*------------------------------------* $RULES\n\\*------------------------------------*/\n/**\n * Horizontal rules, extend `hr`.\n *\n * Demo: jsfiddle.net/inuitcss/L6GuZ\n *\n */\n/* line 3892, tmp/application.scss */\n.rule {\n color: #e4e4e4;\n border: none;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n margin-bottom: 1.2rem;\n text-align: center;\n}\n\n/* line 3902, tmp/application.scss */\n.rule--flat {\n margin-bottom: 0;\n}\n\n/**\n * Dotted rules\n */\n/* line 3910, tmp/application.scss */\n.rule--dotted {\n border-bottom-style: dotted;\n}\n\n/**\n * Dashed rules\n */\n/* line 3918, tmp/application.scss */\n.rule--dashed {\n border-bottom-style: dashed;\n}\n\n/**\n * Ornamental rules. Places a § over the rule.\n */\n/* line 3926, tmp/application.scss */\n.rule--ornament {\n position: relative;\n /**\n * Pass in an arbitrary ornament though a data attribute, e.g.:\n *\n