npm - @skedulo/sked-ui - Versions diffs - 21.9.0 → 21.9.2 - Mend

@skedulo/sked-ui 21.9.0 → 21.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.js +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -753,7 +753,7 @@ __webpack_require__.r(__webpack_exports__);
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, "/**\n * This injects Tailwind's base styles, which is a combination of\n * Normalize.css and some additional base styles.\n *\n * You can see the styles here:\n * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/preflight\";\n */\n\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. 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/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. 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/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\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: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* 1 */\n  line-height: 1.5; /* 2 */\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: currentColor; /* 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::placeholder,\ntextarea::placeholder {\n  color: #a0aec0;\n}\n\nbutton,\n[role=\"button\"] {\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: 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/**\n * This injects any component classes registered by plugins.\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/components\";\n */\n\n.sk-container {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n  .sk-container {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n  .sk-container {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .sk-container {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n  .sk-container {\n    max-width: 1280px;\n  }\n}\n\nhtml {\n  line-height: 1.15;\n}\n\n/**\n * Here you would add any of your custom component classes; stuff that you'd\n * want loaded *before* the utilities so that the utilities could still\n * override them.\n *\n * Example:\n *\n * .btn { ... }\n * .form-input { ... }\n *\n * Or if using a preprocessor or `postcss-import`:\n *\n * @import \"components/buttons\";\n * @import \"components/forms\";\n */\n\n/** Legacy **/\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.loading-throb {\n  width: 100%;\n  padding: 16px 0;\n}\n\n.loading-throb .loading-throb__bounce {\n  width: 6px;\n  height: 6px;\n  margin: 0 3px;\n  background-color: #008cff;\n  border-radius: 100%;\n  display: inline-block;\n  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n  animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.loading-throb .loading-throb__bounce--first {\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n\n.loading-throb .loading-throb__bounce--second {\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n@keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.sked-infowindow {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n}\n\n.sked-infowindow-wrapper {\n  height: 0;\n}\n\n.sked-infowindow__close {\n  position: absolute;\n  top: 5px;\n  right: 4px;\n}\n\n.sked-infowindow__title {\n  font-weight: 600;\n  padding: 0 32px 0 16px;\n  border-bottom: 1px solid #d4d7de;\n  letter-spacing: 0.3px;\n  height: 42px;\n  line-height: 42px;\n  display: flex;\n}\n\n.sked-infowindow__content {\n  position: relative;\n  font-size: 13px;\n  font-weight: 400;\n  border-radius: 2px;\n  color: #0c131e;\n  background-color: #fff;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n}\n\n.sked-infowindow__triangle {\n  content: \"\";\n  display: block;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: 0;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n  border-radius: 2px;\n  position: absolute;\n  box-shadow: 0 3px 6px -3px rgba(34, 48, 73, 0.24);\n  width: 10px;\n  height: 10px;\n}\n\n.sked-infowindow__triangle--position-top {\n  margin-top: -6px;\n  margin-left: 2.5px;\n}\n\n.sked-infowindow__triangle--position-bottom {\n  margin-top: 2.5px;\n  margin-left: 2.5px;\n  box-shadow: -2px -3px 8px -3px rgba(34, 48, 73, 0.24);\n}\n\n.sked-infowindow__triangle--position-right {\n  margin-top: 2.5px;\n  margin-left: 10px;\n}\n\n.sked-infowindow__triangle--position-left {\n  margin-top: 2.5px;\n  margin-left: -6px;\n  box-shadow: 0 -3px 6px -3px rgba(34, 48, 73, 0.24);\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.sked-tooltip .sked-infowindow__content {\n  box-sizing: border-box;\n  padding: 9px 12px 7px;\n  border: none;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n  max-width: 360px !important;\n  min-width: 100px;\n  min-height: 32px;\n  line-height: 1.2;\n  letter-spacing: 0.2px;\n}\n\n.sked-tooltip--dark .sked-infowindow__content, .sked-tooltip--dark .sked-infowindow__content > *, .sked-tooltip--dark .sked-infowindow__content > * > * {\n  color: #fff;\n  background: #223049;\n}\n\n.sked-tooltip--dark .sked-infowindow__triangle {\n  background: #223049;\n}\n\n.sked-tooltip--light .sked-infowindow__content {\n  color: #0c131e;\n  background: #fff;\n}\n\n.sked-tooltip--light .sked-infowindow__triangle {\n  background: #fff;\n}\n\n.sked-tooltip--align-center {\n  text-align: center;\n}\n\n.sked-tooltip--align-left {\n  text-align: left;\n}\n\n.sked-tooltip--align-right {\n  text-align: right;\n}\n\n.sked-popper-content .sked-popper-content-arrow {\n  visibility: hidden;\n}\n\n.sked-popper-content .sked-popper-content-arrow, .sked-popper-content .sked-popper-content-arrow:before {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: inherit;\n}\n\n.sked-popper-content .sked-popper-content-arrow:before {\n  visibility: visible;\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n.sked-popper-content[data-popper-placement^=top] > .sked-popper-content-arrow {\n  bottom: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=bottom] > .sked-popper-content-arrow {\n  top: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=left] > .sked-popper-content-arrow {\n  right: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=right] > .sked-popper-content-arrow {\n  left: -4px;\n}\n\n/** **/\n\n.sked-button-group {\n  display: inline-grid;\n  grid-gap: 0.5rem;\n  grid-auto-flow: column;\n  width: max-content;\n}\n\n.sked-button-group--compact {\n  grid-gap: 0;\n}\n\n.sked-button-group--compact .sked-button:not(:last-child), .sked-button-group--compact .sked-infowindow__trigger:not(:last-child) .sked-button {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-right: 0;\n}\n\n.sked-button-group--compact .sked-button:not(:first-child), .sked-button-group--compact .sked-infowindow__trigger:not(:first-child) .sked-button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.sked-avatar {\n  font-family: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n  width: 2rem;\n  height: 2rem;\n  font-size: .75rem;\n  font-weight: 500;\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  border-radius: 9999px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  user-select: none;\n}\n\n.sked-avatar--bordered {\n  border-width: 2px;\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sked-avatar--bordered.sked-avatar--tiny {\n  border-width: 1px;\n}\n\n.sked-avatar__image {\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n\n.sked-avatar--tiny {\n  width: 1rem;\n  height: 1rem;\n  font-size: 9px;\n}\n\n.sked-avatar--small {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.sked-avatar--large {\n  font-size: 1.5rem;\n  letter-spacing: 0.025em;\n  width: 4rem;\n  height: 4rem;\n}\n\n.sked-avatar-group .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -6px;\n}\n\n.sked-avatar-group--tiny .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -5px;\n}\n\n.sked-avatar-group--small .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -7px;\n}\n\n.sked-avatar-group--large .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -11px;\n}\n\n.sked-avatar-group .sked-infowindow__trigger:hover {\n  z-index: 10;\n}\n\n.sked-avatar-group .sked-avatar--bordered.sked-avatar--small {\n  border-width: 1px;\n}\n\n/*\n  .sk-form-element takes care of the validation styling and spacing\n*/\n\n.sked-form-element--invalid {\n  /*\n   We are targeting text type inputs via the 'invalid' modifier on .form-element because we do not always have access\n   to the input to apply a dedicated input modifier class (such is the case with a third party library eg. reactdatepicker). \n   This is the main reason, though it also prevents us from having to pass down a prop to decide whether an input needs\n   an error class, as we have widgets that wrap other widgets that wrap others and so\n   on. It can be four layers deep before you get to the actual input.\n  */\n}\n\n.sked-form-element--invalid .sked-form-element__outline,\n.sked-form-element--invalid .sked-form-element__outline:hover,\n.sked-form-element--invalid .sked-form-element__outline:focus {\n  --border-opacity: 1;\n  border-color: #D53C30;\n  border-color: rgba(213, 60, 48, var(--border-opacity));\n}\n\n.sked-form-element__errors {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n  margin-top: 0.25rem;\n  font-size: .812rem;\n  line-height: 1.25;\n}\n\n/*\n  Callout\n*/\n\n.sked-error-callout {\n  padding: 0.75rem;\n  border-left-width: 1px;\n  font-size: .875rem;\n  font-weight: 400;\n  border-color: #fd7d44;\n  background: #fff5f0;\n}\n\n/*\n  Styles for text-type inputs\n*/\n\n.sked-input-textbox {\n  display: block;\n  width: 100%;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  border-width: 1px;\n  font-size: .875rem;\n  font-weight: 400;\n  border-radius: 2px;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  line-height: 1.3;\n  box-sizing: border-box;\n}\n\n.sked-input-textbox:hover {\n  --border-opacity: 1;\n  border-color: #8D95A5;\n  border-color: rgba(141, 149, 165, var(--border-opacity));\n}\n\n.sked-input-textbox:focus, .sked-input-textbox:active {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.sked-input-textbox:disabled {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-input-textbox::placeholder {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  opacity: 1;\n}\n\n.sked-read-only {\n  display: flex;\n  font-size: .875rem;\n  cursor: pointer;\n  display: flex;\n  padding-left: 0.5rem;\n  align-items: center;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-radius: 2px;\n  border-width: 1px;\n  border-color: transparent;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  word-break: break-word;\n  line-height: 1.3;\n}\n\n/*\n  Checkboxes and radios\n*/\n\n.sked-checkbox,\n.sked-radio {\n  position: relative;\n  width: 1rem;\n  height: 1rem;\n  border-width: 0;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  cursor: pointer;\n  background-color: transparent;\n  vertical-align: bottom;\n  flex-shrink: 0;\n  -webkit-appearance: none;\n}\n\n.sked-checkbox:focus,\n.sked-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-checkbox:disabled, .sked-checkbox[readonly],\n.sked-radio:disabled,\n.sked-radio[readonly] {\n  cursor: default;\n}\n\n.sked-checkbox:disabled:before, .sked-checkbox:disabled:checked:before, .sked-checkbox[readonly]:before, .sked-checkbox[readonly]:checked:before,\n.sked-radio:disabled:before,\n.sked-radio:disabled:checked:before,\n.sked-radio[readonly]:before,\n.sked-radio[readonly]:checked:before {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n.sked-checkbox:disabled:checked:after, .sked-checkbox[readonly]:checked:after,\n.sked-radio:disabled:checked:after,\n.sked-radio[readonly]:checked:after {\n  background: transparent;\n  content: svg-load(\"../components/icon/icons/check-box-tick.svg\", fill=#9aa2b2);\n}\n\n.sked-checkbox:before,\n.sked-radio:before {\n  border-radius: 2px;\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  width: 100%;\n  height: 100%;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  display: block;\n  box-sizing: border-box;\n  content: \" \";\n  transition: background-color 0.1s ease-in-out;\n}\n\n.sked-checkbox:after,\n.sked-radio:after {\n  border-radius: 2px;\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  box-sizing: border-box;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: svg-load(\"../components/icon/icons/check-box-tick.svg\", fill=#ffffff);\n  transition: opacity 0.05s ease-in-out;\n}\n\n.sked-checkbox:checked:before,\n.sked-radio:checked:before {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-checkbox:checked:after,\n.sked-radio:checked:after {\n  opacity: 1;\n}\n\n.sked-radio:before, .sked-radio:after {\n  border-radius: 9999px;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n/*\n  Number\n*/\n\n.sked-number {\n  -moz-appearance: textfield;\n}\n\n.sked-number::-webkit-inner-spin-button, .sked-number::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n}\n\n.sked-form-element-wrapper-x-small {\n  width: 5rem;\n}\n\n.sked-form-element-wrapper-small {\n  width: 10rem;\n}\n\n.sked-form-element-wrapper-medium {\n  width: 15rem;\n}\n\n.sked-form-element-wrapper-large {\n  width: 20rem;\n}\n\n.sked-form-element-wrapper-x-large {\n  width: 30rem;\n}\n\n.sked-form-element-wrapper-full {\n  width: 100%;\n}\n\n.sked-multi-search-select-leading {\n  line-height: 1.9;\n}\n\n.sked-multi-search-select-max-height {\n  max-height: 100px;\n}\n\n.sked-multi-search-select-background {\n  background-image: svg-load(\"../components/icon/icons/chevron-down.svg\", fill=#4a556a);\n  background-size: 18px;\n  background-position: right 8px center;\n  background-repeat: no-repeat;\n}\n\n.sked-multi-search-select-background--disabled {\n  background-image: svg-load(\"../components/icon/icons/chevron-down.svg\", fill=#697282);\n}\n\n.sked-modal-bg {\n  background: rgba(34, 48, 73, 0.2);\n}\n\n.sked-modal-small {\n  width: 360px;\n  min-height: 190px;\n}\n\n.sked-modal-base-position-top {\n  top: 20%;\n}\n\n.sked-dynamic-modal {\n  max-height: calc(100vh - 20%);\n  top: 10%;\n}\n\n.sk-slide-up {\n  animation: slide-up 0.3s ease;\n}\n\n.sk-fade-in {\n  animation: fade-in 0.3s ease;\n}\n\n@keyframes slide-up {\n  0% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.sked-button {\n  display: inline-flex;\n  flex: none;\n  font-size: .875rem;\n  font-weight: 500;\n  border-width: 1px;\n  border-style: solid;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  position: relative;\n  border-radius: 3px;\n  line-height: 1.3;\n}\n\n.sked-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-button[disabled] {\n  pointer-events: none;\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  letter-spacing: 0;\n}\n\n.sked-button--primary {\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  letter-spacing: 0.025em;\n}\n\n.sked-button--primary:hover, .sked-button--primary.sked-button--active {\n  --border-opacity: 1;\n  border-color: #007EE6;\n  border-color: rgba(0, 126, 230, var(--border-opacity));\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n}\n\n.sked-button--primary[disabled] {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sked-button--secondary {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n  background-color: transparent;\n  --border-opacity: 1;\n  border-color: #CACFD9;\n  border-color: rgba(202, 207, 217, var(--border-opacity));\n}\n\n.sked-button--secondary:hover, .sked-button--secondary.sked-button--active {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--secondary[disabled] {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sked-button--transparent {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.sked-button--transparent:hover {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-button--transparent.sked-button--active {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--compact {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  line-height: 1.6;\n}\n\n.sked-button:not(.sked-button--icon-only) .sked-button__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-button--icon-only {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.sked-button--icon-only.sked-button--transparent:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--compact.sked-button--icon-only {\n  padding: 0.375rem;\n}\n\n.sked-info-card-w {\n  width: 400px;\n}\n\n.loading-spinner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.loading-spinner--circular {\n  animation: rotate 1s linear infinite;\n  transform-origin: center center;\n}\n\n.loading-spinner--path {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  animation: dash 1.5s ease-in-out infinite;\n  stroke-linecap: round;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n\n.sked-tabs {\n  --border-opacity: 1;\n  border-color: #CACFD9;\n  border-color: rgba(202, 207, 217, var(--border-opacity));\n}\n\n.sked-tabs__tabs-list {\n  display: flex;\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n.sked-tabs__tabs-list--theme-sub {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sked-tabs__tabs-list--theme-global {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-tabs__dropdown-content {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  box-shadow: 0 4px 8px 0 rgba(28, 46, 72,0.10), 0 2px 4px 0 rgba(28, 46, 72,0.08);\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  border-radius: 2px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  cursor: pointer;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  width: auto;\n  min-width: 160px;\n  max-width: 260px;\n}\n\n.sked-tabs__icon-dropdown {\n  margin-left: 0.5rem;\n}\n\n.sked-tabs__icon-dropdown--theme-global {\n  opacity: 0.5;\n}\n\n.sked-tabs__icon-dropdown--active {\n  opacity: 0.75;\n}\n\n.sked-tabs__tab {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  line-height: 1.25;\n  user-select: none;\n  letter-spacing: 0.025em;\n  transition: text-shadow 0.2s;\n}\n\n.sked-tabs__tab::after {\n  position: absolute;\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n  opacity: 0;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  content: \"\";\n  height: 2px;\n  transition: opacity 0.2s;\n}\n\n.sked-tabs__sub-tab {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: .875rem;\n  user-select: none;\n  font-weight: 400;\n  line-height: 1.25;\n}\n\n.sked-tabs__sub-tab--active {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  font-weight: 600;\n}\n\n.sked-tabs__sub-tab:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-tabs--active {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  text-shadow: 0 0 0.01px ;\n}\n\n.sked-tabs--active::after {\n  opacity: 1;\n  visibility: visible;\n}\n\n.sked-tabs--focus {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  text-shadow: 0 0 0.01px ;\n}\n\n.sked-tabs--focus::after {\n  visibility: visible;\n}\n\n.sked-tabs--theme-sub {\n  padding-bottom: 0.5rem;\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  margin-bottom: -1px;\n}\n\n.sked-tabs--theme-sub:hover {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-tabs--theme-global {\n  padding-bottom: 1rem;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-weight: 500;\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n}\n\n.sked-tabs--theme-global:hover {\n  --bg-opacity: 1;\n  background-color: #0070CC;\n  background-color: rgba(0, 112, 204, var(--bg-opacity));\n}\n\n.sked-tabs--theme-global-active {\n  --bg-opacity: 1;\n  background-color: #0070CC;\n  background-color: rgba(0, 112, 204, var(--bg-opacity));\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.loading-throb {\n  width: 100%;\n  padding: 16px 0;\n}\n\n.loading-throb .loading-throb__bounce {\n  width: 6px;\n  height: 6px;\n  margin: 0 3px;\n  background-color: #008cff;\n  border-radius: 100%;\n  display: inline-block;\n  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n  animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.loading-throb .loading-throb__bounce--first {\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n\n.loading-throb .loading-throb__bounce--second {\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n@keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n.sked-lozenge {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  border-width: 1px;\n  border-color: transparent;\n  border-style: solid;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  box-sizing: border-box;\n}\n\n.sked-lozenge--orange-text {\n  --text-opacity: 1;\n  color: #E3761C;\n  color: rgba(227, 118, 28, var(--text-opacity));\n}\n\n.sked-lozenge--orange-bg-pale {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-lozenge--orange-bg-solid {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-lozenge--green-text {\n  --text-opacity: 1;\n  color: #59B66E;\n  color: rgba(89, 182, 110, var(--text-opacity));\n}\n\n.sked-lozenge--green-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-lozenge--green-bg-solid {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-text {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sked-lozenge--neutral-bg-pale {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-bg-solid {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-light-text {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-lozenge--neutral-light-bg-pale {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-light-bg-solid {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-lozenge--cyan-text {\n  --text-opacity: 1;\n  color: #3AA9CA;\n  color: rgba(58, 169, 202, var(--text-opacity));\n}\n\n.sked-lozenge--cyan-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--cyan-bg-solid {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-lozenge--red-text {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sked-lozenge--red-bg-pale {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-lozenge--red-bg-solid {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-lozenge--sapphire-text {\n  --text-opacity: 1;\n  color: #5891BA;\n  color: rgba(88, 145, 186, var(--text-opacity));\n}\n\n.sked-lozenge--sapphire-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-lozenge--sapphire-bg-solid {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-text {\n  --text-opacity: 1;\n  color: #735DD0;\n  color: rgba(115, 93, 208, var(--text-opacity));\n}\n\n.sked-lozenge--purple-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-bg-solid {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-dark-text {\n  --text-opacity: 1;\n  color: #6854BB;\n  color: rgba(104, 84, 187, var(--text-opacity));\n}\n\n.sked-lozenge--purple-dark-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-dark-bg-solid {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-darker-text {\n  --text-opacity: 1;\n  color: #5C4AA6;\n  color: rgba(92, 74, 166, var(--text-opacity));\n}\n\n.sked-lozenge--purple-darker-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-darker-bg-solid {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-lozenge--solid {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-lozenge--border:not(.sked-lozenge--solid) {\n  border-color: currentColor;\n}\n\n.sked-lozenge--small {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.25;\n  height: 1.5rem;\n}\n\n.sked-lozenge--medium {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.5;\n  height: 1.7rem;\n}\n\n.sked-lozenge--large {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: .875rem;\n  line-height: 1.5;\n  height: 2rem;\n}\n\n.sked-lozenge__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-custom-lozenge {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  box-sizing: border-box;\n}\n\n.sked-custom-lozenge--text-yellow-900 {\n  --text-opacity: 1;\n  color: #A1850B;\n  color: rgba(161, 133, 11, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-900 {\n  --bg-opacity: 1;\n  background-color: #A1850B;\n  background-color: rgba(161, 133, 11, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-900:hover {\n  --bg-opacity: 1;\n  background-color: #A1850B;\n  background-color: rgba(161, 133, 11, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-900 {\n  --border-opacity: 1;\n  border-color: #A1850B;\n  border-color: rgba(161, 133, 11, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-800 {\n  --text-opacity: 1;\n  color: #B8980C;\n  color: rgba(184, 152, 12, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-800 {\n  --bg-opacity: 1;\n  background-color: #B8980C;\n  background-color: rgba(184, 152, 12, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-800:hover {\n  --bg-opacity: 1;\n  background-color: #B8980C;\n  background-color: rgba(184, 152, 12, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-800 {\n  --border-opacity: 1;\n  border-color: #B8980C;\n  border-color: rgba(184, 152, 12, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-700 {\n  --text-opacity: 1;\n  color: #CFAB0E;\n  color: rgba(207, 171, 14, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-700 {\n  --bg-opacity: 1;\n  background-color: #CFAB0E;\n  background-color: rgba(207, 171, 14, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-700:hover {\n  --bg-opacity: 1;\n  background-color: #CFAB0E;\n  background-color: rgba(207, 171, 14, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-700 {\n  --border-opacity: 1;\n  border-color: #CFAB0E;\n  border-color: rgba(207, 171, 14, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-600 {\n  --text-opacity: 1;\n  color: #E6BE0F;\n  color: rgba(230, 190, 15, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-600 {\n  --bg-opacity: 1;\n  background-color: #E6BE0F;\n  background-color: rgba(230, 190, 15, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-600:hover {\n  --bg-opacity: 1;\n  background-color: #E6BE0F;\n  background-color: rgba(230, 190, 15, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-600 {\n  --border-opacity: 1;\n  border-color: #E6BE0F;\n  border-color: rgba(230, 190, 15, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-300 {\n  --text-opacity: 1;\n  color: #F5E59F;\n  color: rgba(245, 229, 159, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-300 {\n  --bg-opacity: 1;\n  background-color: #F5E59F;\n  background-color: rgba(245, 229, 159, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-300:hover {\n  --bg-opacity: 1;\n  background-color: #F5E59F;\n  background-color: rgba(245, 229, 159, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-300 {\n  --border-opacity: 1;\n  border-color: #F5E59F;\n  border-color: rgba(245, 229, 159, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-200 {\n  --text-opacity: 1;\n  color: #FAF2CF;\n  color: rgba(250, 242, 207, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-200 {\n  --bg-opacity: 1;\n  background-color: #FAF2CF;\n  background-color: rgba(250, 242, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-200:hover {\n  --bg-opacity: 1;\n  background-color: #FAF2CF;\n  background-color: rgba(250, 242, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-200 {\n  --border-opacity: 1;\n  border-color: #FAF2CF;\n  border-color: rgba(250, 242, 207, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-100 {\n  --text-opacity: 1;\n  color: #FDF9E7;\n  color: rgba(253, 249, 231, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-100 {\n  --bg-opacity: 1;\n  background-color: #FDF9E7;\n  background-color: rgba(253, 249, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-100:hover {\n  --bg-opacity: 1;\n  background-color: #FDF9E7;\n  background-color: rgba(253, 249, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-100 {\n  --border-opacity: 1;\n  border-color: #FDF9E7;\n  border-color: rgba(253, 249, 231, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-900 {\n  --text-opacity: 1;\n  color: #9F5314;\n  color: rgba(159, 83, 20, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-900 {\n  --bg-opacity: 1;\n  background-color: #9F5314;\n  background-color: rgba(159, 83, 20, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-900:hover {\n  --bg-opacity: 1;\n  background-color: #9F5314;\n  background-color: rgba(159, 83, 20, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-900 {\n  --border-opacity: 1;\n  border-color: #9F5314;\n  border-color: rgba(159, 83, 20, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-800 {\n  --text-opacity: 1;\n  color: #B65E16;\n  color: rgba(182, 94, 22, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-800 {\n  --bg-opacity: 1;\n  background-color: #B65E16;\n  background-color: rgba(182, 94, 22, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-800:hover {\n  --bg-opacity: 1;\n  background-color: #B65E16;\n  background-color: rgba(182, 94, 22, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-800 {\n  --border-opacity: 1;\n  border-color: #B65E16;\n  border-color: rgba(182, 94, 22, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-700 {\n  --text-opacity: 1;\n  color: #CC6A19;\n  color: rgba(204, 106, 25, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-700 {\n  --bg-opacity: 1;\n  background-color: #CC6A19;\n  background-color: rgba(204, 106, 25, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-700:hover {\n  --bg-opacity: 1;\n  background-color: #CC6A19;\n  background-color: rgba(204, 106, 25, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-700 {\n  --border-opacity: 1;\n  border-color: #CC6A19;\n  border-color: rgba(204, 106, 25, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-600 {\n  --text-opacity: 1;\n  color: #E3761C;\n  color: rgba(227, 118, 28, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-600 {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-600:hover {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-600 {\n  --border-opacity: 1;\n  border-color: #E3761C;\n  border-color: rgba(227, 118, 28, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-300 {\n  --text-opacity: 1;\n  color: #F4C8A4;\n  color: rgba(244, 200, 164, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-300 {\n  --bg-opacity: 1;\n  background-color: #F4C8A4;\n  background-color: rgba(244, 200, 164, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-300:hover {\n  --bg-opacity: 1;\n  background-color: #F4C8A4;\n  background-color: rgba(244, 200, 164, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-300 {\n  --border-opacity: 1;\n  border-color: #F4C8A4;\n  border-color: rgba(244, 200, 164, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-200 {\n  --text-opacity: 1;\n  color: #F9E4D2;\n  color: rgba(249, 228, 210, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-200 {\n  --bg-opacity: 1;\n  background-color: #F9E4D2;\n  background-color: rgba(249, 228, 210, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-200:hover {\n  --bg-opacity: 1;\n  background-color: #F9E4D2;\n  background-color: rgba(249, 228, 210, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-200 {\n  --border-opacity: 1;\n  border-color: #F9E4D2;\n  border-color: rgba(249, 228, 210, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-100 {\n  --text-opacity: 1;\n  color: #FCF1E8;\n  color: rgba(252, 241, 232, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-100 {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-100:hover {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-100 {\n  --border-opacity: 1;\n  border-color: #FCF1E8;\n  border-color: rgba(252, 241, 232, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-900 {\n  --text-opacity: 1;\n  color: #952A22;\n  color: rgba(149, 42, 34, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-900 {\n  --bg-opacity: 1;\n  background-color: #952A22;\n  background-color: rgba(149, 42, 34, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-900:hover {\n  --bg-opacity: 1;\n  background-color: #952A22;\n  background-color: rgba(149, 42, 34, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-900 {\n  --border-opacity: 1;\n  border-color: #952A22;\n  border-color: rgba(149, 42, 34, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-800 {\n  --text-opacity: 1;\n  color: #AA3026;\n  color: rgba(170, 48, 38, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-800 {\n  --bg-opacity: 1;\n  background-color: #AA3026;\n  background-color: rgba(170, 48, 38, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-800:hover {\n  --bg-opacity: 1;\n  background-color: #AA3026;\n  background-color: rgba(170, 48, 38, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-800 {\n  --border-opacity: 1;\n  border-color: #AA3026;\n  border-color: rgba(170, 48, 38, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-700 {\n  --text-opacity: 1;\n  color: #C0362B;\n  color: rgba(192, 54, 43, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-700 {\n  --bg-opacity: 1;\n  background-color: #C0362B;\n  background-color: rgba(192, 54, 43, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-700:hover {\n  --bg-opacity: 1;\n  background-color: #C0362B;\n  background-color: rgba(192, 54, 43, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-700 {\n  --border-opacity: 1;\n  border-color: #C0362B;\n  border-color: rgba(192, 54, 43, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-600 {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-600 {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-600:hover {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-600 {\n  --border-opacity: 1;\n  border-color: #D53C30;\n  border-color: rgba(213, 60, 48, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-300 {\n  --text-opacity: 1;\n  color: #EEB1AC;\n  color: rgba(238, 177, 172, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-300 {\n  --bg-opacity: 1;\n  background-color: #EEB1AC;\n  background-color: rgba(238, 177, 172, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-300:hover {\n  --bg-opacity: 1;\n  background-color: #EEB1AC;\n  background-color: rgba(238, 177, 172, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-300 {\n  --border-opacity: 1;\n  border-color: #EEB1AC;\n  border-color: rgba(238, 177, 172, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-200 {\n  --text-opacity: 1;\n  color: #F7D8D6;\n  color: rgba(247, 216, 214, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-200 {\n  --bg-opacity: 1;\n  background-color: #F7D8D6;\n  background-color: rgba(247, 216, 214, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-200:hover {\n  --bg-opacity: 1;\n  background-color: #F7D8D6;\n  background-color: rgba(247, 216, 214, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-200 {\n  --border-opacity: 1;\n  border-color: #F7D8D6;\n  border-color: rgba(247, 216, 214, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-100 {\n  --text-opacity: 1;\n  color: #FBECEA;\n  color: rgba(251, 236, 234, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-100 {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-100:hover {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-100 {\n  --border-opacity: 1;\n  border-color: #FBECEA;\n  border-color: rgba(251, 236, 234, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-900 {\n  --text-opacity: 1;\n  color: #832358;\n  color: rgba(131, 35, 88, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-900 {\n  --bg-opacity: 1;\n  background-color: #832358;\n  background-color: rgba(131, 35, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-900:hover {\n  --bg-opacity: 1;\n  background-color: #832358;\n  background-color: rgba(131, 35, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-900 {\n  --border-opacity: 1;\n  border-color: #832358;\n  border-color: rgba(131, 35, 88, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-800 {\n  --text-opacity: 1;\n  color: #962864;\n  color: rgba(150, 40, 100, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-800 {\n  --bg-opacity: 1;\n  background-color: #962864;\n  background-color: rgba(150, 40, 100, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-800:hover {\n  --bg-opacity: 1;\n  background-color: #962864;\n  background-color: rgba(150, 40, 100, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-800 {\n  --border-opacity: 1;\n  border-color: #962864;\n  border-color: rgba(150, 40, 100, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-700 {\n  --text-opacity: 1;\n  color: #A82D71;\n  color: rgba(168, 45, 113, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-700 {\n  --bg-opacity: 1;\n  background-color: #A82D71;\n  background-color: rgba(168, 45, 113, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-700:hover {\n  --bg-opacity: 1;\n  background-color: #A82D71;\n  background-color: rgba(168, 45, 113, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-700 {\n  --border-opacity: 1;\n  border-color: #A82D71;\n  border-color: rgba(168, 45, 113, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-600 {\n  --text-opacity: 1;\n  color: #BB327D;\n  color: rgba(187, 50, 125, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-600 {\n  --bg-opacity: 1;\n  background-color: #BB327D;\n  background-color: rgba(187, 50, 125, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-600:hover {\n  --bg-opacity: 1;\n  background-color: #BB327D;\n  background-color: rgba(187, 50, 125, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-600 {\n  --border-opacity: 1;\n  border-color: #BB327D;\n  border-color: rgba(187, 50, 125, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-300 {\n  --text-opacity: 1;\n  color: #E4ADCB;\n  color: rgba(228, 173, 203, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-300 {\n  --bg-opacity: 1;\n  background-color: #E4ADCB;\n  background-color: rgba(228, 173, 203, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-300:hover {\n  --bg-opacity: 1;\n  background-color: #E4ADCB;\n  background-color: rgba(228, 173, 203, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-300 {\n  --border-opacity: 1;\n  border-color: #E4ADCB;\n  border-color: rgba(228, 173, 203, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-200 {\n  --text-opacity: 1;\n  color: #F1D6E5;\n  color: rgba(241, 214, 229, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-200 {\n  --bg-opacity: 1;\n  background-color: #F1D6E5;\n  background-color: rgba(241, 214, 229, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-200:hover {\n  --bg-opacity: 1;\n  background-color: #F1D6E5;\n  background-color: rgba(241, 214, 229, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-200 {\n  --border-opacity: 1;\n  border-color: #F1D6E5;\n  border-color: rgba(241, 214, 229, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-100 {\n  --text-opacity: 1;\n  color: #F8EBF2;\n  color: rgba(248, 235, 242, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-100 {\n  --bg-opacity: 1;\n  background-color: #F8EBF2;\n  background-color: rgba(248, 235, 242, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-100:hover {\n  --bg-opacity: 1;\n  background-color: #F8EBF2;\n  background-color: rgba(248, 235, 242, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-100 {\n  --border-opacity: 1;\n  border-color: #F8EBF2;\n  border-color: rgba(248, 235, 242, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-900 {\n  --text-opacity: 1;\n  color: #89374A;\n  color: rgba(137, 55, 74, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-900 {\n  --bg-opacity: 1;\n  background-color: #89374A;\n  background-color: rgba(137, 55, 74, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-900:hover {\n  --bg-opacity: 1;\n  background-color: #89374A;\n  background-color: rgba(137, 55, 74, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-900 {\n  --border-opacity: 1;\n  border-color: #89374A;\n  border-color: rgba(137, 55, 74, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-800 {\n  --text-opacity: 1;\n  color: #9D3F55;\n  color: rgba(157, 63, 85, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-800 {\n  --bg-opacity: 1;\n  background-color: #9D3F55;\n  background-color: rgba(157, 63, 85, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-800:hover {\n  --bg-opacity: 1;\n  background-color: #9D3F55;\n  background-color: rgba(157, 63, 85, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-800 {\n  --border-opacity: 1;\n  border-color: #9D3F55;\n  border-color: rgba(157, 63, 85, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-700 {\n  --text-opacity: 1;\n  color: #B0475F;\n  color: rgba(176, 71, 95, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-700 {\n  --bg-opacity: 1;\n  background-color: #B0475F;\n  background-color: rgba(176, 71, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-700:hover {\n  --bg-opacity: 1;\n  background-color: #B0475F;\n  background-color: rgba(176, 71, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-700 {\n  --border-opacity: 1;\n  border-color: #B0475F;\n  border-color: rgba(176, 71, 95, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-600 {\n  --text-opacity: 1;\n  color: #C44F6A;\n  color: rgba(196, 79, 106, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-600 {\n  --bg-opacity: 1;\n  background-color: #C44F6A;\n  background-color: rgba(196, 79, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-600:hover {\n  --bg-opacity: 1;\n  background-color: #C44F6A;\n  background-color: rgba(196, 79, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-600 {\n  --border-opacity: 1;\n  border-color: #C44F6A;\n  border-color: rgba(196, 79, 106, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-300 {\n  --text-opacity: 1;\n  color: #E7B9C3;\n  color: rgba(231, 185, 195, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-300 {\n  --bg-opacity: 1;\n  background-color: #E7B9C3;\n  background-color: rgba(231, 185, 195, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-300:hover {\n  --bg-opacity: 1;\n  background-color: #E7B9C3;\n  background-color: rgba(231, 185, 195, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-300 {\n  --border-opacity: 1;\n  border-color: #E7B9C3;\n  border-color: rgba(231, 185, 195, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-200 {\n  --text-opacity: 1;\n  color: #F3DCE1;\n  color: rgba(243, 220, 225, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-200 {\n  --bg-opacity: 1;\n  background-color: #F3DCE1;\n  background-color: rgba(243, 220, 225, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3DCE1;\n  background-color: rgba(243, 220, 225, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-200 {\n  --border-opacity: 1;\n  border-color: #F3DCE1;\n  border-color: rgba(243, 220, 225, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-100 {\n  --text-opacity: 1;\n  color: #F9EDF0;\n  color: rgba(249, 237, 240, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-100 {\n  --bg-opacity: 1;\n  background-color: #F9EDF0;\n  background-color: rgba(249, 237, 240, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-100:hover {\n  --bg-opacity: 1;\n  background-color: #F9EDF0;\n  background-color: rgba(249, 237, 240, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-100 {\n  --border-opacity: 1;\n  border-color: #F9EDF0;\n  border-color: rgba(249, 237, 240, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-900 {\n  --text-opacity: 1;\n  color: #4F2B3F;\n  color: rgba(79, 43, 63, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-900 {\n  --bg-opacity: 1;\n  background-color: #4F2B3F;\n  background-color: rgba(79, 43, 63, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-900:hover {\n  --bg-opacity: 1;\n  background-color: #4F2B3F;\n  background-color: rgba(79, 43, 63, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-900 {\n  --border-opacity: 1;\n  border-color: #4F2B3F;\n  border-color: rgba(79, 43, 63, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-800 {\n  --text-opacity: 1;\n  color: #5A3248;\n  color: rgba(90, 50, 72, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-800 {\n  --bg-opacity: 1;\n  background-color: #5A3248;\n  background-color: rgba(90, 50, 72, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-800:hover {\n  --bg-opacity: 1;\n  background-color: #5A3248;\n  background-color: rgba(90, 50, 72, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-800 {\n  --border-opacity: 1;\n  border-color: #5A3248;\n  border-color: rgba(90, 50, 72, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-700 {\n  --text-opacity: 1;\n  color: #663851;\n  color: rgba(102, 56, 81, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-700 {\n  --bg-opacity: 1;\n  background-color: #663851;\n  background-color: rgba(102, 56, 81, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-700:hover {\n  --bg-opacity: 1;\n  background-color: #663851;\n  background-color: rgba(102, 56, 81, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-700 {\n  --border-opacity: 1;\n  border-color: #663851;\n  border-color: rgba(102, 56, 81, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-600 {\n  --text-opacity: 1;\n  color: #713E5A;\n  color: rgba(113, 62, 90, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-600 {\n  --bg-opacity: 1;\n  background-color: #713E5A;\n  background-color: rgba(113, 62, 90, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-600:hover {\n  --bg-opacity: 1;\n  background-color: #713E5A;\n  background-color: rgba(113, 62, 90, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-600 {\n  --border-opacity: 1;\n  border-color: #713E5A;\n  border-color: rgba(113, 62, 90, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-300 {\n  --text-opacity: 1;\n  color: #C6B2BD;\n  color: rgba(198, 178, 189, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-300 {\n  --bg-opacity: 1;\n  background-color: #C6B2BD;\n  background-color: rgba(198, 178, 189, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-300:hover {\n  --bg-opacity: 1;\n  background-color: #C6B2BD;\n  background-color: rgba(198, 178, 189, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-300 {\n  --border-opacity: 1;\n  border-color: #C6B2BD;\n  border-color: rgba(198, 178, 189, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-200 {\n  --text-opacity: 1;\n  color: #E3D8DE;\n  color: rgba(227, 216, 222, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-200 {\n  --bg-opacity: 1;\n  background-color: #E3D8DE;\n  background-color: rgba(227, 216, 222, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-200:hover {\n  --bg-opacity: 1;\n  background-color: #E3D8DE;\n  background-color: rgba(227, 216, 222, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-200 {\n  --border-opacity: 1;\n  border-color: #E3D8DE;\n  border-color: rgba(227, 216, 222, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-100 {\n  --text-opacity: 1;\n  color: #F1ECEF;\n  color: rgba(241, 236, 239, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-100 {\n  --bg-opacity: 1;\n  background-color: #F1ECEF;\n  background-color: rgba(241, 236, 239, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-100:hover {\n  --bg-opacity: 1;\n  background-color: #F1ECEF;\n  background-color: rgba(241, 236, 239, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-100 {\n  --border-opacity: 1;\n  border-color: #F1ECEF;\n  border-color: rgba(241, 236, 239, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-900 {\n  --text-opacity: 1;\n  color: #3E7F4D;\n  color: rgba(62, 127, 77, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-900 {\n  --bg-opacity: 1;\n  background-color: #3E7F4D;\n  background-color: rgba(62, 127, 77, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-900:hover {\n  --bg-opacity: 1;\n  background-color: #3E7F4D;\n  background-color: rgba(62, 127, 77, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-900 {\n  --border-opacity: 1;\n  border-color: #3E7F4D;\n  border-color: rgba(62, 127, 77, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-800 {\n  --text-opacity: 1;\n  color: #479258;\n  color: rgba(71, 146, 88, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-800 {\n  --bg-opacity: 1;\n  background-color: #479258;\n  background-color: rgba(71, 146, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-800:hover {\n  --bg-opacity: 1;\n  background-color: #479258;\n  background-color: rgba(71, 146, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-800 {\n  --border-opacity: 1;\n  border-color: #479258;\n  border-color: rgba(71, 146, 88, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-700 {\n  --text-opacity: 1;\n  color: #50A463;\n  color: rgba(80, 164, 99, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-700 {\n  --bg-opacity: 1;\n  background-color: #50A463;\n  background-color: rgba(80, 164, 99, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-700:hover {\n  --bg-opacity: 1;\n  background-color: #50A463;\n  background-color: rgba(80, 164, 99, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-700 {\n  --border-opacity: 1;\n  border-color: #50A463;\n  border-color: rgba(80, 164, 99, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-600 {\n  --text-opacity: 1;\n  color: #59B66E;\n  color: rgba(89, 182, 110, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-600 {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-600:hover {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-600 {\n  --border-opacity: 1;\n  border-color: #59B66E;\n  border-color: rgba(89, 182, 110, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-300 {\n  --text-opacity: 1;\n  color: #BDE2C5;\n  color: rgba(189, 226, 197, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-300 {\n  --bg-opacity: 1;\n  background-color: #BDE2C5;\n  background-color: rgba(189, 226, 197, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-300:hover {\n  --bg-opacity: 1;\n  background-color: #BDE2C5;\n  background-color: rgba(189, 226, 197, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-300 {\n  --border-opacity: 1;\n  border-color: #BDE2C5;\n  border-color: rgba(189, 226, 197, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-200 {\n  --text-opacity: 1;\n  color: #DEF0E2;\n  color: rgba(222, 240, 226, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-200 {\n  --bg-opacity: 1;\n  background-color: #DEF0E2;\n  background-color: rgba(222, 240, 226, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-200:hover {\n  --bg-opacity: 1;\n  background-color: #DEF0E2;\n  background-color: rgba(222, 240, 226, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-200 {\n  --border-opacity: 1;\n  border-color: #DEF0E2;\n  border-color: rgba(222, 240, 226, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-100 {\n  --text-opacity: 1;\n  color: #EEF8F1;\n  color: rgba(238, 248, 241, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-100 {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-100:hover {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-100 {\n  --border-opacity: 1;\n  border-color: #EEF8F1;\n  border-color: rgba(238, 248, 241, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-900 {\n  --text-opacity: 1;\n  color: #577D2E;\n  color: rgba(87, 125, 46, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-900 {\n  --bg-opacity: 1;\n  background-color: #577D2E;\n  background-color: rgba(87, 125, 46, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-900:hover {\n  --bg-opacity: 1;\n  background-color: #577D2E;\n  background-color: rgba(87, 125, 46, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-900 {\n  --border-opacity: 1;\n  border-color: #577D2E;\n  border-color: rgba(87, 125, 46, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-800 {\n  --text-opacity: 1;\n  color: #638F35;\n  color: rgba(99, 143, 53, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-800 {\n  --bg-opacity: 1;\n  background-color: #638F35;\n  background-color: rgba(99, 143, 53, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-800:hover {\n  --bg-opacity: 1;\n  background-color: #638F35;\n  background-color: rgba(99, 143, 53, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-800 {\n  --border-opacity: 1;\n  border-color: #638F35;\n  border-color: rgba(99, 143, 53, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-700 {\n  --text-opacity: 1;\n  color: #70A13B;\n  color: rgba(112, 161, 59, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-700 {\n  --bg-opacity: 1;\n  background-color: #70A13B;\n  background-color: rgba(112, 161, 59, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-700:hover {\n  --bg-opacity: 1;\n  background-color: #70A13B;\n  background-color: rgba(112, 161, 59, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-700 {\n  --border-opacity: 1;\n  border-color: #70A13B;\n  border-color: rgba(112, 161, 59, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-600 {\n  --text-opacity: 1;\n  color: #7CB342;\n  color: rgba(124, 179, 66, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-600 {\n  --bg-opacity: 1;\n  background-color: #7CB342;\n  background-color: rgba(124, 179, 66, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-600:hover {\n  --bg-opacity: 1;\n  background-color: #7CB342;\n  background-color: rgba(124, 179, 66, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-600 {\n  --border-opacity: 1;\n  border-color: #7CB342;\n  border-color: rgba(124, 179, 66, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-300 {\n  --text-opacity: 1;\n  color: #CBE1B3;\n  color: rgba(203, 225, 179, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-300 {\n  --bg-opacity: 1;\n  background-color: #CBE1B3;\n  background-color: rgba(203, 225, 179, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-300:hover {\n  --bg-opacity: 1;\n  background-color: #CBE1B3;\n  background-color: rgba(203, 225, 179, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-300 {\n  --border-opacity: 1;\n  border-color: #CBE1B3;\n  border-color: rgba(203, 225, 179, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-200 {\n  --text-opacity: 1;\n  color: #E5F0D9;\n  color: rgba(229, 240, 217, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-200 {\n  --bg-opacity: 1;\n  background-color: #E5F0D9;\n  background-color: rgba(229, 240, 217, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-200:hover {\n  --bg-opacity: 1;\n  background-color: #E5F0D9;\n  background-color: rgba(229, 240, 217, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-200 {\n  --border-opacity: 1;\n  border-color: #E5F0D9;\n  border-color: rgba(229, 240, 217, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-100 {\n  --text-opacity: 1;\n  color: #F2F7EC;\n  color: rgba(242, 247, 236, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-100 {\n  --bg-opacity: 1;\n  background-color: #F2F7EC;\n  background-color: rgba(242, 247, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-100:hover {\n  --bg-opacity: 1;\n  background-color: #F2F7EC;\n  background-color: rgba(242, 247, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-100 {\n  --border-opacity: 1;\n  border-color: #F2F7EC;\n  border-color: rgba(242, 247, 236, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-900 {\n  --text-opacity: 1;\n  color: #19675F;\n  color: rgba(25, 103, 95, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-900 {\n  --bg-opacity: 1;\n  background-color: #19675F;\n  background-color: rgba(25, 103, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-900:hover {\n  --bg-opacity: 1;\n  background-color: #19675F;\n  background-color: rgba(25, 103, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-900 {\n  --border-opacity: 1;\n  border-color: #19675F;\n  border-color: rgba(25, 103, 95, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-800 {\n  --text-opacity: 1;\n  color: #1D766C;\n  color: rgba(29, 118, 108, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-800 {\n  --bg-opacity: 1;\n  background-color: #1D766C;\n  background-color: rgba(29, 118, 108, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-800:hover {\n  --bg-opacity: 1;\n  background-color: #1D766C;\n  background-color: rgba(29, 118, 108, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-800 {\n  --border-opacity: 1;\n  border-color: #1D766C;\n  border-color: rgba(29, 118, 108, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-700 {\n  --text-opacity: 1;\n  color: #20847A;\n  color: rgba(32, 132, 122, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-700 {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-700:hover {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-700 {\n  --border-opacity: 1;\n  border-color: #20847A;\n  border-color: rgba(32, 132, 122, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-600 {\n  --text-opacity: 1;\n  color: #249387;\n  color: rgba(36, 147, 135, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-600 {\n  --bg-opacity: 1;\n  background-color: #249387;\n  background-color: rgba(36, 147, 135, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-600:hover {\n  --bg-opacity: 1;\n  background-color: #249387;\n  background-color: rgba(36, 147, 135, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-600 {\n  --border-opacity: 1;\n  border-color: #249387;\n  border-color: rgba(36, 147, 135, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-300 {\n  --text-opacity: 1;\n  color: #A7D4CF;\n  color: rgba(167, 212, 207, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-300 {\n  --bg-opacity: 1;\n  background-color: #A7D4CF;\n  background-color: rgba(167, 212, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-300:hover {\n  --bg-opacity: 1;\n  background-color: #A7D4CF;\n  background-color: rgba(167, 212, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-300 {\n  --border-opacity: 1;\n  border-color: #A7D4CF;\n  border-color: rgba(167, 212, 207, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-200 {\n  --text-opacity: 1;\n  color: #D3E9E7;\n  color: rgba(211, 233, 231, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-200 {\n  --bg-opacity: 1;\n  background-color: #D3E9E7;\n  background-color: rgba(211, 233, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-200:hover {\n  --bg-opacity: 1;\n  background-color: #D3E9E7;\n  background-color: rgba(211, 233, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-200 {\n  --border-opacity: 1;\n  border-color: #D3E9E7;\n  border-color: rgba(211, 233, 231, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-100 {\n  --text-opacity: 1;\n  color: #E9F4F3;\n  color: rgba(233, 244, 243, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-100 {\n  --bg-opacity: 1;\n  background-color: #E9F4F3;\n  background-color: rgba(233, 244, 243, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-100:hover {\n  --bg-opacity: 1;\n  background-color: #E9F4F3;\n  background-color: rgba(233, 244, 243, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-100 {\n  --border-opacity: 1;\n  border-color: #E9F4F3;\n  border-color: rgba(233, 244, 243, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-900 {\n  --text-opacity: 1;\n  color: #29768D;\n  color: rgba(41, 118, 141, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-900 {\n  --bg-opacity: 1;\n  background-color: #29768D;\n  background-color: rgba(41, 118, 141, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-900:hover {\n  --bg-opacity: 1;\n  background-color: #29768D;\n  background-color: rgba(41, 118, 141, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-900 {\n  --border-opacity: 1;\n  border-color: #29768D;\n  border-color: rgba(41, 118, 141, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-800 {\n  --text-opacity: 1;\n  color: #2E87A2;\n  color: rgba(46, 135, 162, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-800 {\n  --bg-opacity: 1;\n  background-color: #2E87A2;\n  background-color: rgba(46, 135, 162, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-800:hover {\n  --bg-opacity: 1;\n  background-color: #2E87A2;\n  background-color: rgba(46, 135, 162, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-800 {\n  --border-opacity: 1;\n  border-color: #2E87A2;\n  border-color: rgba(46, 135, 162, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-700 {\n  --text-opacity: 1;\n  color: #3498B6;\n  color: rgba(52, 152, 182, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-700 {\n  --bg-opacity: 1;\n  background-color: #3498B6;\n  background-color: rgba(52, 152, 182, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-700:hover {\n  --bg-opacity: 1;\n  background-color: #3498B6;\n  background-color: rgba(52, 152, 182, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-700 {\n  --border-opacity: 1;\n  border-color: #3498B6;\n  border-color: rgba(52, 152, 182, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-600 {\n  --text-opacity: 1;\n  color: #3AA9CA;\n  color: rgba(58, 169, 202, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-600 {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-600:hover {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-600 {\n  --border-opacity: 1;\n  border-color: #3AA9CA;\n  border-color: rgba(58, 169, 202, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-300 {\n  --text-opacity: 1;\n  color: #B0DDEA;\n  color: rgba(176, 221, 234, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-300 {\n  --bg-opacity: 1;\n  background-color: #B0DDEA;\n  background-color: rgba(176, 221, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-300:hover {\n  --bg-opacity: 1;\n  background-color: #B0DDEA;\n  background-color: rgba(176, 221, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-300 {\n  --border-opacity: 1;\n  border-color: #B0DDEA;\n  border-color: rgba(176, 221, 234, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-200 {\n  --text-opacity: 1;\n  color: #D8EEF4;\n  color: rgba(216, 238, 244, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-200 {\n  --bg-opacity: 1;\n  background-color: #D8EEF4;\n  background-color: rgba(216, 238, 244, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-200:hover {\n  --bg-opacity: 1;\n  background-color: #D8EEF4;\n  background-color: rgba(216, 238, 244, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-200 {\n  --border-opacity: 1;\n  border-color: #D8EEF4;\n  border-color: rgba(216, 238, 244, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-100 {\n  --text-opacity: 1;\n  color: #EBF6FA;\n  color: rgba(235, 246, 250, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-100 {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-100:hover {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-100 {\n  --border-opacity: 1;\n  border-color: #EBF6FA;\n  border-color: rgba(235, 246, 250, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-900 {\n  --text-opacity: 1;\n  color: #3E6682;\n  color: rgba(62, 102, 130, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-900 {\n  --bg-opacity: 1;\n  background-color: #3E6682;\n  background-color: rgba(62, 102, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-900:hover {\n  --bg-opacity: 1;\n  background-color: #3E6682;\n  background-color: rgba(62, 102, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-900 {\n  --border-opacity: 1;\n  border-color: #3E6682;\n  border-color: rgba(62, 102, 130, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-800 {\n  --text-opacity: 1;\n  color: #4F83A7;\n  color: rgba(79, 131, 167, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-800 {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-800:hover {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-800 {\n  --border-opacity: 1;\n  border-color: #4F83A7;\n  border-color: rgba(79, 131, 167, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-700 {\n  --text-opacity: 1;\n  color: #4F83A7;\n  color: rgba(79, 131, 167, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-700 {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-700:hover {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-700 {\n  --border-opacity: 1;\n  border-color: #4F83A7;\n  border-color: rgba(79, 131, 167, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-600 {\n  --text-opacity: 1;\n  color: #5891BA;\n  color: rgba(88, 145, 186, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-600 {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-600:hover {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-600 {\n  --border-opacity: 1;\n  border-color: #5891BA;\n  border-color: rgba(88, 145, 186, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-300 {\n  --text-opacity: 1;\n  color: #BCD3E3;\n  color: rgba(188, 211, 227, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-300 {\n  --bg-opacity: 1;\n  background-color: #BCD3E3;\n  background-color: rgba(188, 211, 227, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-300:hover {\n  --bg-opacity: 1;\n  background-color: #BCD3E3;\n  background-color: rgba(188, 211, 227, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-300 {\n  --border-opacity: 1;\n  border-color: #BCD3E3;\n  border-color: rgba(188, 211, 227, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-200 {\n  --text-opacity: 1;\n  color: #DEE9F1;\n  color: rgba(222, 233, 241, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-200 {\n  --bg-opacity: 1;\n  background-color: #DEE9F1;\n  background-color: rgba(222, 233, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-200:hover {\n  --bg-opacity: 1;\n  background-color: #DEE9F1;\n  background-color: rgba(222, 233, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-200 {\n  --border-opacity: 1;\n  border-color: #DEE9F1;\n  border-color: rgba(222, 233, 241, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-100 {\n  --text-opacity: 1;\n  color: #EEF4F8;\n  color: rgba(238, 244, 248, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-100 {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-100:hover {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-100 {\n  --border-opacity: 1;\n  border-color: #EEF4F8;\n  border-color: rgba(238, 244, 248, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-900 {\n  --text-opacity: 1;\n  color: #514192;\n  color: rgba(81, 65, 146, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-900 {\n  --bg-opacity: 1;\n  background-color: #514192;\n  background-color: rgba(81, 65, 146, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-900:hover {\n  --bg-opacity: 1;\n  background-color: #514192;\n  background-color: rgba(81, 65, 146, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-900 {\n  --border-opacity: 1;\n  border-color: #514192;\n  border-color: rgba(81, 65, 146, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-800 {\n  --text-opacity: 1;\n  color: #5C4AA6;\n  color: rgba(92, 74, 166, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-800 {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-800:hover {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-800 {\n  --border-opacity: 1;\n  border-color: #5C4AA6;\n  border-color: rgba(92, 74, 166, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-700 {\n  --text-opacity: 1;\n  color: #6854BB;\n  color: rgba(104, 84, 187, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-700 {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-700:hover {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-700 {\n  --border-opacity: 1;\n  border-color: #6854BB;\n  border-color: rgba(104, 84, 187, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-600 {\n  --text-opacity: 1;\n  color: #735DD0;\n  color: rgba(115, 93, 208, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-600 {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-600:hover {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-600 {\n  --border-opacity: 1;\n  border-color: #735DD0;\n  border-color: rgba(115, 93, 208, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-300 {\n  --text-opacity: 1;\n  color: #C7BEEC;\n  color: rgba(199, 190, 236, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-300 {\n  --bg-opacity: 1;\n  background-color: #C7BEEC;\n  background-color: rgba(199, 190, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-300:hover {\n  --bg-opacity: 1;\n  background-color: #C7BEEC;\n  background-color: rgba(199, 190, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-300 {\n  --border-opacity: 1;\n  border-color: #C7BEEC;\n  border-color: rgba(199, 190, 236, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-200 {\n  --text-opacity: 1;\n  color: #E3DFF6;\n  color: rgba(227, 223, 246, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-200 {\n  --bg-opacity: 1;\n  background-color: #E3DFF6;\n  background-color: rgba(227, 223, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-200:hover {\n  --bg-opacity: 1;\n  background-color: #E3DFF6;\n  background-color: rgba(227, 223, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-200 {\n  --border-opacity: 1;\n  border-color: #E3DFF6;\n  border-color: rgba(227, 223, 246, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-100 {\n  --text-opacity: 1;\n  color: #F1EFFA;\n  color: rgba(241, 239, 250, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-100 {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-100:hover {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-100 {\n  --border-opacity: 1;\n  border-color: #F1EFFA;\n  border-color: rgba(241, 239, 250, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-900 {\n  --text-opacity: 1;\n  color: #2F3976;\n  color: rgba(47, 57, 118, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-900 {\n  --bg-opacity: 1;\n  background-color: #2F3976;\n  background-color: rgba(47, 57, 118, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-900:hover {\n  --bg-opacity: 1;\n  background-color: #2F3976;\n  background-color: rgba(47, 57, 118, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-900 {\n  --border-opacity: 1;\n  border-color: #2F3976;\n  border-color: rgba(47, 57, 118, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-800 {\n  --text-opacity: 1;\n  color: #364286;\n  color: rgba(54, 66, 134, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-800 {\n  --bg-opacity: 1;\n  background-color: #364286;\n  background-color: rgba(54, 66, 134, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-800:hover {\n  --bg-opacity: 1;\n  background-color: #364286;\n  background-color: rgba(54, 66, 134, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-800 {\n  --border-opacity: 1;\n  border-color: #364286;\n  border-color: rgba(54, 66, 134, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-700 {\n  --text-opacity: 1;\n  color: #3C4A97;\n  color: rgba(60, 74, 151, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-700 {\n  --bg-opacity: 1;\n  background-color: #3C4A97;\n  background-color: rgba(60, 74, 151, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-700:hover {\n  --bg-opacity: 1;\n  background-color: #3C4A97;\n  background-color: rgba(60, 74, 151, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-700 {\n  --border-opacity: 1;\n  border-color: #3C4A97;\n  border-color: rgba(60, 74, 151, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-600 {\n  --text-opacity: 1;\n  color: #4352A8;\n  color: rgba(67, 82, 168, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-600 {\n  --bg-opacity: 1;\n  background-color: #4352A8;\n  background-color: rgba(67, 82, 168, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-600:hover {\n  --bg-opacity: 1;\n  background-color: #4352A8;\n  background-color: rgba(67, 82, 168, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-600 {\n  --border-opacity: 1;\n  border-color: #4352A8;\n  border-color: rgba(67, 82, 168, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-300 {\n  --text-opacity: 1;\n  color: #B4BADC;\n  color: rgba(180, 186, 220, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-300 {\n  --bg-opacity: 1;\n  background-color: #B4BADC;\n  background-color: rgba(180, 186, 220, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-300:hover {\n  --bg-opacity: 1;\n  background-color: #B4BADC;\n  background-color: rgba(180, 186, 220, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-300 {\n  --border-opacity: 1;\n  border-color: #B4BADC;\n  border-color: rgba(180, 186, 220, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-200 {\n  --text-opacity: 1;\n  color: #D9DCEE;\n  color: rgba(217, 220, 238, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-200 {\n  --bg-opacity: 1;\n  background-color: #D9DCEE;\n  background-color: rgba(217, 220, 238, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-200:hover {\n  --bg-opacity: 1;\n  background-color: #D9DCEE;\n  background-color: rgba(217, 220, 238, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-200 {\n  --border-opacity: 1;\n  border-color: #D9DCEE;\n  border-color: rgba(217, 220, 238, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-100 {\n  --text-opacity: 1;\n  color: #ECEEF6;\n  color: rgba(236, 238, 246, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-100 {\n  --bg-opacity: 1;\n  background-color: #ECEEF6;\n  background-color: rgba(236, 238, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-100:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF6;\n  background-color: rgba(236, 238, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-100 {\n  --border-opacity: 1;\n  border-color: #ECEEF6;\n  border-color: rgba(236, 238, 246, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-900 {\n  --text-opacity: 1;\n  color: #1B263A;\n  color: rgba(27, 38, 58, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-900 {\n  --bg-opacity: 1;\n  background-color: #1B263A;\n  background-color: rgba(27, 38, 58, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-900:hover {\n  --bg-opacity: 1;\n  background-color: #1B263A;\n  background-color: rgba(27, 38, 58, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-900 {\n  --border-opacity: 1;\n  border-color: #1B263A;\n  border-color: rgba(27, 38, 58, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-850 {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-850 {\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-850:hover {\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-850 {\n  --border-opacity: 1;\n  border-color: #223049;\n  border-color: rgba(34, 48, 73, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-800 {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-800 {\n  --bg-opacity: 1;\n  background-color: #364359;\n  background-color: rgba(54, 67, 89, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-800:hover {\n  --bg-opacity: 1;\n  background-color: #364359;\n  background-color: rgba(54, 67, 89, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-800 {\n  --border-opacity: 1;\n  border-color: #364359;\n  border-color: rgba(54, 67, 89, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-750 {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-750 {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-750:hover {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-750 {\n  --border-opacity: 1;\n  border-color: #4A556A;\n  border-color: rgba(74, 85, 106, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-700 {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-700 {\n  --bg-opacity: 1;\n  background-color: #5E687A;\n  background-color: rgba(94, 104, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-700:hover {\n  --bg-opacity: 1;\n  background-color: #5E687A;\n  background-color: rgba(94, 104, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-700 {\n  --border-opacity: 1;\n  border-color: #5E687A;\n  border-color: rgba(94, 104, 122, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-650 {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-650 {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-650:hover {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-650 {\n  --border-opacity: 1;\n  border-color: #697282;\n  border-color: rgba(105, 114, 130, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-300 {\n  --text-opacity: 1;\n  color: #E4E7ED;\n  color: rgba(228, 231, 237, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-300 {\n  --bg-opacity: 1;\n  background-color: #E4E7ED;\n  background-color: rgba(228, 231, 237, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-300:hover {\n  --bg-opacity: 1;\n  background-color: #E4E7ED;\n  background-color: rgba(228, 231, 237, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-300 {\n  --border-opacity: 1;\n  border-color: #E4E7ED;\n  border-color: rgba(228, 231, 237, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-200 {\n  --text-opacity: 1;\n  color: #F3F5F9;\n  color: rgba(243, 245, 249, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-200 {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-200 {\n  --border-opacity: 1;\n  border-color: #F3F5F9;\n  border-color: rgba(243, 245, 249, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-white {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-white {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-white:hover {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-white {\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-transparent {\n  color: transparent;\n}\n\n.sked-custom-lozenge--bg-transparent {\n  background-color: transparent;\n}\n\n.sked-custom-lozenge--bgHover-transparent:hover {\n  background-color: transparent;\n}\n\n.sked-custom-lozenge--border-transparent {\n  border-color: transparent;\n}\n\n.sked-custom-lozenge--small {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.25;\n  height: 1.5rem;\n}\n\n.sked-custom-lozenge--medium {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.5;\n  height: 1.75rem;\n}\n\n.sked-custom-lozenge--large {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: .875rem;\n  line-height: 1.5;\n  height: 2rem;\n}\n\n.sked-custom-lozenge__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-pagination-count-min-w {\n  min-width: 6rem;\n}\n\n.sked-pagination-item-min-w {\n  min-width: 1.5rem;\n}\n\n.sked-badge-min-w {\n  min-width: 1.25rem;\n}\n\n.sked-badge-wider {\n  padding: 0 0.375rem;\n}\n\n.sked-menu {\n  overflow-y: overlay;\n  margin-top: 0.25rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: .875rem;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  font-weight: 400;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  border-style: solid;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  box-shadow: 0 5px 10px 0 rgba(28, 46, 72,0.17);\n  border-radius: 3px;\n  max-height: 15rem;\n  max-width: 30rem;\n  min-width: 10rem;\n}\n\n.react-datepicker-popper {\n  z-index: 10;\n}\n\n.sked-ui-calendar {\n  width: fit-content;\n}\n\n.sked-ui-calendar .react-datepicker-wrapper {\n  max-height: 36px;\n}\n\n.sked-ui-calendar .react-datepicker {\n  cursor: default;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(28, 46, 72,0.10), 0 2px 4px 0 rgba(28, 46, 72,0.08);\n  padding: 1rem;\n  position: relative;\n  min-width: 258px;\n}\n\n.sked-ui-calendar .react-datepicker__header {\n  text-align: center;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation {\n  cursor: pointer;\n  position: absolute;\n  border-style: none;\n  top: 7px;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next, .sked-ui-calendar .react-datepicker__navigation--previous {\n  border-radius: 2px;\n  width: 2rem;\n  height: 2rem;\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  margin-top: 0.5rem;\n  overflow: hidden;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:before, .sked-ui-calendar .react-datepicker__navigation--previous:before {\n  --border-opacity: 1;\n  border-color: #223049;\n  border-color: rgba(34, 48, 73, var(--border-opacity));\n  border-radius: 2px;\n  align-content: center;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:hover, .sked-ui-calendar .react-datepicker__navigation--previous:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:focus, .sked-ui-calendar .react-datepicker__navigation--previous:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation--previous::before {\n  content: svg-load(\"../components/icon/icons/calendar-nav-left.svg\", height=\"10.5px\", fill=\"#485875\");\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next {\n  right: 1rem;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:before {\n  content: svg-load(\"../components/icon/icons/calendar-nav-right.svg\", height=\"10.5px\", fill=\"#485875\");\n}\n\n.sked-ui-calendar .react-datepicker__current-month {\n  font-size: 1rem;\n  border-radius: 2px;\n  line-height: 2;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.sked-ui-calendar .react-datepicker__day-name, .sked-ui-calendar .react-datepicker__day {\n  width: 2rem;\n  height: 2rem;\n  text-align: center;\n  font-weight: 400;\n  display: inline-block;\n  padding-top: 0.4rem;\n}\n\n.sked-ui-calendar .react-datepicker__day-name {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n  font-size: .812rem;\n}\n\n.sked-ui-calendar .react-datepicker__day {\n  border-color: transparent;\n  border-width: 1px;\n  font-size: .875rem;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day:hover, .sked-ui-calendar .react-datepicker__day:focus {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n  cursor: pointer;\n  border-radius: 2px;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--disabled {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--outside-month {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--today {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n  border-width: 1px;\n  border-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--selected, .sked-ui-calendar .react-datepicker__day--highlighted {\n  border-width: 1px;\n  border-radius: 2px;\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--selected:hover, .sked-ui-calendar .react-datepicker__day--selected:focus, .sked-ui-calendar .react-datepicker__day--highlighted:hover, .sked-ui-calendar .react-datepicker__day--highlighted:focus {\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  border-radius: 2px;\n  --border-opacity: 1;\n  border-color: #007EE6;\n  border-color: rgba(0, 126, 230, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered {\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered:first-child {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered:last-child {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected, .sked-ui-calendar .react-datepicker__day--week-selected:hover {\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  border-radius: 0;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected:first-child, .sked-ui-calendar .react-datepicker__day--week-selected:first-child:hover, .sked-ui-calendar .react-datepicker__day--week-selected:hover:first-child, .sked-ui-calendar .react-datepicker__day--week-selected:hover:first-child:hover {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected:last-child, .sked-ui-calendar .react-datepicker__day--week-selected:last-child:hover, .sked-ui-calendar .react-datepicker__day--week-selected:hover:last-child, .sked-ui-calendar .react-datepicker__day--week-selected:hover:last-child:hover {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--today {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__week {\n  margin-bottom: 1px;\n}\n\n.sked-ui-calendar .react-datepicker__month {\n  padding-top: 0.25rem;\n}\n\n.sked-ui-calendar .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before, .sked-ui-calendar .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before {\n  height: 0;\n  width: 1px;\n}\n\n.sked-inlinebanner-icon-margin-right {\n  margin-right: 0.625rem;\n}\n\n.sked-calendar-controls > div {\n  display: inline-flex;\n}\n\n.filter-list {\n  overflow-y: auto;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n  min-width: 12rem;\n  max-width: 20rem;\n  max-height: 275px;\n}\n\n.filter-list-item-min-height {\n  min-height: 1.5rem;\n}\n\n.filter-list-input-min-width {\n  min-width: 1rem;\n}\n\n.sk-th {\n  box-shadow: inset 0 1px 0 #CACFD9, inset 0 -1px 0 #CACFD9;\n}\n\n.sk-th:first-child .sk-th-content {\n  padding-left: 1.25rem;\n}\n\n.sk-th:last-child .sk-th-content {\n  padding-right: 1.25rem;\n}\n\n.sk-table tr td:first-child {\n  padding-left: 1.25rem;\n}\n\n.sk-table tr td:last-child {\n  padding-right: 1.25rem;\n}\n\n.sked-pill-leading {\n  line-height: 1.9;\n}\n\n/**\n * This injects all of Tailwind's utility classes, generated based on your\n * config file.\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/utilities\";\n */\n\n.sk-appearance-none {\n  appearance: none;\n}\n\n.sk-bg-white {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sk-bg-neutral-200 {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sk-bg-neutral-250 {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sk-bg-neutral-350 {\n  --bg-opacity: 1;\n  background-color: #DADEE6;\n  background-color: rgba(218, 222, 230, var(--bg-opacity));\n}\n\n.sk-bg-neutral-400 {\n  --bg-opacity: 1;\n  background-color: #CACFD9;\n  background-color: rgba(202, 207, 217, var(--bg-opacity));\n}\n\n.sk-bg-neutral-650 {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sk-bg-neutral-750 {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sk-bg-green-100 {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sk-bg-green-600 {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sk-bg-orange-100 {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sk-bg-orange-600 {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sk-bg-red-100 {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sk-bg-red-600 {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sk-bg-blue-100 {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.sk-bg-blue-200 {\n  --bg-opacity: 1;\n  background-color: #CCE8FF;\n  background-color: rgba(204, 232, 255, var(--bg-opacity));\n}\n\n.sk-bg-blue-600 {\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n}\n\n.sk-bg-teal-700 {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-transparent:hover {\n  background-color: transparent;\n}\n\n.hover\\:sk-bg-neutral-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-neutral-250:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-neutral-650:hover {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-blue-100:hover {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.focus\\:sk-bg-neutral-250:focus {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.focus\\:sk-bg-blue-100:focus {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.sk-border-collapse {\n  border-collapse: collapse;\n}\n\n.sk-border-transparent {\n  border-color: transparent;\n}\n\n.sk-border-white {\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sk-border-neutral-250 {\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sk-border-neutral-350 {\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n}\n\n.sk-border-neutral-450 {\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n.sk-border-neutral-500 {\n  --border-opacity: 1;\n  border-color: #9AA2B2;\n  border-color: rgba(154, 162, 178, var(--border-opacity));\n}\n\n.sk-border-red-400 {\n  --border-opacity: 1;\n  border-color: #E68A83;\n  border-color: rgba(230, 138, 131, var(--border-opacity));\n}\n\n.sk-border-blue-600 {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sk-border-teal-700 {\n  --border-opacity: 1;\n  border-color: #20847A;\n  border-color: rgba(32, 132, 122, var(--border-opacity));\n}\n\n.focus\\:sk-border-blue-500:focus {\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.focus-within\\:sk-border-blue-500:focus-within {\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.sk-rounded-none {\n  border-radius: 0;\n}\n\n.sk-rounded {\n  border-radius: 2px;\n}\n\n.sk-rounded-medium {\n  border-radius: 3px;\n}\n\n.sk-rounded-full {\n  border-radius: 9999px;\n}\n\n.sk-rounded-t {\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n}\n\n.sk-rounded-b {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sk-border-dashed {\n  border-style: dashed;\n}\n\n.sk-border-none {\n  border-style: none;\n}\n\n.sk-border-0 {\n  border-width: 0;\n}\n\n.sk-border-2 {\n  border-width: 2px;\n}\n\n.sk-border-3 {\n  border-width: 3px;\n}\n\n.sk-border {\n  border-width: 1px;\n}\n\n.sk-border-t-0 {\n  border-top-width: 0;\n}\n\n.sk-border-b-0 {\n  border-bottom-width: 0;\n}\n\n.sk-border-b {\n  border-bottom-width: 1px;\n}\n\n.sk-border-l {\n  border-left-width: 1px;\n}\n\n.focus\\:sk-border-0:focus {\n  border-width: 0;\n}\n\n.sk-box-content {\n  box-sizing: content-box;\n}\n\n.sk-cursor-default {\n  cursor: default;\n}\n\n.sk-cursor-pointer {\n  cursor: pointer;\n}\n\n.sk-cursor-text {\n  cursor: text;\n}\n\n.sk-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.hover\\:sk-cursor-default:hover {\n  cursor: default;\n}\n\n.hover\\:sk-cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:sk-cursor-not-allowed:hover {\n  cursor: not-allowed;\n}\n\n.sk-block {\n  display: block;\n}\n\n.sk-inline-block {\n  display: inline-block;\n}\n\n.sk-inline {\n  display: inline;\n}\n\n.sk-flex {\n  display: flex;\n}\n\n.sk-inline-flex {\n  display: inline-flex;\n}\n\n.sk-table {\n  display: table;\n}\n\n.sk-hidden {\n  display: none;\n}\n\n.sk-group:hover .group-hover\\:sk-block {\n  display: block;\n}\n\n.sk-flex-row {\n  flex-direction: row;\n}\n\n.sk-flex-col {\n  flex-direction: column;\n}\n\n.sk-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.sk-flex-no-wrap {\n  flex-wrap: nowrap;\n}\n\n.sk-items-center {\n  align-items: center;\n}\n\n.sk-items-baseline {\n  align-items: baseline;\n}\n\n.sk-self-start {\n  align-self: flex-start;\n}\n\n.sk-justify-center {\n  justify-content: center;\n}\n\n.sk-justify-between {\n  justify-content: space-between;\n}\n\n.sk-justify-around {\n  justify-content: space-around;\n}\n\n.sk-flex-grow-0 {\n  flex-grow: 0;\n}\n\n.sk-flex-grow {\n  flex-grow: 1;\n}\n\n.sk-flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.sk-float-right {\n  float: right;\n}\n\n.sk-font-sans {\n  font-family: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}\n\n.sk-font-normal {\n  font-weight: 400;\n}\n\n.sk-font-medium {\n  font-weight: 500;\n}\n\n.sk-font-semibold {\n  font-weight: 600;\n}\n\n.sk-h-0 {\n  height: 0;\n}\n\n.sk-h-5 {\n  height: 1.25rem;\n}\n\n.sk-h-6 {\n  height: 1.5rem;\n}\n\n.sk-h-8 {\n  height: 2rem;\n}\n\n.sk-h-10 {\n  height: 2.5rem;\n}\n\n.sk-h-24 {\n  height: 6rem;\n}\n\n.sk-h-32 {\n  height: 8rem;\n}\n\n.sk-h-48 {\n  height: 12rem;\n}\n\n.sk-h-64 {\n  height: 16rem;\n}\n\n.sk-h-full {\n  height: 100%;\n}\n\n.sk-text-xxs {\n  font-size: .75rem;\n}\n\n.sk-text-xs {\n  font-size: .812rem;\n}\n\n.sk-text-sm {\n  font-size: .875rem;\n}\n\n.sk-text-base {\n  font-size: 1rem;\n}\n\n.sk-text-lg {\n  font-size: 1.125rem;\n}\n\n.sk-text-xl {\n  font-size: 1.25rem;\n}\n\n.sk-text-2xl {\n  font-size: 1.5rem;\n}\n\n.sk-leading-5 {\n  line-height: 1.25rem;\n}\n\n.sk-leading-tight {\n  line-height: 1.25;\n}\n\n.sk-leading-snug {\n  line-height: 1.375;\n}\n\n.sk-leading-normal {\n  line-height: 1.5;\n}\n\n.sk-m-0 {\n  margin: 0;\n}\n\n.sk-m-1 {\n  margin: 0.25rem;\n}\n\n.sk-m-auto {\n  margin: auto;\n}\n\n.sk-my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n\n.sk-mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n.sk-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.sk-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sk--my-1 {\n  margin-top: -0.25rem;\n  margin-bottom: -0.25rem;\n}\n\n.sk-mt-0 {\n  margin-top: 0;\n}\n\n.sk-mt-1 {\n  margin-top: 0.25rem;\n}\n\n.sk-mr-1 {\n  margin-right: 0.25rem;\n}\n\n.sk-mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.sk-ml-1 {\n  margin-left: 0.25rem;\n}\n\n.sk-mt-2 {\n  margin-top: 0.5rem;\n}\n\n.sk-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.sk-mb-2 {\n  margin-bottom: 0.5rem;\n}\n\n.sk-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.sk-mt-3 {\n  margin-top: 0.75rem;\n}\n\n.sk-mr-3 {\n  margin-right: 0.75rem;\n}\n\n.sk-mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n.sk-ml-3 {\n  margin-left: 0.75rem;\n}\n\n.sk-mt-4 {\n  margin-top: 1rem;\n}\n\n.sk-mb-4 {\n  margin-bottom: 1rem;\n}\n\n.sk-ml-5 {\n  margin-left: 1.25rem;\n}\n\n.sk-mt-6 {\n  margin-top: 1.5rem;\n}\n\n.sk-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.sk-mb-8 {\n  margin-bottom: 2rem;\n}\n\n.sk-mt-px {\n  margin-top: 1px;\n}\n\n.sk-mr-px {\n  margin-right: 1px;\n}\n\n.sk--mt-1 {\n  margin-top: -0.25rem;\n}\n\n.sk--mr-1 {\n  margin-right: -0.25rem;\n}\n\n.sk--mr-2 {\n  margin-right: -0.5rem;\n}\n\n.sk--ml-2 {\n  margin-left: -0.5rem;\n}\n\n.sk--mt-px {\n  margin-top: -1px;\n}\n\n.sk-max-w-xs {\n  max-width: 20rem;\n}\n\n.sk-max-w-4xl {\n  max-width: 56rem;\n}\n\n.sk-max-w-full {\n  max-width: 100%;\n}\n\n.focus\\:sk-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sk-overflow-hidden {\n  overflow: hidden;\n}\n\n.sk-overflow-y-auto {\n  overflow-y: auto;\n}\n\n.sk-overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.sk-p-2 {\n  padding: 0.5rem;\n}\n\n.sk-p-3 {\n  padding: 0.75rem;\n}\n\n.sk-p-4 {\n  padding: 1rem;\n}\n\n.sk-p-5 {\n  padding: 1.25rem;\n}\n\n.sk-p-8 {\n  padding: 2rem;\n}\n\n.sk-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.sk-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.sk-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.sk-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.sk-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.sk-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.sk-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.sk-px-10 {\n  padding-left: 2.5rem;\n  padding-right: 2.5rem;\n}\n\n.sk-pr-0 {\n  padding-right: 0;\n}\n\n.sk-pb-0 {\n  padding-bottom: 0;\n}\n\n.sk-pt-1 {\n  padding-top: 0.25rem;\n}\n\n.sk-pb-1 {\n  padding-bottom: 0.25rem;\n}\n\n.sk-pl-1 {\n  padding-left: 0.25rem;\n}\n\n.sk-pt-2 {\n  padding-top: 0.5rem;\n}\n\n.sk-pr-2 {\n  padding-right: 0.5rem;\n}\n\n.sk-pl-2 {\n  padding-left: 0.5rem;\n}\n\n.sk-pt-3 {\n  padding-top: 0.75rem;\n}\n\n.sk-pr-3 {\n  padding-right: 0.75rem;\n}\n\n.sk-pl-3 {\n  padding-left: 0.75rem;\n}\n\n.sk-pt-4 {\n  padding-top: 1rem;\n}\n\n.sk-pl-4 {\n  padding-left: 1rem;\n}\n\n.sk-pt-5 {\n  padding-top: 1.25rem;\n}\n\n.sk-pr-5 {\n  padding-right: 1.25rem;\n}\n\n.sk-pb-6 {\n  padding-bottom: 1.5rem;\n}\n\n.sk-pr-8 {\n  padding-right: 2rem;\n}\n\n.sk-pt-10 {\n  padding-top: 2.5rem;\n}\n\n.sk-pr-20 {\n  padding-right: 5rem;\n}\n\n.sk-pb-px {\n  padding-bottom: 1px;\n}\n\n.sk-pointer-events-none {\n  pointer-events: none;\n}\n\n.sk-fixed {\n  position: fixed;\n}\n\n.sk-absolute {\n  position: absolute;\n}\n\n.sk-relative {\n  position: relative;\n}\n\n.sk-sticky {\n  position: sticky;\n}\n\n.sk-inset-0 {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.sk-top-0 {\n  top: 0;\n}\n\n.sk-right-0 {\n  right: 0;\n}\n\n.sk-left-0 {\n  left: 0;\n}\n\n.sk-resize-none {\n  resize: none;\n}\n\n.sk-shadow {\n  box-shadow: 0 5px 10px 0 rgba(28, 46, 72,0.17);\n}\n\n.sk-shadow-lg {\n  box-shadow: 0 15px 30px 0 rgba(28, 46, 72,0.10), 0 5px 15px 0 rgba(28, 46, 72,0.08);\n}\n\n.sk-fill-current {\n  fill: currentColor;\n}\n\n.sk-table-fixed {\n  table-layout: fixed;\n}\n\n.sk-text-left {\n  text-align: left;\n}\n\n.sk-text-center {\n  text-align: center;\n}\n\n.sk-text-right {\n  text-align: right;\n}\n\n.sk-text-white {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sk-text-neutral-450 {\n  --text-opacity: 1;\n  color: #B3BAC8;\n  color: rgba(179, 186, 200, var(--text-opacity));\n}\n\n.sk-text-neutral-500 {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sk-text-neutral-550 {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n}\n\n.sk-text-neutral-600 {\n  --text-opacity: 1;\n  color: #7A8291;\n  color: rgba(122, 130, 145, var(--text-opacity));\n}\n\n.sk-text-neutral-650 {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sk-text-neutral-700 {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sk-text-neutral-750 {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sk-text-neutral-800 {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.sk-text-neutral-850 {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sk-text-red-500 {\n  --text-opacity: 1;\n  color: #DD6359;\n  color: rgba(221, 99, 89, var(--text-opacity));\n}\n\n.sk-text-red-600 {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sk-text-blue-600 {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.sk-text-teal-700 {\n  --text-opacity: 1;\n  color: #20847A;\n  color: rgba(32, 132, 122, var(--text-opacity));\n}\n\n.hover\\:sk-text-white:hover {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.hover\\:sk-text-neutral-750:hover {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.hover\\:sk-text-blue-600:hover {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.hover\\:sk-text-blue-700:hover {\n  --text-opacity: 1;\n  color: #007EE6;\n  color: rgba(0, 126, 230, var(--text-opacity));\n}\n\n.focus\\:sk-text-neutral-800:focus {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.focus\\:sk-text-blue-600:focus {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.sk-group:hover .group-hover\\:sk-text-neutral-550 {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n}\n\n.disabled\\:sk-text-blue-200:disabled {\n  --text-opacity: 1;\n  color: #CCE8FF;\n  color: rgba(204, 232, 255, var(--text-opacity));\n}\n\n.sk-uppercase {\n  text-transform: uppercase;\n}\n\n.sk-underline {\n  text-decoration: underline;\n}\n\n.sk-no-underline {\n  text-decoration: none;\n}\n\n.sk-tracking-wide {\n  letter-spacing: 0.025em;\n}\n\n.sk-select-none {\n  user-select: none;\n}\n\n.sk-visible {\n  visibility: visible;\n}\n\n.sk-invisible {\n  visibility: hidden;\n}\n\n.sk-group:hover .group-hover\\:sk-visible {\n  visibility: visible;\n}\n\n.sk-whitespace-pre {\n  white-space: pre;\n}\n\n.sk-whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n\n.sk-break-words {\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.sk-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sk-w-5 {\n  width: 1.25rem;\n}\n\n.sk-w-10 {\n  width: 2.5rem;\n}\n\n.sk-w-24 {\n  width: 6rem;\n}\n\n.sk-w-32 {\n  width: 8rem;\n}\n\n.sk-w-48 {\n  width: 12rem;\n}\n\n.sk-w-64 {\n  width: 16rem;\n}\n\n.sk-w-auto {\n  width: auto;\n}\n\n.sk-w-1\\/2 {\n  width: 50%;\n}\n\n.sk-w-full {\n  width: 100%;\n}\n\n.sk-w-screen {\n  width: 100vw;\n}\n\n.sk-z-10 {\n  z-index: 10;\n}\n\n.sk-gap-2 {\n  grid-gap: 0.5rem;\n  gap: 0.5rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n.sk-break-word {\n  word-break: break-word;\n}\n\n.sk-overflow-y-overlay {\n  overflow-y: overlay;\n}\n\n.sk-overflow-x-overlay {\n  overflow-x: overlay;\n}\n\n.sk-scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  border: 5px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  background-color: #b7bcc8;\n}\n\n.sk-scrollbar::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n.sk-scrollbar::-webkit-scrollbar-button {\n  width: 0px;\n  height: 0px;\n  display: none;\n}\n\n.sk-scrollbar::-webkit-scrollbar {\n  width: 16px;\n  height: 16px;\n}\n\n/**\n * Here you would add any custom utilities you need that don't come out of the\n * box with Tailwind.\n *\n * Example :\n *\n * .bg-pattern-graph-paper { ... }\n * .skew-45 { ... }\n *\n * Or if using a preprocessor or `postcss-import`:\n *\n * @import \"utilities/background-patterns\";\n * @import \"utilities/skew-transforms\";\n */\n\n@media (min-width: 640px) {\n  .sm\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .sm\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .sm\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .sm\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .sm\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .md\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .md\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .md\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .lg\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .lg\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .lg\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .lg\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 1280px) {\n  .xl\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .xl\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .xl\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .xl\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .xl\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "/**\n * This injects Tailwind's base styles, which is a combination of\n * Normalize.css and some additional base styles.\n *\n * You can see the styles here:\n * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/preflight\";\n */\n\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. 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/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. 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/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\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: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* 1 */\n  line-height: 1.5; /* 2 */\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: currentColor; /* 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::placeholder,\ntextarea::placeholder {\n  color: #a0aec0;\n}\n\nbutton,\n[role=\"button\"] {\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: 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/**\n * This injects any component classes registered by plugins.\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/components\";\n */\n\n.sk-container {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n  .sk-container {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n  .sk-container {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .sk-container {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n  .sk-container {\n    max-width: 1280px;\n  }\n}\n\nhtml {\n  line-height: 1.15;\n}\n\n/**\n * Here you would add any of your custom component classes; stuff that you'd\n * want loaded *before* the utilities so that the utilities could still\n * override them.\n *\n * Example:\n *\n * .btn { ... }\n * .form-input { ... }\n *\n * Or if using a preprocessor or `postcss-import`:\n *\n * @import \"components/buttons\";\n * @import \"components/forms\";\n */\n\n/** Legacy **/\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.loading-throb {\n  width: 100%;\n  padding: 16px 0;\n}\n\n.loading-throb .loading-throb__bounce {\n  width: 6px;\n  height: 6px;\n  margin: 0 3px;\n  background-color: #008cff;\n  border-radius: 100%;\n  display: inline-block;\n  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n  animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.loading-throb .loading-throb__bounce--first {\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n\n.loading-throb .loading-throb__bounce--second {\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n@keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.sked-infowindow {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n}\n\n.sked-infowindow-wrapper {\n  height: 0;\n}\n\n.sked-infowindow__close {\n  position: absolute;\n  top: 5px;\n  right: 4px;\n}\n\n.sked-infowindow__title {\n  font-weight: 600;\n  padding: 0 32px 0 16px;\n  border-bottom: 1px solid #d4d7de;\n  letter-spacing: 0.3px;\n  height: 42px;\n  line-height: 42px;\n  display: flex;\n}\n\n.sked-infowindow__content {\n  position: relative;\n  font-size: 13px;\n  font-weight: 400;\n  border-radius: 2px;\n  color: #0c131e;\n  background-color: #fff;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n}\n\n.sked-infowindow__triangle {\n  content: \"\";\n  display: block;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: 0;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n  border-radius: 2px;\n  position: absolute;\n  box-shadow: 0 3px 6px -3px rgba(34, 48, 73, 0.24);\n  width: 10px;\n  height: 10px;\n}\n\n.sked-infowindow__triangle--position-top {\n  margin-top: -6px;\n  margin-left: 2.5px;\n}\n\n.sked-infowindow__triangle--position-bottom {\n  margin-top: 2.5px;\n  margin-left: 2.5px;\n  box-shadow: -2px -3px 8px -3px rgba(34, 48, 73, 0.24);\n}\n\n.sked-infowindow__triangle--position-right {\n  margin-top: 2.5px;\n  margin-left: 10px;\n}\n\n.sked-infowindow__triangle--position-left {\n  margin-top: 2.5px;\n  margin-left: -6px;\n  box-shadow: 0 -3px 6px -3px rgba(34, 48, 73, 0.24);\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.sked-tooltip .sked-infowindow__content {\n  box-sizing: border-box;\n  padding: 9px 12px 7px;\n  border: none;\n  box-shadow: 0 2px 6px 0 rgba(34, 48, 73, 0.24);\n  max-width: 360px !important;\n  min-width: 100px;\n  min-height: 32px;\n  line-height: 1.2;\n  letter-spacing: 0.2px;\n}\n\n.sked-tooltip--dark .sked-infowindow__content, .sked-tooltip--dark .sked-infowindow__content > *, .sked-tooltip--dark .sked-infowindow__content > * > * {\n  color: #fff;\n  background: #223049;\n}\n\n.sked-tooltip--dark .sked-infowindow__triangle {\n  background: #223049;\n}\n\n.sked-tooltip--light .sked-infowindow__content {\n  color: #0c131e;\n  background: #fff;\n}\n\n.sked-tooltip--light .sked-infowindow__triangle {\n  background: #fff;\n}\n\n.sked-tooltip--align-center {\n  text-align: center;\n}\n\n.sked-tooltip--align-left {\n  text-align: left;\n}\n\n.sked-tooltip--align-right {\n  text-align: right;\n}\n\n.sked-popper-content .sked-popper-content-arrow {\n  visibility: hidden;\n}\n\n.sked-popper-content .sked-popper-content-arrow, .sked-popper-content .sked-popper-content-arrow:before {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: inherit;\n}\n\n.sked-popper-content .sked-popper-content-arrow:before {\n  visibility: visible;\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n.sked-popper-content[data-popper-placement^=top] > .sked-popper-content-arrow {\n  bottom: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=bottom] > .sked-popper-content-arrow {\n  top: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=left] > .sked-popper-content-arrow {\n  right: -4px;\n}\n\n.sked-popper-content[data-popper-placement^=right] > .sked-popper-content-arrow {\n  left: -4px;\n}\n\n/** **/\n\n.sked-button-group {\n  display: inline-grid;\n  grid-gap: 0.5rem;\n  grid-auto-flow: column;\n  width: max-content;\n}\n\n.sked-button-group--compact {\n  grid-gap: 0;\n}\n\n.sked-button-group--compact .sked-button:not(:last-child), .sked-button-group--compact .sked-infowindow__trigger:not(:last-child) .sked-button {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-right: 0;\n}\n\n.sked-button-group--compact .sked-button:not(:first-child), .sked-button-group--compact .sked-infowindow__trigger:not(:first-child) .sked-button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.sked-avatar {\n  font-family: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n  width: 2rem;\n  height: 2rem;\n  font-size: .75rem;\n  font-weight: 500;\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  border-radius: 9999px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  user-select: none;\n}\n\n.sked-avatar--bordered {\n  border-width: 2px;\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sked-avatar--bordered.sked-avatar--tiny {\n  border-width: 1px;\n}\n\n.sked-avatar__image {\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n\n.sked-avatar--tiny {\n  width: 1rem;\n  height: 1rem;\n  font-size: 9px;\n}\n\n.sked-avatar--small {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.sked-avatar--large {\n  font-size: 1.5rem;\n  letter-spacing: 0.025em;\n  width: 4rem;\n  height: 4rem;\n}\n\n.sked-avatar-group .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -6px;\n}\n\n.sked-avatar-group--tiny .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -5px;\n}\n\n.sked-avatar-group--small .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -7px;\n}\n\n.sked-avatar-group--large .sked-infowindow__trigger:not(:last-child) {\n  margin-right: -11px;\n}\n\n.sked-avatar-group .sked-infowindow__trigger:hover {\n  z-index: 10;\n}\n\n.sked-avatar-group .sked-avatar--bordered.sked-avatar--small {\n  border-width: 1px;\n}\n\n/*\n  .sk-form-element takes care of the validation styling and spacing\n*/\n\n.sked-form-element--invalid {\n  /*\n   We are targeting text type inputs via the 'invalid' modifier on .form-element because we do not always have access\n   to the input to apply a dedicated input modifier class (such is the case with a third party library eg. reactdatepicker). \n   This is the main reason, though it also prevents us from having to pass down a prop to decide whether an input needs\n   an error class, as we have widgets that wrap other widgets that wrap others and so\n   on. It can be four layers deep before you get to the actual input.\n  */\n}\n\n.sked-form-element--invalid .sked-form-element__outline,\n.sked-form-element--invalid .sked-form-element__outline:hover,\n.sked-form-element--invalid .sked-form-element__outline:focus {\n  --border-opacity: 1;\n  border-color: #D53C30;\n  border-color: rgba(213, 60, 48, var(--border-opacity));\n}\n\n.sked-form-element__errors {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n  margin-top: 0.25rem;\n  font-size: .812rem;\n  line-height: 1.25;\n}\n\n/*\n  Callout\n*/\n\n.sked-error-callout {\n  padding: 0.75rem;\n  border-left-width: 1px;\n  font-size: .875rem;\n  font-weight: 400;\n  border-color: #fd7d44;\n  background: #fff5f0;\n}\n\n/*\n  Styles for text-type inputs\n*/\n\n.sked-input-textbox {\n  display: block;\n  width: 100%;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  border-width: 1px;\n  font-size: .875rem;\n  font-weight: 400;\n  border-radius: 2px;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  line-height: 1.3;\n  box-sizing: border-box;\n}\n\n.sked-input-textbox:hover {\n  --border-opacity: 1;\n  border-color: #8D95A5;\n  border-color: rgba(141, 149, 165, var(--border-opacity));\n}\n\n.sked-input-textbox:focus, .sked-input-textbox:active {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.sked-input-textbox:disabled {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-input-textbox::placeholder {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  opacity: 1;\n}\n\n.sked-read-only {\n  display: flex;\n  font-size: .875rem;\n  cursor: pointer;\n  display: flex;\n  padding-left: 0.5rem;\n  align-items: center;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-radius: 2px;\n  border-width: 1px;\n  border-color: transparent;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  word-break: break-word;\n  line-height: 1.3;\n}\n\n/*\n  Checkboxes and radios\n*/\n\n.sked-checkbox,\n.sked-radio {\n  position: relative;\n  width: 1rem;\n  height: 1rem;\n  border-width: 0;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  cursor: pointer;\n  background-color: transparent;\n  vertical-align: bottom;\n  flex-shrink: 0;\n  -webkit-appearance: none;\n}\n\n.sked-checkbox:focus,\n.sked-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-checkbox:disabled, .sked-checkbox[readonly],\n.sked-radio:disabled,\n.sked-radio[readonly] {\n  cursor: default;\n}\n\n.sked-checkbox:disabled:before, .sked-checkbox:disabled:checked:before, .sked-checkbox[readonly]:before, .sked-checkbox[readonly]:checked:before,\n.sked-radio:disabled:before,\n.sked-radio:disabled:checked:before,\n.sked-radio[readonly]:before,\n.sked-radio[readonly]:checked:before {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n.sked-checkbox:disabled:checked:after, .sked-checkbox[readonly]:checked:after,\n.sked-radio:disabled:checked:after,\n.sked-radio[readonly]:checked:after {\n  background: transparent;\n  content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%239aa2b2%22%20d%3D%22M13.7%2C5.5c-0.4-0.4-1-0.4-1.4%2C0l-5%2C4.9L5.6%2C8.7c-0.4-0.4-1-0.4-1.4%2C0c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l2.4%2C2.4c0%2C0%2C0%2C0%2C0%2C0c0.4%2C0.4%2C1%2C0.4%2C1.4%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0s0%2C0%2C0%2C0l5.7-5.6C14.1%2C6.5%2C14.1%2C5.9%2C13.7%2C5.5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.sked-checkbox:before,\n.sked-radio:before {\n  border-radius: 2px;\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n  width: 100%;\n  height: 100%;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  display: block;\n  box-sizing: border-box;\n  content: \" \";\n  transition: background-color 0.1s ease-in-out;\n}\n\n.sked-checkbox:after,\n.sked-radio:after {\n  border-radius: 2px;\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  box-sizing: border-box;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.7%2C5.5c-0.4-0.4-1-0.4-1.4%2C0l-5%2C4.9L5.6%2C8.7c-0.4-0.4-1-0.4-1.4%2C0c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l2.4%2C2.4c0%2C0%2C0%2C0%2C0%2C0c0.4%2C0.4%2C1%2C0.4%2C1.4%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0s0%2C0%2C0%2C0l5.7-5.6C14.1%2C6.5%2C14.1%2C5.9%2C13.7%2C5.5z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: opacity 0.05s ease-in-out;\n}\n\n.sked-checkbox:checked:before,\n.sked-radio:checked:before {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-checkbox:checked:after,\n.sked-radio:checked:after {\n  opacity: 1;\n}\n\n.sked-radio:before, .sked-radio:after {\n  border-radius: 9999px;\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n/*\n  Number\n*/\n\n.sked-number {\n  -moz-appearance: textfield;\n}\n\n.sked-number::-webkit-inner-spin-button, .sked-number::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n}\n\n.sked-form-element-wrapper-x-small {\n  width: 5rem;\n}\n\n.sked-form-element-wrapper-small {\n  width: 10rem;\n}\n\n.sked-form-element-wrapper-medium {\n  width: 15rem;\n}\n\n.sked-form-element-wrapper-large {\n  width: 20rem;\n}\n\n.sked-form-element-wrapper-x-large {\n  width: 30rem;\n}\n\n.sked-form-element-wrapper-full {\n  width: 100%;\n}\n\n.sked-multi-search-select-leading {\n  line-height: 1.9;\n}\n\n.sked-multi-search-select-max-height {\n  max-height: 100px;\n}\n\n.sked-multi-search-select-background {\n  background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%234a556a%22%20d%3D%22M5.31%2C6.82a1%2C1%2C0%2C0%2C0%2C0%2C1.36h0l3%2C3a1%2C1%2C0%2C0%2C0%2C1.39%2C0h0l3-3a1%2C1%2C0%2C0%2C0%2C0.05-1.36h0a1%2C1%2C0%2C0%2C0-1.34%2C0l0%2C0L9%2C9.18%2C6.68%2C6.85a.94%2C.94%2C0%2C0%2C0-1.34-.06Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 18px;\n  background-position: right 8px center;\n  background-repeat: no-repeat;\n}\n\n.sked-multi-search-select-background--disabled {\n  background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23697282%22%20d%3D%22M5.31%2C6.82a1%2C1%2C0%2C0%2C0%2C0%2C1.36h0l3%2C3a1%2C1%2C0%2C0%2C0%2C1.39%2C0h0l3-3a1%2C1%2C0%2C0%2C0%2C0.05-1.36h0a1%2C1%2C0%2C0%2C0-1.34%2C0l0%2C0L9%2C9.18%2C6.68%2C6.85a.94%2C.94%2C0%2C0%2C0-1.34-.06Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.sked-modal-bg {\n  background: rgba(34, 48, 73, 0.2);\n}\n\n.sked-modal-small {\n  width: 360px;\n  min-height: 190px;\n}\n\n.sked-modal-base-position-top {\n  top: 20%;\n}\n\n.sked-dynamic-modal {\n  max-height: calc(100vh - 20%);\n  top: 10%;\n}\n\n.sk-slide-up {\n  animation: slide-up 0.3s ease;\n}\n\n.sk-fade-in {\n  animation: fade-in 0.3s ease;\n}\n\n@keyframes slide-up {\n  0% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.sked-button {\n  display: inline-flex;\n  flex: none;\n  font-size: .875rem;\n  font-weight: 500;\n  border-width: 1px;\n  border-style: solid;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  position: relative;\n  border-radius: 3px;\n  line-height: 1.3;\n}\n\n.sked-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-button[disabled] {\n  pointer-events: none;\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  letter-spacing: 0;\n}\n\n.sked-button--primary {\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  letter-spacing: 0.025em;\n}\n\n.sked-button--primary:hover, .sked-button--primary.sked-button--active {\n  --border-opacity: 1;\n  border-color: #007EE6;\n  border-color: rgba(0, 126, 230, var(--border-opacity));\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n}\n\n.sked-button--primary[disabled] {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sked-button--secondary {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n  background-color: transparent;\n  --border-opacity: 1;\n  border-color: #CACFD9;\n  border-color: rgba(202, 207, 217, var(--border-opacity));\n}\n\n.sked-button--secondary:hover, .sked-button--secondary.sked-button--active {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--secondary[disabled] {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sked-button--transparent {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.sked-button--transparent:hover {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-button--transparent.sked-button--active {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--compact {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  line-height: 1.6;\n}\n\n.sked-button:not(.sked-button--icon-only) .sked-button__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-button--icon-only {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.sked-button--icon-only.sked-button--transparent:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-button--compact.sked-button--icon-only {\n  padding: 0.375rem;\n}\n\n.sked-info-card-w {\n  width: 400px;\n}\n\n.loading-spinner {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.loading-spinner--circular {\n  animation: rotate 1s linear infinite;\n  transform-origin: center center;\n}\n\n.loading-spinner--path {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  animation: dash 1.5s ease-in-out infinite;\n  stroke-linecap: round;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n\n.sked-tabs {\n  --border-opacity: 1;\n  border-color: #CACFD9;\n  border-color: rgba(202, 207, 217, var(--border-opacity));\n}\n\n.sked-tabs__tabs-list {\n  display: flex;\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n.sked-tabs__tabs-list--theme-sub {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sked-tabs__tabs-list--theme-global {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-tabs__dropdown-content {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  box-shadow: 0 4px 8px 0 rgba(28, 46, 72,0.10), 0 2px 4px 0 rgba(28, 46, 72,0.08);\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  border-radius: 2px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  cursor: pointer;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  width: auto;\n  min-width: 160px;\n  max-width: 260px;\n}\n\n.sked-tabs__icon-dropdown {\n  margin-left: 0.5rem;\n}\n\n.sked-tabs__icon-dropdown--theme-global {\n  opacity: 0.5;\n}\n\n.sked-tabs__icon-dropdown--active {\n  opacity: 0.75;\n}\n\n.sked-tabs__tab {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  line-height: 1.25;\n  user-select: none;\n  letter-spacing: 0.025em;\n  transition: text-shadow 0.2s;\n}\n\n.sked-tabs__tab::after {\n  position: absolute;\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n  opacity: 0;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  content: \"\";\n  height: 2px;\n  transition: opacity 0.2s;\n}\n\n.sked-tabs__sub-tab {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: .875rem;\n  user-select: none;\n  font-weight: 400;\n  line-height: 1.25;\n}\n\n.sked-tabs__sub-tab--active {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  font-weight: 600;\n}\n\n.sked-tabs__sub-tab:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-tabs--active {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  text-shadow: 0 0 0.01px ;\n}\n\n.sked-tabs--active::after {\n  opacity: 1;\n  visibility: visible;\n}\n\n.sked-tabs--focus {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  text-shadow: 0 0 0.01px ;\n}\n\n.sked-tabs--focus::after {\n  visibility: visible;\n}\n\n.sked-tabs--theme-sub {\n  padding-bottom: 0.5rem;\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  margin-bottom: -1px;\n}\n\n.sked-tabs--theme-sub:hover {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-tabs--theme-global {\n  padding-bottom: 1rem;\n  padding-top: 1rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-weight: 500;\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n}\n\n.sked-tabs--theme-global:hover {\n  --bg-opacity: 1;\n  background-color: #0070CC;\n  background-color: rgba(0, 112, 204, var(--bg-opacity));\n}\n\n.sked-tabs--theme-global-active {\n  --bg-opacity: 1;\n  background-color: #0070CC;\n  background-color: rgba(0, 112, 204, var(--bg-opacity));\n}\n\n/*----------------\n *---  Global  ---\n *----------------\n*/\n\n/*-----------------\n *---  Colours  ---\n *-----------------\n*/\n\n/*-----------------\n *---  Z-Index  ---\n *-----------------\n*/\n\n/*---------------\n *---  Fonts  ---\n *---------------\n*/\n\n.loading-throb {\n  width: 100%;\n  padding: 16px 0;\n}\n\n.loading-throb .loading-throb__bounce {\n  width: 6px;\n  height: 6px;\n  margin: 0 3px;\n  background-color: #008cff;\n  border-radius: 100%;\n  display: inline-block;\n  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n  animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.loading-throb .loading-throb__bounce--first {\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n\n.loading-throb .loading-throb__bounce--second {\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n@keyframes sk-bouncedelay {\n  0%, 80%, 100% {\n    opacity: 0.3;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n.sked-lozenge {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  border-width: 1px;\n  border-color: transparent;\n  border-style: solid;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  box-sizing: border-box;\n}\n\n.sked-lozenge--orange-text {\n  --text-opacity: 1;\n  color: #E3761C;\n  color: rgba(227, 118, 28, var(--text-opacity));\n}\n\n.sked-lozenge--orange-bg-pale {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-lozenge--orange-bg-solid {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-lozenge--green-text {\n  --text-opacity: 1;\n  color: #59B66E;\n  color: rgba(89, 182, 110, var(--text-opacity));\n}\n\n.sked-lozenge--green-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-lozenge--green-bg-solid {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-text {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sked-lozenge--neutral-bg-pale {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-bg-solid {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-light-text {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-lozenge--neutral-light-bg-pale {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-lozenge--neutral-light-bg-solid {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-lozenge--cyan-text {\n  --text-opacity: 1;\n  color: #3AA9CA;\n  color: rgba(58, 169, 202, var(--text-opacity));\n}\n\n.sked-lozenge--cyan-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--cyan-bg-solid {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-lozenge--red-text {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sked-lozenge--red-bg-pale {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-lozenge--red-bg-solid {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-lozenge--sapphire-text {\n  --text-opacity: 1;\n  color: #5891BA;\n  color: rgba(88, 145, 186, var(--text-opacity));\n}\n\n.sked-lozenge--sapphire-bg-pale {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-lozenge--sapphire-bg-solid {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-text {\n  --text-opacity: 1;\n  color: #735DD0;\n  color: rgba(115, 93, 208, var(--text-opacity));\n}\n\n.sked-lozenge--purple-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-bg-solid {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-dark-text {\n  --text-opacity: 1;\n  color: #6854BB;\n  color: rgba(104, 84, 187, var(--text-opacity));\n}\n\n.sked-lozenge--purple-dark-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-dark-bg-solid {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-darker-text {\n  --text-opacity: 1;\n  color: #5C4AA6;\n  color: rgba(92, 74, 166, var(--text-opacity));\n}\n\n.sked-lozenge--purple-darker-bg-pale {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-lozenge--purple-darker-bg-solid {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-lozenge--solid {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-lozenge--border:not(.sked-lozenge--solid) {\n  border-color: currentColor;\n}\n\n.sked-lozenge--small {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.25;\n  height: 1.5rem;\n}\n\n.sked-lozenge--medium {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.5;\n  height: 1.7rem;\n}\n\n.sked-lozenge--large {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: .875rem;\n  line-height: 1.5;\n  height: 2rem;\n}\n\n.sked-lozenge__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-custom-lozenge {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 500;\n  letter-spacing: 0.025em;\n  box-sizing: border-box;\n}\n\n.sked-custom-lozenge--text-yellow-900 {\n  --text-opacity: 1;\n  color: #A1850B;\n  color: rgba(161, 133, 11, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-900 {\n  --bg-opacity: 1;\n  background-color: #A1850B;\n  background-color: rgba(161, 133, 11, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-900:hover {\n  --bg-opacity: 1;\n  background-color: #A1850B;\n  background-color: rgba(161, 133, 11, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-900 {\n  --border-opacity: 1;\n  border-color: #A1850B;\n  border-color: rgba(161, 133, 11, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-800 {\n  --text-opacity: 1;\n  color: #B8980C;\n  color: rgba(184, 152, 12, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-800 {\n  --bg-opacity: 1;\n  background-color: #B8980C;\n  background-color: rgba(184, 152, 12, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-800:hover {\n  --bg-opacity: 1;\n  background-color: #B8980C;\n  background-color: rgba(184, 152, 12, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-800 {\n  --border-opacity: 1;\n  border-color: #B8980C;\n  border-color: rgba(184, 152, 12, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-700 {\n  --text-opacity: 1;\n  color: #CFAB0E;\n  color: rgba(207, 171, 14, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-700 {\n  --bg-opacity: 1;\n  background-color: #CFAB0E;\n  background-color: rgba(207, 171, 14, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-700:hover {\n  --bg-opacity: 1;\n  background-color: #CFAB0E;\n  background-color: rgba(207, 171, 14, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-700 {\n  --border-opacity: 1;\n  border-color: #CFAB0E;\n  border-color: rgba(207, 171, 14, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-600 {\n  --text-opacity: 1;\n  color: #E6BE0F;\n  color: rgba(230, 190, 15, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-600 {\n  --bg-opacity: 1;\n  background-color: #E6BE0F;\n  background-color: rgba(230, 190, 15, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-600:hover {\n  --bg-opacity: 1;\n  background-color: #E6BE0F;\n  background-color: rgba(230, 190, 15, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-600 {\n  --border-opacity: 1;\n  border-color: #E6BE0F;\n  border-color: rgba(230, 190, 15, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-300 {\n  --text-opacity: 1;\n  color: #F5E59F;\n  color: rgba(245, 229, 159, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-300 {\n  --bg-opacity: 1;\n  background-color: #F5E59F;\n  background-color: rgba(245, 229, 159, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-300:hover {\n  --bg-opacity: 1;\n  background-color: #F5E59F;\n  background-color: rgba(245, 229, 159, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-300 {\n  --border-opacity: 1;\n  border-color: #F5E59F;\n  border-color: rgba(245, 229, 159, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-200 {\n  --text-opacity: 1;\n  color: #FAF2CF;\n  color: rgba(250, 242, 207, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-200 {\n  --bg-opacity: 1;\n  background-color: #FAF2CF;\n  background-color: rgba(250, 242, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-200:hover {\n  --bg-opacity: 1;\n  background-color: #FAF2CF;\n  background-color: rgba(250, 242, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-200 {\n  --border-opacity: 1;\n  border-color: #FAF2CF;\n  border-color: rgba(250, 242, 207, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-yellow-100 {\n  --text-opacity: 1;\n  color: #FDF9E7;\n  color: rgba(253, 249, 231, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-yellow-100 {\n  --bg-opacity: 1;\n  background-color: #FDF9E7;\n  background-color: rgba(253, 249, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-yellow-100:hover {\n  --bg-opacity: 1;\n  background-color: #FDF9E7;\n  background-color: rgba(253, 249, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-yellow-100 {\n  --border-opacity: 1;\n  border-color: #FDF9E7;\n  border-color: rgba(253, 249, 231, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-900 {\n  --text-opacity: 1;\n  color: #9F5314;\n  color: rgba(159, 83, 20, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-900 {\n  --bg-opacity: 1;\n  background-color: #9F5314;\n  background-color: rgba(159, 83, 20, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-900:hover {\n  --bg-opacity: 1;\n  background-color: #9F5314;\n  background-color: rgba(159, 83, 20, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-900 {\n  --border-opacity: 1;\n  border-color: #9F5314;\n  border-color: rgba(159, 83, 20, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-800 {\n  --text-opacity: 1;\n  color: #B65E16;\n  color: rgba(182, 94, 22, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-800 {\n  --bg-opacity: 1;\n  background-color: #B65E16;\n  background-color: rgba(182, 94, 22, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-800:hover {\n  --bg-opacity: 1;\n  background-color: #B65E16;\n  background-color: rgba(182, 94, 22, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-800 {\n  --border-opacity: 1;\n  border-color: #B65E16;\n  border-color: rgba(182, 94, 22, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-700 {\n  --text-opacity: 1;\n  color: #CC6A19;\n  color: rgba(204, 106, 25, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-700 {\n  --bg-opacity: 1;\n  background-color: #CC6A19;\n  background-color: rgba(204, 106, 25, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-700:hover {\n  --bg-opacity: 1;\n  background-color: #CC6A19;\n  background-color: rgba(204, 106, 25, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-700 {\n  --border-opacity: 1;\n  border-color: #CC6A19;\n  border-color: rgba(204, 106, 25, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-600 {\n  --text-opacity: 1;\n  color: #E3761C;\n  color: rgba(227, 118, 28, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-600 {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-600:hover {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-600 {\n  --border-opacity: 1;\n  border-color: #E3761C;\n  border-color: rgba(227, 118, 28, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-300 {\n  --text-opacity: 1;\n  color: #F4C8A4;\n  color: rgba(244, 200, 164, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-300 {\n  --bg-opacity: 1;\n  background-color: #F4C8A4;\n  background-color: rgba(244, 200, 164, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-300:hover {\n  --bg-opacity: 1;\n  background-color: #F4C8A4;\n  background-color: rgba(244, 200, 164, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-300 {\n  --border-opacity: 1;\n  border-color: #F4C8A4;\n  border-color: rgba(244, 200, 164, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-200 {\n  --text-opacity: 1;\n  color: #F9E4D2;\n  color: rgba(249, 228, 210, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-200 {\n  --bg-opacity: 1;\n  background-color: #F9E4D2;\n  background-color: rgba(249, 228, 210, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-200:hover {\n  --bg-opacity: 1;\n  background-color: #F9E4D2;\n  background-color: rgba(249, 228, 210, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-200 {\n  --border-opacity: 1;\n  border-color: #F9E4D2;\n  border-color: rgba(249, 228, 210, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-orange-100 {\n  --text-opacity: 1;\n  color: #FCF1E8;\n  color: rgba(252, 241, 232, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-orange-100 {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-orange-100:hover {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-orange-100 {\n  --border-opacity: 1;\n  border-color: #FCF1E8;\n  border-color: rgba(252, 241, 232, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-900 {\n  --text-opacity: 1;\n  color: #952A22;\n  color: rgba(149, 42, 34, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-900 {\n  --bg-opacity: 1;\n  background-color: #952A22;\n  background-color: rgba(149, 42, 34, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-900:hover {\n  --bg-opacity: 1;\n  background-color: #952A22;\n  background-color: rgba(149, 42, 34, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-900 {\n  --border-opacity: 1;\n  border-color: #952A22;\n  border-color: rgba(149, 42, 34, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-800 {\n  --text-opacity: 1;\n  color: #AA3026;\n  color: rgba(170, 48, 38, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-800 {\n  --bg-opacity: 1;\n  background-color: #AA3026;\n  background-color: rgba(170, 48, 38, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-800:hover {\n  --bg-opacity: 1;\n  background-color: #AA3026;\n  background-color: rgba(170, 48, 38, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-800 {\n  --border-opacity: 1;\n  border-color: #AA3026;\n  border-color: rgba(170, 48, 38, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-700 {\n  --text-opacity: 1;\n  color: #C0362B;\n  color: rgba(192, 54, 43, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-700 {\n  --bg-opacity: 1;\n  background-color: #C0362B;\n  background-color: rgba(192, 54, 43, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-700:hover {\n  --bg-opacity: 1;\n  background-color: #C0362B;\n  background-color: rgba(192, 54, 43, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-700 {\n  --border-opacity: 1;\n  border-color: #C0362B;\n  border-color: rgba(192, 54, 43, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-600 {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-600 {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-600:hover {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-600 {\n  --border-opacity: 1;\n  border-color: #D53C30;\n  border-color: rgba(213, 60, 48, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-300 {\n  --text-opacity: 1;\n  color: #EEB1AC;\n  color: rgba(238, 177, 172, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-300 {\n  --bg-opacity: 1;\n  background-color: #EEB1AC;\n  background-color: rgba(238, 177, 172, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-300:hover {\n  --bg-opacity: 1;\n  background-color: #EEB1AC;\n  background-color: rgba(238, 177, 172, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-300 {\n  --border-opacity: 1;\n  border-color: #EEB1AC;\n  border-color: rgba(238, 177, 172, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-200 {\n  --text-opacity: 1;\n  color: #F7D8D6;\n  color: rgba(247, 216, 214, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-200 {\n  --bg-opacity: 1;\n  background-color: #F7D8D6;\n  background-color: rgba(247, 216, 214, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-200:hover {\n  --bg-opacity: 1;\n  background-color: #F7D8D6;\n  background-color: rgba(247, 216, 214, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-200 {\n  --border-opacity: 1;\n  border-color: #F7D8D6;\n  border-color: rgba(247, 216, 214, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-red-100 {\n  --text-opacity: 1;\n  color: #FBECEA;\n  color: rgba(251, 236, 234, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-red-100 {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-red-100:hover {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-red-100 {\n  --border-opacity: 1;\n  border-color: #FBECEA;\n  border-color: rgba(251, 236, 234, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-900 {\n  --text-opacity: 1;\n  color: #832358;\n  color: rgba(131, 35, 88, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-900 {\n  --bg-opacity: 1;\n  background-color: #832358;\n  background-color: rgba(131, 35, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-900:hover {\n  --bg-opacity: 1;\n  background-color: #832358;\n  background-color: rgba(131, 35, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-900 {\n  --border-opacity: 1;\n  border-color: #832358;\n  border-color: rgba(131, 35, 88, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-800 {\n  --text-opacity: 1;\n  color: #962864;\n  color: rgba(150, 40, 100, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-800 {\n  --bg-opacity: 1;\n  background-color: #962864;\n  background-color: rgba(150, 40, 100, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-800:hover {\n  --bg-opacity: 1;\n  background-color: #962864;\n  background-color: rgba(150, 40, 100, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-800 {\n  --border-opacity: 1;\n  border-color: #962864;\n  border-color: rgba(150, 40, 100, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-700 {\n  --text-opacity: 1;\n  color: #A82D71;\n  color: rgba(168, 45, 113, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-700 {\n  --bg-opacity: 1;\n  background-color: #A82D71;\n  background-color: rgba(168, 45, 113, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-700:hover {\n  --bg-opacity: 1;\n  background-color: #A82D71;\n  background-color: rgba(168, 45, 113, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-700 {\n  --border-opacity: 1;\n  border-color: #A82D71;\n  border-color: rgba(168, 45, 113, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-600 {\n  --text-opacity: 1;\n  color: #BB327D;\n  color: rgba(187, 50, 125, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-600 {\n  --bg-opacity: 1;\n  background-color: #BB327D;\n  background-color: rgba(187, 50, 125, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-600:hover {\n  --bg-opacity: 1;\n  background-color: #BB327D;\n  background-color: rgba(187, 50, 125, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-600 {\n  --border-opacity: 1;\n  border-color: #BB327D;\n  border-color: rgba(187, 50, 125, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-300 {\n  --text-opacity: 1;\n  color: #E4ADCB;\n  color: rgba(228, 173, 203, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-300 {\n  --bg-opacity: 1;\n  background-color: #E4ADCB;\n  background-color: rgba(228, 173, 203, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-300:hover {\n  --bg-opacity: 1;\n  background-color: #E4ADCB;\n  background-color: rgba(228, 173, 203, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-300 {\n  --border-opacity: 1;\n  border-color: #E4ADCB;\n  border-color: rgba(228, 173, 203, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-200 {\n  --text-opacity: 1;\n  color: #F1D6E5;\n  color: rgba(241, 214, 229, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-200 {\n  --bg-opacity: 1;\n  background-color: #F1D6E5;\n  background-color: rgba(241, 214, 229, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-200:hover {\n  --bg-opacity: 1;\n  background-color: #F1D6E5;\n  background-color: rgba(241, 214, 229, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-200 {\n  --border-opacity: 1;\n  border-color: #F1D6E5;\n  border-color: rgba(241, 214, 229, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-pink-100 {\n  --text-opacity: 1;\n  color: #F8EBF2;\n  color: rgba(248, 235, 242, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-pink-100 {\n  --bg-opacity: 1;\n  background-color: #F8EBF2;\n  background-color: rgba(248, 235, 242, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-pink-100:hover {\n  --bg-opacity: 1;\n  background-color: #F8EBF2;\n  background-color: rgba(248, 235, 242, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-pink-100 {\n  --border-opacity: 1;\n  border-color: #F8EBF2;\n  border-color: rgba(248, 235, 242, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-900 {\n  --text-opacity: 1;\n  color: #89374A;\n  color: rgba(137, 55, 74, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-900 {\n  --bg-opacity: 1;\n  background-color: #89374A;\n  background-color: rgba(137, 55, 74, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-900:hover {\n  --bg-opacity: 1;\n  background-color: #89374A;\n  background-color: rgba(137, 55, 74, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-900 {\n  --border-opacity: 1;\n  border-color: #89374A;\n  border-color: rgba(137, 55, 74, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-800 {\n  --text-opacity: 1;\n  color: #9D3F55;\n  color: rgba(157, 63, 85, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-800 {\n  --bg-opacity: 1;\n  background-color: #9D3F55;\n  background-color: rgba(157, 63, 85, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-800:hover {\n  --bg-opacity: 1;\n  background-color: #9D3F55;\n  background-color: rgba(157, 63, 85, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-800 {\n  --border-opacity: 1;\n  border-color: #9D3F55;\n  border-color: rgba(157, 63, 85, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-700 {\n  --text-opacity: 1;\n  color: #B0475F;\n  color: rgba(176, 71, 95, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-700 {\n  --bg-opacity: 1;\n  background-color: #B0475F;\n  background-color: rgba(176, 71, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-700:hover {\n  --bg-opacity: 1;\n  background-color: #B0475F;\n  background-color: rgba(176, 71, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-700 {\n  --border-opacity: 1;\n  border-color: #B0475F;\n  border-color: rgba(176, 71, 95, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-600 {\n  --text-opacity: 1;\n  color: #C44F6A;\n  color: rgba(196, 79, 106, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-600 {\n  --bg-opacity: 1;\n  background-color: #C44F6A;\n  background-color: rgba(196, 79, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-600:hover {\n  --bg-opacity: 1;\n  background-color: #C44F6A;\n  background-color: rgba(196, 79, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-600 {\n  --border-opacity: 1;\n  border-color: #C44F6A;\n  border-color: rgba(196, 79, 106, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-300 {\n  --text-opacity: 1;\n  color: #E7B9C3;\n  color: rgba(231, 185, 195, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-300 {\n  --bg-opacity: 1;\n  background-color: #E7B9C3;\n  background-color: rgba(231, 185, 195, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-300:hover {\n  --bg-opacity: 1;\n  background-color: #E7B9C3;\n  background-color: rgba(231, 185, 195, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-300 {\n  --border-opacity: 1;\n  border-color: #E7B9C3;\n  border-color: rgba(231, 185, 195, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-200 {\n  --text-opacity: 1;\n  color: #F3DCE1;\n  color: rgba(243, 220, 225, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-200 {\n  --bg-opacity: 1;\n  background-color: #F3DCE1;\n  background-color: rgba(243, 220, 225, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3DCE1;\n  background-color: rgba(243, 220, 225, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-200 {\n  --border-opacity: 1;\n  border-color: #F3DCE1;\n  border-color: rgba(243, 220, 225, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-rose-100 {\n  --text-opacity: 1;\n  color: #F9EDF0;\n  color: rgba(249, 237, 240, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-rose-100 {\n  --bg-opacity: 1;\n  background-color: #F9EDF0;\n  background-color: rgba(249, 237, 240, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-rose-100:hover {\n  --bg-opacity: 1;\n  background-color: #F9EDF0;\n  background-color: rgba(249, 237, 240, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-rose-100 {\n  --border-opacity: 1;\n  border-color: #F9EDF0;\n  border-color: rgba(249, 237, 240, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-900 {\n  --text-opacity: 1;\n  color: #4F2B3F;\n  color: rgba(79, 43, 63, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-900 {\n  --bg-opacity: 1;\n  background-color: #4F2B3F;\n  background-color: rgba(79, 43, 63, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-900:hover {\n  --bg-opacity: 1;\n  background-color: #4F2B3F;\n  background-color: rgba(79, 43, 63, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-900 {\n  --border-opacity: 1;\n  border-color: #4F2B3F;\n  border-color: rgba(79, 43, 63, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-800 {\n  --text-opacity: 1;\n  color: #5A3248;\n  color: rgba(90, 50, 72, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-800 {\n  --bg-opacity: 1;\n  background-color: #5A3248;\n  background-color: rgba(90, 50, 72, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-800:hover {\n  --bg-opacity: 1;\n  background-color: #5A3248;\n  background-color: rgba(90, 50, 72, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-800 {\n  --border-opacity: 1;\n  border-color: #5A3248;\n  border-color: rgba(90, 50, 72, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-700 {\n  --text-opacity: 1;\n  color: #663851;\n  color: rgba(102, 56, 81, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-700 {\n  --bg-opacity: 1;\n  background-color: #663851;\n  background-color: rgba(102, 56, 81, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-700:hover {\n  --bg-opacity: 1;\n  background-color: #663851;\n  background-color: rgba(102, 56, 81, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-700 {\n  --border-opacity: 1;\n  border-color: #663851;\n  border-color: rgba(102, 56, 81, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-600 {\n  --text-opacity: 1;\n  color: #713E5A;\n  color: rgba(113, 62, 90, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-600 {\n  --bg-opacity: 1;\n  background-color: #713E5A;\n  background-color: rgba(113, 62, 90, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-600:hover {\n  --bg-opacity: 1;\n  background-color: #713E5A;\n  background-color: rgba(113, 62, 90, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-600 {\n  --border-opacity: 1;\n  border-color: #713E5A;\n  border-color: rgba(113, 62, 90, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-300 {\n  --text-opacity: 1;\n  color: #C6B2BD;\n  color: rgba(198, 178, 189, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-300 {\n  --bg-opacity: 1;\n  background-color: #C6B2BD;\n  background-color: rgba(198, 178, 189, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-300:hover {\n  --bg-opacity: 1;\n  background-color: #C6B2BD;\n  background-color: rgba(198, 178, 189, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-300 {\n  --border-opacity: 1;\n  border-color: #C6B2BD;\n  border-color: rgba(198, 178, 189, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-200 {\n  --text-opacity: 1;\n  color: #E3D8DE;\n  color: rgba(227, 216, 222, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-200 {\n  --bg-opacity: 1;\n  background-color: #E3D8DE;\n  background-color: rgba(227, 216, 222, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-200:hover {\n  --bg-opacity: 1;\n  background-color: #E3D8DE;\n  background-color: rgba(227, 216, 222, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-200 {\n  --border-opacity: 1;\n  border-color: #E3D8DE;\n  border-color: rgba(227, 216, 222, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-maroon-100 {\n  --text-opacity: 1;\n  color: #F1ECEF;\n  color: rgba(241, 236, 239, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-maroon-100 {\n  --bg-opacity: 1;\n  background-color: #F1ECEF;\n  background-color: rgba(241, 236, 239, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-maroon-100:hover {\n  --bg-opacity: 1;\n  background-color: #F1ECEF;\n  background-color: rgba(241, 236, 239, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-maroon-100 {\n  --border-opacity: 1;\n  border-color: #F1ECEF;\n  border-color: rgba(241, 236, 239, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-900 {\n  --text-opacity: 1;\n  color: #3E7F4D;\n  color: rgba(62, 127, 77, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-900 {\n  --bg-opacity: 1;\n  background-color: #3E7F4D;\n  background-color: rgba(62, 127, 77, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-900:hover {\n  --bg-opacity: 1;\n  background-color: #3E7F4D;\n  background-color: rgba(62, 127, 77, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-900 {\n  --border-opacity: 1;\n  border-color: #3E7F4D;\n  border-color: rgba(62, 127, 77, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-800 {\n  --text-opacity: 1;\n  color: #479258;\n  color: rgba(71, 146, 88, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-800 {\n  --bg-opacity: 1;\n  background-color: #479258;\n  background-color: rgba(71, 146, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-800:hover {\n  --bg-opacity: 1;\n  background-color: #479258;\n  background-color: rgba(71, 146, 88, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-800 {\n  --border-opacity: 1;\n  border-color: #479258;\n  border-color: rgba(71, 146, 88, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-700 {\n  --text-opacity: 1;\n  color: #50A463;\n  color: rgba(80, 164, 99, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-700 {\n  --bg-opacity: 1;\n  background-color: #50A463;\n  background-color: rgba(80, 164, 99, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-700:hover {\n  --bg-opacity: 1;\n  background-color: #50A463;\n  background-color: rgba(80, 164, 99, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-700 {\n  --border-opacity: 1;\n  border-color: #50A463;\n  border-color: rgba(80, 164, 99, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-600 {\n  --text-opacity: 1;\n  color: #59B66E;\n  color: rgba(89, 182, 110, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-600 {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-600:hover {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-600 {\n  --border-opacity: 1;\n  border-color: #59B66E;\n  border-color: rgba(89, 182, 110, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-300 {\n  --text-opacity: 1;\n  color: #BDE2C5;\n  color: rgba(189, 226, 197, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-300 {\n  --bg-opacity: 1;\n  background-color: #BDE2C5;\n  background-color: rgba(189, 226, 197, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-300:hover {\n  --bg-opacity: 1;\n  background-color: #BDE2C5;\n  background-color: rgba(189, 226, 197, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-300 {\n  --border-opacity: 1;\n  border-color: #BDE2C5;\n  border-color: rgba(189, 226, 197, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-200 {\n  --text-opacity: 1;\n  color: #DEF0E2;\n  color: rgba(222, 240, 226, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-200 {\n  --bg-opacity: 1;\n  background-color: #DEF0E2;\n  background-color: rgba(222, 240, 226, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-200:hover {\n  --bg-opacity: 1;\n  background-color: #DEF0E2;\n  background-color: rgba(222, 240, 226, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-200 {\n  --border-opacity: 1;\n  border-color: #DEF0E2;\n  border-color: rgba(222, 240, 226, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-green-100 {\n  --text-opacity: 1;\n  color: #EEF8F1;\n  color: rgba(238, 248, 241, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-green-100 {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-green-100:hover {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-green-100 {\n  --border-opacity: 1;\n  border-color: #EEF8F1;\n  border-color: rgba(238, 248, 241, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-900 {\n  --text-opacity: 1;\n  color: #577D2E;\n  color: rgba(87, 125, 46, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-900 {\n  --bg-opacity: 1;\n  background-color: #577D2E;\n  background-color: rgba(87, 125, 46, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-900:hover {\n  --bg-opacity: 1;\n  background-color: #577D2E;\n  background-color: rgba(87, 125, 46, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-900 {\n  --border-opacity: 1;\n  border-color: #577D2E;\n  border-color: rgba(87, 125, 46, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-800 {\n  --text-opacity: 1;\n  color: #638F35;\n  color: rgba(99, 143, 53, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-800 {\n  --bg-opacity: 1;\n  background-color: #638F35;\n  background-color: rgba(99, 143, 53, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-800:hover {\n  --bg-opacity: 1;\n  background-color: #638F35;\n  background-color: rgba(99, 143, 53, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-800 {\n  --border-opacity: 1;\n  border-color: #638F35;\n  border-color: rgba(99, 143, 53, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-700 {\n  --text-opacity: 1;\n  color: #70A13B;\n  color: rgba(112, 161, 59, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-700 {\n  --bg-opacity: 1;\n  background-color: #70A13B;\n  background-color: rgba(112, 161, 59, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-700:hover {\n  --bg-opacity: 1;\n  background-color: #70A13B;\n  background-color: rgba(112, 161, 59, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-700 {\n  --border-opacity: 1;\n  border-color: #70A13B;\n  border-color: rgba(112, 161, 59, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-600 {\n  --text-opacity: 1;\n  color: #7CB342;\n  color: rgba(124, 179, 66, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-600 {\n  --bg-opacity: 1;\n  background-color: #7CB342;\n  background-color: rgba(124, 179, 66, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-600:hover {\n  --bg-opacity: 1;\n  background-color: #7CB342;\n  background-color: rgba(124, 179, 66, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-600 {\n  --border-opacity: 1;\n  border-color: #7CB342;\n  border-color: rgba(124, 179, 66, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-300 {\n  --text-opacity: 1;\n  color: #CBE1B3;\n  color: rgba(203, 225, 179, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-300 {\n  --bg-opacity: 1;\n  background-color: #CBE1B3;\n  background-color: rgba(203, 225, 179, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-300:hover {\n  --bg-opacity: 1;\n  background-color: #CBE1B3;\n  background-color: rgba(203, 225, 179, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-300 {\n  --border-opacity: 1;\n  border-color: #CBE1B3;\n  border-color: rgba(203, 225, 179, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-200 {\n  --text-opacity: 1;\n  color: #E5F0D9;\n  color: rgba(229, 240, 217, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-200 {\n  --bg-opacity: 1;\n  background-color: #E5F0D9;\n  background-color: rgba(229, 240, 217, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-200:hover {\n  --bg-opacity: 1;\n  background-color: #E5F0D9;\n  background-color: rgba(229, 240, 217, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-200 {\n  --border-opacity: 1;\n  border-color: #E5F0D9;\n  border-color: rgba(229, 240, 217, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-lime-100 {\n  --text-opacity: 1;\n  color: #F2F7EC;\n  color: rgba(242, 247, 236, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-lime-100 {\n  --bg-opacity: 1;\n  background-color: #F2F7EC;\n  background-color: rgba(242, 247, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-lime-100:hover {\n  --bg-opacity: 1;\n  background-color: #F2F7EC;\n  background-color: rgba(242, 247, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-lime-100 {\n  --border-opacity: 1;\n  border-color: #F2F7EC;\n  border-color: rgba(242, 247, 236, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-900 {\n  --text-opacity: 1;\n  color: #19675F;\n  color: rgba(25, 103, 95, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-900 {\n  --bg-opacity: 1;\n  background-color: #19675F;\n  background-color: rgba(25, 103, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-900:hover {\n  --bg-opacity: 1;\n  background-color: #19675F;\n  background-color: rgba(25, 103, 95, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-900 {\n  --border-opacity: 1;\n  border-color: #19675F;\n  border-color: rgba(25, 103, 95, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-800 {\n  --text-opacity: 1;\n  color: #1D766C;\n  color: rgba(29, 118, 108, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-800 {\n  --bg-opacity: 1;\n  background-color: #1D766C;\n  background-color: rgba(29, 118, 108, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-800:hover {\n  --bg-opacity: 1;\n  background-color: #1D766C;\n  background-color: rgba(29, 118, 108, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-800 {\n  --border-opacity: 1;\n  border-color: #1D766C;\n  border-color: rgba(29, 118, 108, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-700 {\n  --text-opacity: 1;\n  color: #20847A;\n  color: rgba(32, 132, 122, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-700 {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-700:hover {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-700 {\n  --border-opacity: 1;\n  border-color: #20847A;\n  border-color: rgba(32, 132, 122, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-600 {\n  --text-opacity: 1;\n  color: #249387;\n  color: rgba(36, 147, 135, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-600 {\n  --bg-opacity: 1;\n  background-color: #249387;\n  background-color: rgba(36, 147, 135, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-600:hover {\n  --bg-opacity: 1;\n  background-color: #249387;\n  background-color: rgba(36, 147, 135, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-600 {\n  --border-opacity: 1;\n  border-color: #249387;\n  border-color: rgba(36, 147, 135, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-300 {\n  --text-opacity: 1;\n  color: #A7D4CF;\n  color: rgba(167, 212, 207, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-300 {\n  --bg-opacity: 1;\n  background-color: #A7D4CF;\n  background-color: rgba(167, 212, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-300:hover {\n  --bg-opacity: 1;\n  background-color: #A7D4CF;\n  background-color: rgba(167, 212, 207, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-300 {\n  --border-opacity: 1;\n  border-color: #A7D4CF;\n  border-color: rgba(167, 212, 207, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-200 {\n  --text-opacity: 1;\n  color: #D3E9E7;\n  color: rgba(211, 233, 231, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-200 {\n  --bg-opacity: 1;\n  background-color: #D3E9E7;\n  background-color: rgba(211, 233, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-200:hover {\n  --bg-opacity: 1;\n  background-color: #D3E9E7;\n  background-color: rgba(211, 233, 231, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-200 {\n  --border-opacity: 1;\n  border-color: #D3E9E7;\n  border-color: rgba(211, 233, 231, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-teal-100 {\n  --text-opacity: 1;\n  color: #E9F4F3;\n  color: rgba(233, 244, 243, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-teal-100 {\n  --bg-opacity: 1;\n  background-color: #E9F4F3;\n  background-color: rgba(233, 244, 243, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-teal-100:hover {\n  --bg-opacity: 1;\n  background-color: #E9F4F3;\n  background-color: rgba(233, 244, 243, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-teal-100 {\n  --border-opacity: 1;\n  border-color: #E9F4F3;\n  border-color: rgba(233, 244, 243, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-900 {\n  --text-opacity: 1;\n  color: #29768D;\n  color: rgba(41, 118, 141, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-900 {\n  --bg-opacity: 1;\n  background-color: #29768D;\n  background-color: rgba(41, 118, 141, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-900:hover {\n  --bg-opacity: 1;\n  background-color: #29768D;\n  background-color: rgba(41, 118, 141, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-900 {\n  --border-opacity: 1;\n  border-color: #29768D;\n  border-color: rgba(41, 118, 141, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-800 {\n  --text-opacity: 1;\n  color: #2E87A2;\n  color: rgba(46, 135, 162, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-800 {\n  --bg-opacity: 1;\n  background-color: #2E87A2;\n  background-color: rgba(46, 135, 162, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-800:hover {\n  --bg-opacity: 1;\n  background-color: #2E87A2;\n  background-color: rgba(46, 135, 162, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-800 {\n  --border-opacity: 1;\n  border-color: #2E87A2;\n  border-color: rgba(46, 135, 162, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-700 {\n  --text-opacity: 1;\n  color: #3498B6;\n  color: rgba(52, 152, 182, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-700 {\n  --bg-opacity: 1;\n  background-color: #3498B6;\n  background-color: rgba(52, 152, 182, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-700:hover {\n  --bg-opacity: 1;\n  background-color: #3498B6;\n  background-color: rgba(52, 152, 182, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-700 {\n  --border-opacity: 1;\n  border-color: #3498B6;\n  border-color: rgba(52, 152, 182, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-600 {\n  --text-opacity: 1;\n  color: #3AA9CA;\n  color: rgba(58, 169, 202, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-600 {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-600:hover {\n  --bg-opacity: 1;\n  background-color: #3AA9CA;\n  background-color: rgba(58, 169, 202, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-600 {\n  --border-opacity: 1;\n  border-color: #3AA9CA;\n  border-color: rgba(58, 169, 202, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-300 {\n  --text-opacity: 1;\n  color: #B0DDEA;\n  color: rgba(176, 221, 234, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-300 {\n  --bg-opacity: 1;\n  background-color: #B0DDEA;\n  background-color: rgba(176, 221, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-300:hover {\n  --bg-opacity: 1;\n  background-color: #B0DDEA;\n  background-color: rgba(176, 221, 234, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-300 {\n  --border-opacity: 1;\n  border-color: #B0DDEA;\n  border-color: rgba(176, 221, 234, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-200 {\n  --text-opacity: 1;\n  color: #D8EEF4;\n  color: rgba(216, 238, 244, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-200 {\n  --bg-opacity: 1;\n  background-color: #D8EEF4;\n  background-color: rgba(216, 238, 244, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-200:hover {\n  --bg-opacity: 1;\n  background-color: #D8EEF4;\n  background-color: rgba(216, 238, 244, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-200 {\n  --border-opacity: 1;\n  border-color: #D8EEF4;\n  border-color: rgba(216, 238, 244, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-cyan-100 {\n  --text-opacity: 1;\n  color: #EBF6FA;\n  color: rgba(235, 246, 250, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-cyan-100 {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-cyan-100:hover {\n  --bg-opacity: 1;\n  background-color: #EBF6FA;\n  background-color: rgba(235, 246, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-cyan-100 {\n  --border-opacity: 1;\n  border-color: #EBF6FA;\n  border-color: rgba(235, 246, 250, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-900 {\n  --text-opacity: 1;\n  color: #3E6682;\n  color: rgba(62, 102, 130, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-900 {\n  --bg-opacity: 1;\n  background-color: #3E6682;\n  background-color: rgba(62, 102, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-900:hover {\n  --bg-opacity: 1;\n  background-color: #3E6682;\n  background-color: rgba(62, 102, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-900 {\n  --border-opacity: 1;\n  border-color: #3E6682;\n  border-color: rgba(62, 102, 130, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-800 {\n  --text-opacity: 1;\n  color: #4F83A7;\n  color: rgba(79, 131, 167, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-800 {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-800:hover {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-800 {\n  --border-opacity: 1;\n  border-color: #4F83A7;\n  border-color: rgba(79, 131, 167, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-700 {\n  --text-opacity: 1;\n  color: #4F83A7;\n  color: rgba(79, 131, 167, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-700 {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-700:hover {\n  --bg-opacity: 1;\n  background-color: #4F83A7;\n  background-color: rgba(79, 131, 167, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-700 {\n  --border-opacity: 1;\n  border-color: #4F83A7;\n  border-color: rgba(79, 131, 167, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-600 {\n  --text-opacity: 1;\n  color: #5891BA;\n  color: rgba(88, 145, 186, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-600 {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-600:hover {\n  --bg-opacity: 1;\n  background-color: #5891BA;\n  background-color: rgba(88, 145, 186, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-600 {\n  --border-opacity: 1;\n  border-color: #5891BA;\n  border-color: rgba(88, 145, 186, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-300 {\n  --text-opacity: 1;\n  color: #BCD3E3;\n  color: rgba(188, 211, 227, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-300 {\n  --bg-opacity: 1;\n  background-color: #BCD3E3;\n  background-color: rgba(188, 211, 227, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-300:hover {\n  --bg-opacity: 1;\n  background-color: #BCD3E3;\n  background-color: rgba(188, 211, 227, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-300 {\n  --border-opacity: 1;\n  border-color: #BCD3E3;\n  border-color: rgba(188, 211, 227, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-200 {\n  --text-opacity: 1;\n  color: #DEE9F1;\n  color: rgba(222, 233, 241, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-200 {\n  --bg-opacity: 1;\n  background-color: #DEE9F1;\n  background-color: rgba(222, 233, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-200:hover {\n  --bg-opacity: 1;\n  background-color: #DEE9F1;\n  background-color: rgba(222, 233, 241, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-200 {\n  --border-opacity: 1;\n  border-color: #DEE9F1;\n  border-color: rgba(222, 233, 241, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-sapphire-100 {\n  --text-opacity: 1;\n  color: #EEF4F8;\n  color: rgba(238, 244, 248, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-sapphire-100 {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-sapphire-100:hover {\n  --bg-opacity: 1;\n  background-color: #EEF4F8;\n  background-color: rgba(238, 244, 248, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-sapphire-100 {\n  --border-opacity: 1;\n  border-color: #EEF4F8;\n  border-color: rgba(238, 244, 248, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-900 {\n  --text-opacity: 1;\n  color: #514192;\n  color: rgba(81, 65, 146, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-900 {\n  --bg-opacity: 1;\n  background-color: #514192;\n  background-color: rgba(81, 65, 146, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-900:hover {\n  --bg-opacity: 1;\n  background-color: #514192;\n  background-color: rgba(81, 65, 146, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-900 {\n  --border-opacity: 1;\n  border-color: #514192;\n  border-color: rgba(81, 65, 146, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-800 {\n  --text-opacity: 1;\n  color: #5C4AA6;\n  color: rgba(92, 74, 166, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-800 {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-800:hover {\n  --bg-opacity: 1;\n  background-color: #5C4AA6;\n  background-color: rgba(92, 74, 166, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-800 {\n  --border-opacity: 1;\n  border-color: #5C4AA6;\n  border-color: rgba(92, 74, 166, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-700 {\n  --text-opacity: 1;\n  color: #6854BB;\n  color: rgba(104, 84, 187, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-700 {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-700:hover {\n  --bg-opacity: 1;\n  background-color: #6854BB;\n  background-color: rgba(104, 84, 187, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-700 {\n  --border-opacity: 1;\n  border-color: #6854BB;\n  border-color: rgba(104, 84, 187, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-600 {\n  --text-opacity: 1;\n  color: #735DD0;\n  color: rgba(115, 93, 208, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-600 {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-600:hover {\n  --bg-opacity: 1;\n  background-color: #735DD0;\n  background-color: rgba(115, 93, 208, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-600 {\n  --border-opacity: 1;\n  border-color: #735DD0;\n  border-color: rgba(115, 93, 208, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-300 {\n  --text-opacity: 1;\n  color: #C7BEEC;\n  color: rgba(199, 190, 236, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-300 {\n  --bg-opacity: 1;\n  background-color: #C7BEEC;\n  background-color: rgba(199, 190, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-300:hover {\n  --bg-opacity: 1;\n  background-color: #C7BEEC;\n  background-color: rgba(199, 190, 236, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-300 {\n  --border-opacity: 1;\n  border-color: #C7BEEC;\n  border-color: rgba(199, 190, 236, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-200 {\n  --text-opacity: 1;\n  color: #E3DFF6;\n  color: rgba(227, 223, 246, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-200 {\n  --bg-opacity: 1;\n  background-color: #E3DFF6;\n  background-color: rgba(227, 223, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-200:hover {\n  --bg-opacity: 1;\n  background-color: #E3DFF6;\n  background-color: rgba(227, 223, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-200 {\n  --border-opacity: 1;\n  border-color: #E3DFF6;\n  border-color: rgba(227, 223, 246, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-purple-100 {\n  --text-opacity: 1;\n  color: #F1EFFA;\n  color: rgba(241, 239, 250, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-purple-100 {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-purple-100:hover {\n  --bg-opacity: 1;\n  background-color: #F1EFFA;\n  background-color: rgba(241, 239, 250, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-purple-100 {\n  --border-opacity: 1;\n  border-color: #F1EFFA;\n  border-color: rgba(241, 239, 250, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-900 {\n  --text-opacity: 1;\n  color: #2F3976;\n  color: rgba(47, 57, 118, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-900 {\n  --bg-opacity: 1;\n  background-color: #2F3976;\n  background-color: rgba(47, 57, 118, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-900:hover {\n  --bg-opacity: 1;\n  background-color: #2F3976;\n  background-color: rgba(47, 57, 118, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-900 {\n  --border-opacity: 1;\n  border-color: #2F3976;\n  border-color: rgba(47, 57, 118, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-800 {\n  --text-opacity: 1;\n  color: #364286;\n  color: rgba(54, 66, 134, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-800 {\n  --bg-opacity: 1;\n  background-color: #364286;\n  background-color: rgba(54, 66, 134, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-800:hover {\n  --bg-opacity: 1;\n  background-color: #364286;\n  background-color: rgba(54, 66, 134, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-800 {\n  --border-opacity: 1;\n  border-color: #364286;\n  border-color: rgba(54, 66, 134, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-700 {\n  --text-opacity: 1;\n  color: #3C4A97;\n  color: rgba(60, 74, 151, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-700 {\n  --bg-opacity: 1;\n  background-color: #3C4A97;\n  background-color: rgba(60, 74, 151, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-700:hover {\n  --bg-opacity: 1;\n  background-color: #3C4A97;\n  background-color: rgba(60, 74, 151, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-700 {\n  --border-opacity: 1;\n  border-color: #3C4A97;\n  border-color: rgba(60, 74, 151, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-600 {\n  --text-opacity: 1;\n  color: #4352A8;\n  color: rgba(67, 82, 168, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-600 {\n  --bg-opacity: 1;\n  background-color: #4352A8;\n  background-color: rgba(67, 82, 168, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-600:hover {\n  --bg-opacity: 1;\n  background-color: #4352A8;\n  background-color: rgba(67, 82, 168, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-600 {\n  --border-opacity: 1;\n  border-color: #4352A8;\n  border-color: rgba(67, 82, 168, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-300 {\n  --text-opacity: 1;\n  color: #B4BADC;\n  color: rgba(180, 186, 220, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-300 {\n  --bg-opacity: 1;\n  background-color: #B4BADC;\n  background-color: rgba(180, 186, 220, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-300:hover {\n  --bg-opacity: 1;\n  background-color: #B4BADC;\n  background-color: rgba(180, 186, 220, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-300 {\n  --border-opacity: 1;\n  border-color: #B4BADC;\n  border-color: rgba(180, 186, 220, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-200 {\n  --text-opacity: 1;\n  color: #D9DCEE;\n  color: rgba(217, 220, 238, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-200 {\n  --bg-opacity: 1;\n  background-color: #D9DCEE;\n  background-color: rgba(217, 220, 238, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-200:hover {\n  --bg-opacity: 1;\n  background-color: #D9DCEE;\n  background-color: rgba(217, 220, 238, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-200 {\n  --border-opacity: 1;\n  border-color: #D9DCEE;\n  border-color: rgba(217, 220, 238, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-indigo-100 {\n  --text-opacity: 1;\n  color: #ECEEF6;\n  color: rgba(236, 238, 246, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-indigo-100 {\n  --bg-opacity: 1;\n  background-color: #ECEEF6;\n  background-color: rgba(236, 238, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-indigo-100:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF6;\n  background-color: rgba(236, 238, 246, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-indigo-100 {\n  --border-opacity: 1;\n  border-color: #ECEEF6;\n  border-color: rgba(236, 238, 246, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-900 {\n  --text-opacity: 1;\n  color: #1B263A;\n  color: rgba(27, 38, 58, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-900 {\n  --bg-opacity: 1;\n  background-color: #1B263A;\n  background-color: rgba(27, 38, 58, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-900:hover {\n  --bg-opacity: 1;\n  background-color: #1B263A;\n  background-color: rgba(27, 38, 58, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-900 {\n  --border-opacity: 1;\n  border-color: #1B263A;\n  border-color: rgba(27, 38, 58, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-850 {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-850 {\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-850:hover {\n  --bg-opacity: 1;\n  background-color: #223049;\n  background-color: rgba(34, 48, 73, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-850 {\n  --border-opacity: 1;\n  border-color: #223049;\n  border-color: rgba(34, 48, 73, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-800 {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-800 {\n  --bg-opacity: 1;\n  background-color: #364359;\n  background-color: rgba(54, 67, 89, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-800:hover {\n  --bg-opacity: 1;\n  background-color: #364359;\n  background-color: rgba(54, 67, 89, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-800 {\n  --border-opacity: 1;\n  border-color: #364359;\n  border-color: rgba(54, 67, 89, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-750 {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-750 {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-750:hover {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-750 {\n  --border-opacity: 1;\n  border-color: #4A556A;\n  border-color: rgba(74, 85, 106, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-700 {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-700 {\n  --bg-opacity: 1;\n  background-color: #5E687A;\n  background-color: rgba(94, 104, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-700:hover {\n  --bg-opacity: 1;\n  background-color: #5E687A;\n  background-color: rgba(94, 104, 122, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-700 {\n  --border-opacity: 1;\n  border-color: #5E687A;\n  border-color: rgba(94, 104, 122, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-650 {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-650 {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-650:hover {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-650 {\n  --border-opacity: 1;\n  border-color: #697282;\n  border-color: rgba(105, 114, 130, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-300 {\n  --text-opacity: 1;\n  color: #E4E7ED;\n  color: rgba(228, 231, 237, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-300 {\n  --bg-opacity: 1;\n  background-color: #E4E7ED;\n  background-color: rgba(228, 231, 237, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-300:hover {\n  --bg-opacity: 1;\n  background-color: #E4E7ED;\n  background-color: rgba(228, 231, 237, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-300 {\n  --border-opacity: 1;\n  border-color: #E4E7ED;\n  border-color: rgba(228, 231, 237, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-neutral-200 {\n  --text-opacity: 1;\n  color: #F3F5F9;\n  color: rgba(243, 245, 249, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-neutral-200 {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-neutral-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-neutral-200 {\n  --border-opacity: 1;\n  border-color: #F3F5F9;\n  border-color: rgba(243, 245, 249, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-white {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sked-custom-lozenge--bg-white {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--bgHover-white:hover {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sked-custom-lozenge--border-white {\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sked-custom-lozenge--text-transparent {\n  color: transparent;\n}\n\n.sked-custom-lozenge--bg-transparent {\n  background-color: transparent;\n}\n\n.sked-custom-lozenge--bgHover-transparent:hover {\n  background-color: transparent;\n}\n\n.sked-custom-lozenge--border-transparent {\n  border-color: transparent;\n}\n\n.sked-custom-lozenge--small {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.25;\n  height: 1.5rem;\n}\n\n.sked-custom-lozenge--medium {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  font-size: .812rem;\n  line-height: 1.5;\n  height: 1.75rem;\n}\n\n.sked-custom-lozenge--large {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  font-size: .875rem;\n  line-height: 1.5;\n  height: 2rem;\n}\n\n.sked-custom-lozenge__icon {\n  margin-right: 0.5rem;\n}\n\n.sked-pagination-count-min-w {\n  min-width: 6rem;\n}\n\n.sked-pagination-item-min-w {\n  min-width: 1.5rem;\n}\n\n.sked-badge-min-w {\n  min-width: 1.25rem;\n}\n\n.sked-badge-wider {\n  padding: 0 0.375rem;\n}\n\n.sked-menu {\n  overflow-y: overlay;\n  margin-top: 0.25rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: .875rem;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n  font-weight: 400;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  border-style: solid;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  box-shadow: 0 5px 10px 0 rgba(28, 46, 72,0.17);\n  border-radius: 3px;\n  max-height: 15rem;\n  max-width: 30rem;\n  min-width: 10rem;\n}\n\n.react-datepicker-popper {\n  z-index: 10;\n}\n\n.sked-ui-calendar {\n  width: fit-content;\n}\n\n.sked-ui-calendar .react-datepicker-wrapper {\n  max-height: 36px;\n}\n\n.sked-ui-calendar .react-datepicker {\n  cursor: default;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(28, 46, 72,0.10), 0 2px 4px 0 rgba(28, 46, 72,0.08);\n  padding: 1rem;\n  position: relative;\n  min-width: 258px;\n}\n\n.sked-ui-calendar .react-datepicker__header {\n  text-align: center;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation {\n  cursor: pointer;\n  position: absolute;\n  border-style: none;\n  top: 7px;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next, .sked-ui-calendar .react-datepicker__navigation--previous {\n  border-radius: 2px;\n  width: 2rem;\n  height: 2rem;\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n  margin-top: 0.5rem;\n  overflow: hidden;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:before, .sked-ui-calendar .react-datepicker__navigation--previous:before {\n  --border-opacity: 1;\n  border-color: #223049;\n  border-color: rgba(34, 48, 73, var(--border-opacity));\n  border-radius: 2px;\n  align-content: center;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:hover, .sked-ui-calendar .react-datepicker__navigation--previous:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:focus, .sked-ui-calendar .react-datepicker__navigation--previous:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__navigation--previous::before {\n  content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.55%2011%22%3E%3Cpath%20d%3D%22M2.53%2C5.5%2C6.24%2C1.79A1%2C1%2C0%2C0%2C0%2C4.76.31L.31%2C4.76a1%2C1%2C0%2C0%2C0%2C0%2C1.48l4.45%2C4.45A1%2C1%2C0%2C0%2C0%2C6.24%2C9.21Z%22%20fill%3D%22%23485875%22%2F%3E%3C%2Fsvg%3E\");\n  height: 10.5px;\n  width: 6.55px;\n  display: inline-block;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next {\n  right: 1rem;\n}\n\n.sked-ui-calendar .react-datepicker__navigation--next:before {\n  content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.55%2011%22%3E%3Cpath%20d%3D%22M4%2C5.5.31%2C9.21a1%2C1%2C0%2C0%2C0%2C1.48%2C1.48L6.24%2C6.24a1%2C1%2C0%2C0%2C0%2C0-1.48L1.79.31A1%2C1%2C0%2C0%2C0%2C.31%2C1.79Z%22%20fill%3D%22%23485875%22%2F%3E%3C%2Fsvg%3E\");\n  height: 10.5px;\n  width: 6.55px;\n  display: inline-block;\n}\n\n.sked-ui-calendar .react-datepicker__current-month {\n  font-size: 1rem;\n  border-radius: 2px;\n  line-height: 2;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.sked-ui-calendar .react-datepicker__day-name, .sked-ui-calendar .react-datepicker__day {\n  width: 2rem;\n  height: 2rem;\n  text-align: center;\n  font-weight: 400;\n  display: inline-block;\n  padding-top: 0.4rem;\n}\n\n.sked-ui-calendar .react-datepicker__day-name {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n  font-size: .812rem;\n}\n\n.sked-ui-calendar .react-datepicker__day {\n  border-color: transparent;\n  border-width: 1px;\n  font-size: .875rem;\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day:hover, .sked-ui-calendar .react-datepicker__day:focus {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n  cursor: pointer;\n  border-radius: 2px;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--disabled {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--outside-month {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--today {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n  border-width: 1px;\n  border-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--selected, .sked-ui-calendar .react-datepicker__day--highlighted {\n  border-width: 1px;\n  border-radius: 2px;\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--selected:hover, .sked-ui-calendar .react-datepicker__day--selected:focus, .sked-ui-calendar .react-datepicker__day--highlighted:hover, .sked-ui-calendar .react-datepicker__day--highlighted:focus {\n  --bg-opacity: 1;\n  background-color: #007EE6;\n  background-color: rgba(0, 126, 230, var(--bg-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  border-radius: 2px;\n  --border-opacity: 1;\n  border-color: #007EE6;\n  border-color: rgba(0, 126, 230, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered {\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered:first-child {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-hovered:last-child {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected, .sked-ui-calendar .react-datepicker__day--week-selected:hover {\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n  border-radius: 0;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected:first-child, .sked-ui-calendar .react-datepicker__day--week-selected:first-child:hover, .sked-ui-calendar .react-datepicker__day--week-selected:hover:first-child, .sked-ui-calendar .react-datepicker__day--week-selected:hover:first-child:hover {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--week-selected:last-child, .sked-ui-calendar .react-datepicker__day--week-selected:last-child:hover, .sked-ui-calendar .react-datepicker__day--week-selected:hover:last-child, .sked-ui-calendar .react-datepicker__day--week-selected:hover:last-child:hover {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n\n.sked-ui-calendar .react-datepicker__day--today {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sked-ui-calendar .react-datepicker__week {\n  margin-bottom: 1px;\n}\n\n.sked-ui-calendar .react-datepicker__month {\n  padding-top: 0.25rem;\n}\n\n.sked-ui-calendar .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before, .sked-ui-calendar .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before {\n  height: 0;\n  width: 1px;\n}\n\n.sked-inlinebanner-icon-margin-right {\n  margin-right: 0.625rem;\n}\n\n.sked-calendar-controls > div {\n  display: inline-flex;\n}\n\n.filter-list {\n  overflow-y: auto;\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n  border-width: 1px;\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n  min-width: 12rem;\n  max-width: 20rem;\n  max-height: 275px;\n}\n\n.filter-list-item-min-height {\n  min-height: 1.5rem;\n}\n\n.filter-list-input-min-width {\n  min-width: 1rem;\n}\n\n.sk-th {\n  box-shadow: inset 0 1px 0 #CACFD9, inset 0 -1px 0 #CACFD9;\n}\n\n.sk-th:first-child .sk-th-content {\n  padding-left: 1.25rem;\n}\n\n.sk-th:last-child .sk-th-content {\n  padding-right: 1.25rem;\n}\n\n.sk-table tr td:first-child {\n  padding-left: 1.25rem;\n}\n\n.sk-table tr td:last-child {\n  padding-right: 1.25rem;\n}\n\n.sked-pill-leading {\n  line-height: 1.9;\n}\n\n/**\n * This injects all of Tailwind's utility classes, generated based on your\n * config file.\n *\n * If using `postcss-import`, use this import instead:\n *\n * @import \"tailwindcss/utilities\";\n */\n\n.sk-appearance-none {\n  appearance: none;\n}\n\n.sk-bg-white {\n  --bg-opacity: 1;\n  background-color: #FFFFFF;\n  background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n.sk-bg-neutral-200 {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.sk-bg-neutral-250 {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.sk-bg-neutral-350 {\n  --bg-opacity: 1;\n  background-color: #DADEE6;\n  background-color: rgba(218, 222, 230, var(--bg-opacity));\n}\n\n.sk-bg-neutral-400 {\n  --bg-opacity: 1;\n  background-color: #CACFD9;\n  background-color: rgba(202, 207, 217, var(--bg-opacity));\n}\n\n.sk-bg-neutral-650 {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.sk-bg-neutral-750 {\n  --bg-opacity: 1;\n  background-color: #4A556A;\n  background-color: rgba(74, 85, 106, var(--bg-opacity));\n}\n\n.sk-bg-green-100 {\n  --bg-opacity: 1;\n  background-color: #EEF8F1;\n  background-color: rgba(238, 248, 241, var(--bg-opacity));\n}\n\n.sk-bg-green-600 {\n  --bg-opacity: 1;\n  background-color: #59B66E;\n  background-color: rgba(89, 182, 110, var(--bg-opacity));\n}\n\n.sk-bg-orange-100 {\n  --bg-opacity: 1;\n  background-color: #FCF1E8;\n  background-color: rgba(252, 241, 232, var(--bg-opacity));\n}\n\n.sk-bg-orange-600 {\n  --bg-opacity: 1;\n  background-color: #E3761C;\n  background-color: rgba(227, 118, 28, var(--bg-opacity));\n}\n\n.sk-bg-red-100 {\n  --bg-opacity: 1;\n  background-color: #FBECEA;\n  background-color: rgba(251, 236, 234, var(--bg-opacity));\n}\n\n.sk-bg-red-600 {\n  --bg-opacity: 1;\n  background-color: #D53C30;\n  background-color: rgba(213, 60, 48, var(--bg-opacity));\n}\n\n.sk-bg-blue-100 {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.sk-bg-blue-200 {\n  --bg-opacity: 1;\n  background-color: #CCE8FF;\n  background-color: rgba(204, 232, 255, var(--bg-opacity));\n}\n\n.sk-bg-blue-600 {\n  --bg-opacity: 1;\n  background-color: #008CFF;\n  background-color: rgba(0, 140, 255, var(--bg-opacity));\n}\n\n.sk-bg-teal-700 {\n  --bg-opacity: 1;\n  background-color: #20847A;\n  background-color: rgba(32, 132, 122, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-transparent:hover {\n  background-color: transparent;\n}\n\n.hover\\:sk-bg-neutral-200:hover {\n  --bg-opacity: 1;\n  background-color: #F3F5F9;\n  background-color: rgba(243, 245, 249, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-neutral-250:hover {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-neutral-650:hover {\n  --bg-opacity: 1;\n  background-color: #697282;\n  background-color: rgba(105, 114, 130, var(--bg-opacity));\n}\n\n.hover\\:sk-bg-blue-100:hover {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.focus\\:sk-bg-neutral-250:focus {\n  --bg-opacity: 1;\n  background-color: #ECEEF3;\n  background-color: rgba(236, 238, 243, var(--bg-opacity));\n}\n\n.focus\\:sk-bg-blue-100:focus {\n  --bg-opacity: 1;\n  background-color: #E6F4FF;\n  background-color: rgba(230, 244, 255, var(--bg-opacity));\n}\n\n.sk-border-collapse {\n  border-collapse: collapse;\n}\n\n.sk-border-transparent {\n  border-color: transparent;\n}\n\n.sk-border-white {\n  --border-opacity: 1;\n  border-color: #FFFFFF;\n  border-color: rgba(255, 255, 255, var(--border-opacity));\n}\n\n.sk-border-neutral-250 {\n  --border-opacity: 1;\n  border-color: #ECEEF3;\n  border-color: rgba(236, 238, 243, var(--border-opacity));\n}\n\n.sk-border-neutral-350 {\n  --border-opacity: 1;\n  border-color: #DADEE6;\n  border-color: rgba(218, 222, 230, var(--border-opacity));\n}\n\n.sk-border-neutral-450 {\n  --border-opacity: 1;\n  border-color: #B3BAC8;\n  border-color: rgba(179, 186, 200, var(--border-opacity));\n}\n\n.sk-border-neutral-500 {\n  --border-opacity: 1;\n  border-color: #9AA2B2;\n  border-color: rgba(154, 162, 178, var(--border-opacity));\n}\n\n.sk-border-red-400 {\n  --border-opacity: 1;\n  border-color: #E68A83;\n  border-color: rgba(230, 138, 131, var(--border-opacity));\n}\n\n.sk-border-blue-600 {\n  --border-opacity: 1;\n  border-color: #008CFF;\n  border-color: rgba(0, 140, 255, var(--border-opacity));\n}\n\n.sk-border-teal-700 {\n  --border-opacity: 1;\n  border-color: #20847A;\n  border-color: rgba(32, 132, 122, var(--border-opacity));\n}\n\n.focus\\:sk-border-blue-500:focus {\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.focus-within\\:sk-border-blue-500:focus-within {\n  --border-opacity: 1;\n  border-color: #33A3FF;\n  border-color: rgba(51, 163, 255, var(--border-opacity));\n}\n\n.sk-rounded-none {\n  border-radius: 0;\n}\n\n.sk-rounded {\n  border-radius: 2px;\n}\n\n.sk-rounded-medium {\n  border-radius: 3px;\n}\n\n.sk-rounded-full {\n  border-radius: 9999px;\n}\n\n.sk-rounded-t {\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n}\n\n.sk-rounded-b {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.sk-border-dashed {\n  border-style: dashed;\n}\n\n.sk-border-none {\n  border-style: none;\n}\n\n.sk-border-0 {\n  border-width: 0;\n}\n\n.sk-border-2 {\n  border-width: 2px;\n}\n\n.sk-border-3 {\n  border-width: 3px;\n}\n\n.sk-border {\n  border-width: 1px;\n}\n\n.sk-border-t-0 {\n  border-top-width: 0;\n}\n\n.sk-border-b-0 {\n  border-bottom-width: 0;\n}\n\n.sk-border-b {\n  border-bottom-width: 1px;\n}\n\n.sk-border-l {\n  border-left-width: 1px;\n}\n\n.focus\\:sk-border-0:focus {\n  border-width: 0;\n}\n\n.sk-box-content {\n  box-sizing: content-box;\n}\n\n.sk-cursor-default {\n  cursor: default;\n}\n\n.sk-cursor-pointer {\n  cursor: pointer;\n}\n\n.sk-cursor-text {\n  cursor: text;\n}\n\n.sk-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.hover\\:sk-cursor-default:hover {\n  cursor: default;\n}\n\n.hover\\:sk-cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:sk-cursor-not-allowed:hover {\n  cursor: not-allowed;\n}\n\n.sk-block {\n  display: block;\n}\n\n.sk-inline-block {\n  display: inline-block;\n}\n\n.sk-inline {\n  display: inline;\n}\n\n.sk-flex {\n  display: flex;\n}\n\n.sk-inline-flex {\n  display: inline-flex;\n}\n\n.sk-table {\n  display: table;\n}\n\n.sk-hidden {\n  display: none;\n}\n\n.sk-group:hover .group-hover\\:sk-block {\n  display: block;\n}\n\n.sk-flex-row {\n  flex-direction: row;\n}\n\n.sk-flex-col {\n  flex-direction: column;\n}\n\n.sk-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.sk-flex-no-wrap {\n  flex-wrap: nowrap;\n}\n\n.sk-items-center {\n  align-items: center;\n}\n\n.sk-items-baseline {\n  align-items: baseline;\n}\n\n.sk-self-start {\n  align-self: flex-start;\n}\n\n.sk-justify-center {\n  justify-content: center;\n}\n\n.sk-justify-between {\n  justify-content: space-between;\n}\n\n.sk-justify-around {\n  justify-content: space-around;\n}\n\n.sk-flex-grow-0 {\n  flex-grow: 0;\n}\n\n.sk-flex-grow {\n  flex-grow: 1;\n}\n\n.sk-flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.sk-float-right {\n  float: right;\n}\n\n.sk-font-sans {\n  font-family: Inter, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}\n\n.sk-font-normal {\n  font-weight: 400;\n}\n\n.sk-font-medium {\n  font-weight: 500;\n}\n\n.sk-font-semibold {\n  font-weight: 600;\n}\n\n.sk-h-0 {\n  height: 0;\n}\n\n.sk-h-5 {\n  height: 1.25rem;\n}\n\n.sk-h-6 {\n  height: 1.5rem;\n}\n\n.sk-h-8 {\n  height: 2rem;\n}\n\n.sk-h-10 {\n  height: 2.5rem;\n}\n\n.sk-h-24 {\n  height: 6rem;\n}\n\n.sk-h-32 {\n  height: 8rem;\n}\n\n.sk-h-48 {\n  height: 12rem;\n}\n\n.sk-h-64 {\n  height: 16rem;\n}\n\n.sk-h-full {\n  height: 100%;\n}\n\n.sk-text-xxs {\n  font-size: .75rem;\n}\n\n.sk-text-xs {\n  font-size: .812rem;\n}\n\n.sk-text-sm {\n  font-size: .875rem;\n}\n\n.sk-text-base {\n  font-size: 1rem;\n}\n\n.sk-text-lg {\n  font-size: 1.125rem;\n}\n\n.sk-text-xl {\n  font-size: 1.25rem;\n}\n\n.sk-text-2xl {\n  font-size: 1.5rem;\n}\n\n.sk-leading-5 {\n  line-height: 1.25rem;\n}\n\n.sk-leading-tight {\n  line-height: 1.25;\n}\n\n.sk-leading-snug {\n  line-height: 1.375;\n}\n\n.sk-leading-normal {\n  line-height: 1.5;\n}\n\n.sk-m-0 {\n  margin: 0;\n}\n\n.sk-m-1 {\n  margin: 0.25rem;\n}\n\n.sk-m-auto {\n  margin: auto;\n}\n\n.sk-my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n\n.sk-mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n.sk-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.sk-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sk--my-1 {\n  margin-top: -0.25rem;\n  margin-bottom: -0.25rem;\n}\n\n.sk-mt-0 {\n  margin-top: 0;\n}\n\n.sk-mt-1 {\n  margin-top: 0.25rem;\n}\n\n.sk-mr-1 {\n  margin-right: 0.25rem;\n}\n\n.sk-mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.sk-ml-1 {\n  margin-left: 0.25rem;\n}\n\n.sk-mt-2 {\n  margin-top: 0.5rem;\n}\n\n.sk-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.sk-mb-2 {\n  margin-bottom: 0.5rem;\n}\n\n.sk-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.sk-mt-3 {\n  margin-top: 0.75rem;\n}\n\n.sk-mr-3 {\n  margin-right: 0.75rem;\n}\n\n.sk-mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n.sk-ml-3 {\n  margin-left: 0.75rem;\n}\n\n.sk-mt-4 {\n  margin-top: 1rem;\n}\n\n.sk-mb-4 {\n  margin-bottom: 1rem;\n}\n\n.sk-ml-5 {\n  margin-left: 1.25rem;\n}\n\n.sk-mt-6 {\n  margin-top: 1.5rem;\n}\n\n.sk-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.sk-mb-8 {\n  margin-bottom: 2rem;\n}\n\n.sk-mt-px {\n  margin-top: 1px;\n}\n\n.sk-mr-px {\n  margin-right: 1px;\n}\n\n.sk--mt-1 {\n  margin-top: -0.25rem;\n}\n\n.sk--mr-1 {\n  margin-right: -0.25rem;\n}\n\n.sk--mr-2 {\n  margin-right: -0.5rem;\n}\n\n.sk--ml-2 {\n  margin-left: -0.5rem;\n}\n\n.sk--mt-px {\n  margin-top: -1px;\n}\n\n.sk-max-w-xs {\n  max-width: 20rem;\n}\n\n.sk-max-w-4xl {\n  max-width: 56rem;\n}\n\n.sk-max-w-full {\n  max-width: 100%;\n}\n\n.focus\\:sk-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.sk-overflow-hidden {\n  overflow: hidden;\n}\n\n.sk-overflow-y-auto {\n  overflow-y: auto;\n}\n\n.sk-overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.sk-p-2 {\n  padding: 0.5rem;\n}\n\n.sk-p-3 {\n  padding: 0.75rem;\n}\n\n.sk-p-4 {\n  padding: 1rem;\n}\n\n.sk-p-5 {\n  padding: 1.25rem;\n}\n\n.sk-p-8 {\n  padding: 2rem;\n}\n\n.sk-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.sk-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.sk-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.sk-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.sk-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.sk-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.sk-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.sk-px-10 {\n  padding-left: 2.5rem;\n  padding-right: 2.5rem;\n}\n\n.sk-pr-0 {\n  padding-right: 0;\n}\n\n.sk-pb-0 {\n  padding-bottom: 0;\n}\n\n.sk-pt-1 {\n  padding-top: 0.25rem;\n}\n\n.sk-pb-1 {\n  padding-bottom: 0.25rem;\n}\n\n.sk-pl-1 {\n  padding-left: 0.25rem;\n}\n\n.sk-pt-2 {\n  padding-top: 0.5rem;\n}\n\n.sk-pr-2 {\n  padding-right: 0.5rem;\n}\n\n.sk-pl-2 {\n  padding-left: 0.5rem;\n}\n\n.sk-pt-3 {\n  padding-top: 0.75rem;\n}\n\n.sk-pr-3 {\n  padding-right: 0.75rem;\n}\n\n.sk-pl-3 {\n  padding-left: 0.75rem;\n}\n\n.sk-pt-4 {\n  padding-top: 1rem;\n}\n\n.sk-pl-4 {\n  padding-left: 1rem;\n}\n\n.sk-pt-5 {\n  padding-top: 1.25rem;\n}\n\n.sk-pr-5 {\n  padding-right: 1.25rem;\n}\n\n.sk-pb-6 {\n  padding-bottom: 1.5rem;\n}\n\n.sk-pr-8 {\n  padding-right: 2rem;\n}\n\n.sk-pt-10 {\n  padding-top: 2.5rem;\n}\n\n.sk-pr-20 {\n  padding-right: 5rem;\n}\n\n.sk-pb-px {\n  padding-bottom: 1px;\n}\n\n.sk-pointer-events-none {\n  pointer-events: none;\n}\n\n.sk-fixed {\n  position: fixed;\n}\n\n.sk-absolute {\n  position: absolute;\n}\n\n.sk-relative {\n  position: relative;\n}\n\n.sk-sticky {\n  position: sticky;\n}\n\n.sk-inset-0 {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.sk-top-0 {\n  top: 0;\n}\n\n.sk-right-0 {\n  right: 0;\n}\n\n.sk-left-0 {\n  left: 0;\n}\n\n.sk-resize-none {\n  resize: none;\n}\n\n.sk-shadow {\n  box-shadow: 0 5px 10px 0 rgba(28, 46, 72,0.17);\n}\n\n.sk-shadow-lg {\n  box-shadow: 0 15px 30px 0 rgba(28, 46, 72,0.10), 0 5px 15px 0 rgba(28, 46, 72,0.08);\n}\n\n.sk-fill-current {\n  fill: currentColor;\n}\n\n.sk-table-fixed {\n  table-layout: fixed;\n}\n\n.sk-text-left {\n  text-align: left;\n}\n\n.sk-text-center {\n  text-align: center;\n}\n\n.sk-text-right {\n  text-align: right;\n}\n\n.sk-text-white {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.sk-text-neutral-450 {\n  --text-opacity: 1;\n  color: #B3BAC8;\n  color: rgba(179, 186, 200, var(--text-opacity));\n}\n\n.sk-text-neutral-500 {\n  --text-opacity: 1;\n  color: #9AA2B2;\n  color: rgba(154, 162, 178, var(--text-opacity));\n}\n\n.sk-text-neutral-550 {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n}\n\n.sk-text-neutral-600 {\n  --text-opacity: 1;\n  color: #7A8291;\n  color: rgba(122, 130, 145, var(--text-opacity));\n}\n\n.sk-text-neutral-650 {\n  --text-opacity: 1;\n  color: #697282;\n  color: rgba(105, 114, 130, var(--text-opacity));\n}\n\n.sk-text-neutral-700 {\n  --text-opacity: 1;\n  color: #5E687A;\n  color: rgba(94, 104, 122, var(--text-opacity));\n}\n\n.sk-text-neutral-750 {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.sk-text-neutral-800 {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.sk-text-neutral-850 {\n  --text-opacity: 1;\n  color: #223049;\n  color: rgba(34, 48, 73, var(--text-opacity));\n}\n\n.sk-text-red-500 {\n  --text-opacity: 1;\n  color: #DD6359;\n  color: rgba(221, 99, 89, var(--text-opacity));\n}\n\n.sk-text-red-600 {\n  --text-opacity: 1;\n  color: #D53C30;\n  color: rgba(213, 60, 48, var(--text-opacity));\n}\n\n.sk-text-blue-600 {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.sk-text-teal-700 {\n  --text-opacity: 1;\n  color: #20847A;\n  color: rgba(32, 132, 122, var(--text-opacity));\n}\n\n.hover\\:sk-text-white:hover {\n  --text-opacity: 1;\n  color: #FFFFFF;\n  color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.hover\\:sk-text-neutral-750:hover {\n  --text-opacity: 1;\n  color: #4A556A;\n  color: rgba(74, 85, 106, var(--text-opacity));\n}\n\n.hover\\:sk-text-blue-600:hover {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.hover\\:sk-text-blue-700:hover {\n  --text-opacity: 1;\n  color: #007EE6;\n  color: rgba(0, 126, 230, var(--text-opacity));\n}\n\n.focus\\:sk-text-neutral-800:focus {\n  --text-opacity: 1;\n  color: #364359;\n  color: rgba(54, 67, 89, var(--text-opacity));\n}\n\n.focus\\:sk-text-blue-600:focus {\n  --text-opacity: 1;\n  color: #008CFF;\n  color: rgba(0, 140, 255, var(--text-opacity));\n}\n\n.sk-group:hover .group-hover\\:sk-text-neutral-550 {\n  --text-opacity: 1;\n  color: #8D95A5;\n  color: rgba(141, 149, 165, var(--text-opacity));\n}\n\n.disabled\\:sk-text-blue-200:disabled {\n  --text-opacity: 1;\n  color: #CCE8FF;\n  color: rgba(204, 232, 255, var(--text-opacity));\n}\n\n.sk-uppercase {\n  text-transform: uppercase;\n}\n\n.sk-underline {\n  text-decoration: underline;\n}\n\n.sk-no-underline {\n  text-decoration: none;\n}\n\n.sk-tracking-wide {\n  letter-spacing: 0.025em;\n}\n\n.sk-select-none {\n  user-select: none;\n}\n\n.sk-visible {\n  visibility: visible;\n}\n\n.sk-invisible {\n  visibility: hidden;\n}\n\n.sk-group:hover .group-hover\\:sk-visible {\n  visibility: visible;\n}\n\n.sk-whitespace-pre {\n  white-space: pre;\n}\n\n.sk-whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n\n.sk-break-words {\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.sk-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sk-w-5 {\n  width: 1.25rem;\n}\n\n.sk-w-10 {\n  width: 2.5rem;\n}\n\n.sk-w-24 {\n  width: 6rem;\n}\n\n.sk-w-32 {\n  width: 8rem;\n}\n\n.sk-w-48 {\n  width: 12rem;\n}\n\n.sk-w-64 {\n  width: 16rem;\n}\n\n.sk-w-auto {\n  width: auto;\n}\n\n.sk-w-1\\/2 {\n  width: 50%;\n}\n\n.sk-w-full {\n  width: 100%;\n}\n\n.sk-w-screen {\n  width: 100vw;\n}\n\n.sk-z-10 {\n  z-index: 10;\n}\n\n.sk-gap-2 {\n  grid-gap: 0.5rem;\n  gap: 0.5rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n.sk-break-word {\n  word-break: break-word;\n}\n\n.sk-overflow-y-overlay {\n  overflow-y: overlay;\n}\n\n.sk-overflow-x-overlay {\n  overflow-x: overlay;\n}\n\n.sk-scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  border: 5px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  background-color: #b7bcc8;\n}\n\n.sk-scrollbar::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n.sk-scrollbar::-webkit-scrollbar-button {\n  width: 0px;\n  height: 0px;\n  display: none;\n}\n\n.sk-scrollbar::-webkit-scrollbar {\n  width: 16px;\n  height: 16px;\n}\n\n/**\n * Here you would add any custom utilities you need that don't come out of the\n * box with Tailwind.\n *\n * Example :\n *\n * .bg-pattern-graph-paper { ... }\n * .skew-45 { ... }\n *\n * Or if using a preprocessor or `postcss-import`:\n *\n * @import \"utilities/background-patterns\";\n * @import \"utilities/skew-transforms\";\n */\n\n@media (min-width: 640px) {\n  .sm\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .sm\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .sm\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .sm\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .sm\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .md\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .md\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .md\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .lg\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .lg\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .lg\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .lg\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}\n\n@media (min-width: 1280px) {\n  .xl\\:sk-container {\n    width: 100%;\n  }\n\n  @media (min-width: 640px) {\n    .xl\\:sk-container {\n      max-width: 640px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .xl\\:sk-container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .xl\\:sk-container {\n      max-width: 1024px;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .xl\\:sk-container {\n      max-width: 1280px;\n    }\n  }\n}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.9.0",
+  "version": "21.9.2",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",