New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@therms/atalaya

Package Overview
Dependencies
Maintainers
2
Versions
790
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@therms/atalaya - npm Package Compare versions

Comparing version 1.1.0-beta.40 to 1.1.0-beta.41

7

CHANGELOG.md

@@ -0,1 +1,8 @@

# [1.1.0-beta.41](http://bitbucket.org/thermsio/atalaya/compare/v1.1.0-beta.40...v1.1.0-beta.41) (2021-02-19)
### Bug Fixes
* **CORE-1219:** fix tailwind default classes not working with layout components ([87015b9](http://bitbucket.org/thermsio/atalaya/commits/87015b964dd924a461e846b4b7e89adee6e4df0e))
# [1.1.0-beta.40](http://bitbucket.org/thermsio/atalaya/compare/v1.1.0-beta.39...v1.1.0-beta.40) (2021-02-18)

@@ -2,0 +9,0 @@

4

lib/cjs.js

@@ -557,6 +557,6 @@ 'use strict';

var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Border Sizing */\n --border-none: 0;\n --border-base: 1px;\n --border-md: 2px;\n --border-lg: 4px;\n --border-xl: 8px;\n\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n";
var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Border Sizing */\n --border-none: 0;\n --border-base: 1px;\n --border-md: 2px;\n --border-lg: 4px;\n --border-xl: 8px;\n\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(var(--border-base) * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(var(--border-base) * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: var(--border-base);\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: var(--border-base);\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n";
styleInject(css_248z);
var css_248z$1 = ".btn {\n background-color: var(--color-action-primary);\n}\n\n.btn:hover {\n background-color: var(--color-action-primary-light);\n}\n\n.btn {\n border-color: transparent;\n border-radius: 0.375rem;\n border-width: 1px;\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n}\n\n.btn:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.btn {\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.btn:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n --tw-ring-offset-width: 2px;\n --tw-ring-color: var(--color-action-primary);\n}\n\n.btn {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.btn.btn-sm {\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.btn.btn-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n";
var css_248z$1 = ".btn {\n background-color: var(--color-action-primary);\n}\n\n.btn:hover {\n background-color: var(--color-action-primary-light);\n}\n\n.btn {\n border-color: transparent;\n border-radius: 0.375rem;\n border-width: var(--border-base);\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n}\n\n.btn:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.btn {\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.btn:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n --tw-ring-offset-width: 2px;\n --tw-ring-color: var(--color-action-primary);\n}\n\n.btn {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.btn.btn-sm {\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.btn.btn-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n";
styleInject(css_248z$1);

@@ -563,0 +563,0 @@

4

lib/index.js

@@ -548,6 +548,6 @@ import React, { useMemo, createElement } from 'react';

var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Border Sizing */\n --border-none: 0;\n --border-base: 1px;\n --border-md: 2px;\n --border-lg: 4px;\n --border-xl: 8px;\n\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n";
var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Border Sizing */\n --border-none: 0;\n --border-base: 1px;\n --border-md: 2px;\n --border-lg: 4px;\n --border-xl: 8px;\n\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(var(--border-base) * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(var(--border-base) * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: var(--border-base);\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: var(--border-base);\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n";
styleInject(css_248z);
var css_248z$1 = ".btn {\n background-color: var(--color-action-primary);\n}\n\n.btn:hover {\n background-color: var(--color-action-primary-light);\n}\n\n.btn {\n border-color: transparent;\n border-radius: 0.375rem;\n border-width: 1px;\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n}\n\n.btn:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.btn {\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.btn:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n --tw-ring-offset-width: 2px;\n --tw-ring-color: var(--color-action-primary);\n}\n\n.btn {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.btn.btn-sm {\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.btn.btn-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n";
var css_248z$1 = ".btn {\n background-color: var(--color-action-primary);\n}\n\n.btn:hover {\n background-color: var(--color-action-primary-light);\n}\n\n.btn {\n border-color: transparent;\n border-radius: 0.375rem;\n border-width: var(--border-base);\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n}\n\n.btn:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.btn {\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.btn:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n --tw-ring-offset-width: 2px;\n --tw-ring-color: var(--color-action-primary);\n}\n\n.btn {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.btn.btn-sm {\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.btn.btn-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n";
styleInject(css_248z$1);

@@ -554,0 +554,0 @@

2

package.json
{
"name": "@therms/atalaya",
"version": "1.1.0-beta.40",
"version": "1.1.0-beta.41",
"main": "./lib/cjs.js",

@@ -5,0 +5,0 @@ "module": "./lib/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc