@luizleon/sf.prefeiturasp.vuecomponents 0.0.43 → 0.0.45

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 (67) hide show
  1. package/dist/components/button/Button.d.ts +77 -42
  2. package/dist/components/content/Content.d.ts +28 -36
  3. package/dist/components/drawer/Drawer.d.ts +54 -55
  4. package/dist/components/icon/Icon.d.ts +59 -38
  5. package/dist/components/internal/HeaderAvatar.d.ts +6 -0
  6. package/dist/components/internal/ScrollToTop.d.ts +2 -7
  7. package/dist/components/internal/ThemeToggle.d.ts +2 -11
  8. package/dist/components/layout/Layout.d.ts +20 -45
  9. package/dist/components/message/Message.d.ts +42 -37
  10. package/dist/components/navmenulink/NavMenuLink.d.ts +18 -35
  11. package/dist/components/tabnavigation/TabNavigation.d.ts +29 -42
  12. package/dist/components/tooltip/Tooltip.d.ts +21 -0
  13. package/dist/index.d.ts +4 -3
  14. package/dist/keycloak.d.ts +1 -1
  15. package/dist/services/dialogService.d.ts +16 -5
  16. package/dist/{lib.es.js → sf.prefeiturasp.vuecomponents.es.js} +2009 -1909
  17. package/dist/sf.prefeiturasp.vuecomponents.es.js.map +1 -0
  18. package/dist/sf.prefeiturasp.vuecomponents.umd.js +82 -0
  19. package/dist/sf.prefeiturasp.vuecomponents.umd.js.map +1 -0
  20. package/dist/style.css +1 -1
  21. package/package.json +9 -10
  22. package/src/components/button/Button.d.ts +2 -18
  23. package/src/components/button/Button.vue +45 -2
  24. package/src/components/content/Content.d.ts +0 -8
  25. package/src/components/content/Content.vue +9 -1
  26. package/src/components/drawer/Drawer.d.ts +1 -6
  27. package/src/components/drawer/Drawer.vue +11 -3
  28. package/src/components/icon/Icon.d.ts +1 -16
  29. package/src/components/icon/Icon.vue +65 -22
  30. package/src/components/internal/HeaderAvatar.vue +4 -5
  31. package/src/components/layout/Layout.d.ts +1 -2
  32. package/src/components/layout/Layout.vue +6 -1
  33. package/src/components/message/Message.d.ts +1 -10
  34. package/src/components/message/Message.vue +28 -12
  35. package/src/components/navmenulink/NavMenuLink.d.ts +1 -7
  36. package/src/components/navmenulink/NavMenuLink.vue +10 -2
  37. package/src/components/tabnavigation/TabNavigation.d.ts +1 -9
  38. package/src/components/tabnavigation/TabNavigation.vue +9 -1
  39. package/src/components/tooltip/Tooltip.d.ts +23 -0
  40. package/src/components/tooltip/Tooltip.vue +91 -0
  41. package/src/index.ts +8 -6
  42. package/src/services/dialogService.ts +71 -25
  43. package/src/style/src/_mixins.scss +5 -0
  44. package/src/style/src/components/_icon.scss +7 -7
  45. package/src/style/src/components/_message.scss +1 -1
  46. package/src/style/src/components/_tooltip.scss +11 -12
  47. package/src/style/src/sweetalert/scss/_animations.scss +197 -197
  48. package/src/style/src/sweetalert/scss/_body.scss +45 -45
  49. package/src/style/src/sweetalert/scss/_core.scss +862 -862
  50. package/src/style/src/sweetalert/scss/_mixins.scss +16 -16
  51. package/src/style/src/sweetalert/scss/_theming.scss +8 -8
  52. package/src/style/src/sweetalert/scss/_toasts-animations.scss +83 -83
  53. package/src/style/src/sweetalert/scss/_toasts-body.scss +85 -85
  54. package/src/style/src/sweetalert/scss/_toasts.scss +203 -203
  55. package/src/ts-helpers.d.ts +9 -9
  56. package/tsconfig.json +2 -2
  57. package/vite.config.js +5 -5
  58. package/dist/enum/cor.d.ts +0 -9
  59. package/dist/enum/index.d.ts +0 -2
  60. package/dist/enum/tamanho.d.ts +0 -5
  61. package/dist/lib.es.js.map +0 -1
  62. package/dist/lib.umd.js +0 -84
  63. package/dist/lib.umd.js.map +0 -1
  64. package/dist/ts-helpers.d.ts +0 -57
  65. package/src/enum/cor.ts +0 -9
  66. package/src/enum/index.ts +0 -2
  67. package/src/enum/tamanho.ts +0 -5
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- #sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://sfpocstorageacc.z13.web.core.windows.net/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:100%;overflow:auto;border-bottom:1px solid var(--surface-border-color)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:var(--text-color);pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:6px;height:6px;top:4px;right:4px}div.sf-icon>button+span[data-color=primary]{color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{color:var(--info-color)}div.sf-icon>button+span[data-color=success]{color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{color:var(--help-color)}div.sf-icon>button+span[data-color=error]{color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{color:var(--secondary-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-filled button{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-small{min-width:28px}div.sf-icon.sf-icon-small>button{font-size:20px}div.sf-icon.sf-icon-small .sf-loading-circle{width:20px;height:20px}div.sf-icon.sf-icon-medium{min-width:37px}div.sf-icon.sf-icon-medium>button{font-size:24px}div.sf-icon.sf-icon-medium>button+span{width:8px;height:8px;top:6px;right:6px}div.sf-icon.sf-icon-medium .sf-loading-circle{width:24px;height:24px}div.sf-icon.sf-icon-large{min-width:48px}div.sf-icon.sf-icon-large>button{font-size:36px}div.sf-icon.sf-icon-large>button+span{width:12px;height:12px;top:6px;right:6px}div.sf-icon.sf-icon-large .sf-loading-circle{width:28px;height:28px}div.sf-icon.sf-icon-button{border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}div.sf-icon.sf-icon-button.sf-icon-small{padding:4px}div.sf-icon.sf-icon-button.sf-icon-medium{padding:6px}div.sf-icon.sf-icon-button.sf-icon-large{padding:8px}@media (pointer: fine){div.sf-icon.sf-icon-button{cursor:pointer}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--primary-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--info-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--success-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--warn-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--help-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--error-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--secondary-hover-color)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;width:120px;color:var(--bg-color);text-align:center;text-transform:lowercase;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:6px 0;border-radius:4px;background-color:var(--text-color);font-size:.875rem}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -1);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -1);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline!important;border-radius:50%}.sf-tooltip-anchor:has(.sf-component-disabled),.sf-tooltip-anchor:has(.sf-component-loading),.sf-tooltip-anchor:has(.sf-component-freeze){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:4px;border:1px solid transparent;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:nowrap}.sf-button .sf-icon{position:absolute}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-small .sf-button-label{line-height:32px}.sf-button.sf-button-medium{height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-medium .sf-button-label{line-height:36px}.sf-button.sf-button-large{height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}.sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s}.sf-button[data-color=primary]:active:active{filter:brightness(1.1)}.sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}.sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s}.sf-button[data-color=info]:active:active{filter:brightness(1.1)}.sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}.sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s}.sf-button[data-color=success]:active:active{filter:brightness(1.1)}.sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}.sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s}.sf-button[data-color=warn]:active:active{filter:brightness(1.1)}.sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}.sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s}.sf-button[data-color=help]:active:active{filter:brightness(1.1)}.sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}.sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s}.sf-button[data-color=error]:active:active{filter:brightness(1.1)}.sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}.sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s}.sf-button[data-color=secondary]:active:active{filter:brightness(1.1)}.sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s}html.dark .sf-button[data-color=primary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s}html.dark .sf-button[data-color=info]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s}html.dark .sf-button[data-color=success]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s}html.dark .sf-button[data-color=warn]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s}html.dark .sf-button[data-color=help]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s}html.dark .sf-button[data-color=error]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s}html.dark .sf-button[data-color=secondary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}.sf-message{border-radius:4px;padding:1rem 1.5rem;margin:1rem;position:relative}.sf-message.sf-message-info{background-color:var(--info-hover-color);color:var(--info-color)}.sf-message.sf-message-error{background-color:var(--error-hover-color);color:var(--error-color)}.sf-message.sf-message-success{background-color:var(--success-hover-color);color:var(--success-color)}.sf-message.sf-message-warning{background-color:var(--warn-hover-color);color:var(--warn-color)}.sf-message.sf-message-help{background-color:var(--help-hover-color);color:var(--help-color)}.sf-message.sf-message-primary{background-color:var(--primary-hover-color);color:var(--primary-color)}.sf-message.sf-message-secondary{background-color:var(--secondary-hover-color);color:var(--secondary-color)}.sf-message[data-icon]{padding-left:3.25rem}.sf-message[data-icon]:before{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:attr(data-icon);position:absolute;top:50%;transform:translateY(-50%);left:1rem}
1
+ #sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://sfpocstorageacc.z13.web.core.windows.net/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:100%;overflow:auto;border-bottom:1px solid var(--surface-border-color)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:var(--text-color);pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:6px;height:6px;top:4px;right:4px}div.sf-icon>button+span[data-color=primary]{color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{color:var(--info-color)}div.sf-icon>button+span[data-color=success]{color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{color:var(--help-color)}div.sf-icon>button+span[data-color=error]{color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{color:var(--secondary-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-small{min-width:28px}div.sf-icon.sf-icon-small>button{font-size:20px}div.sf-icon.sf-icon-small .sf-loading-circle{width:20px;height:20px}div.sf-icon.sf-icon-medium{min-width:37px}div.sf-icon.sf-icon-medium>button{font-size:24px}div.sf-icon.sf-icon-medium>button+span{width:8px;height:8px;top:6px;right:6px}div.sf-icon.sf-icon-medium .sf-loading-circle{width:24px;height:24px}div.sf-icon.sf-icon-large{min-width:48px}div.sf-icon.sf-icon-large>button{font-size:36px}div.sf-icon.sf-icon-large>button+span{width:12px;height:12px;top:6px;right:6px}div.sf-icon.sf-icon-large .sf-loading-circle{width:28px;height:28px}div.sf-icon.sf-icon-button{border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}div.sf-icon.sf-icon-button.sf-icon-small{padding:4px}div.sf-icon.sf-icon-button.sf-icon-medium{padding:6px}div.sf-icon.sf-icon-button.sf-icon-large{padding:8px}@media (pointer: fine){div.sf-icon.sf-icon-button{cursor:pointer}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--primary-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--info-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--success-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--warn-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--help-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--error-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--secondary-hover-color)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;width:120px;color:var(--bg-color);text-align:center;text-transform:lowercase;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:5px 2px;border-radius:4px;background-color:var(--text-color);font-size:.825rem}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -.75);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -.75);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline!important;border-radius:50%}.sf-tooltip-anchor:has(.component-disabled),.sf-tooltip-anchor:has(.component-loading){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:4px;border:1px solid transparent;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:nowrap}.sf-button .sf-icon{position:absolute}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-small .sf-button-label{line-height:32px}.sf-button.sf-button-medium{height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-medium .sf-button-label{line-height:36px}.sf-button.sf-button-large{height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}.sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s}.sf-button[data-color=primary]:active:active{filter:brightness(1.1)}.sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}.sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s}.sf-button[data-color=info]:active:active{filter:brightness(1.1)}.sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}.sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s}.sf-button[data-color=success]:active:active{filter:brightness(1.1)}.sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}.sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s}.sf-button[data-color=warn]:active:active{filter:brightness(1.1)}.sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}.sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s}.sf-button[data-color=help]:active:active{filter:brightness(1.1)}.sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}.sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s}.sf-button[data-color=error]:active:active{filter:brightness(1.1)}.sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}.sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s}.sf-button[data-color=secondary]:active:active{filter:brightness(1.1)}.sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s}html.dark .sf-button[data-color=primary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s}html.dark .sf-button[data-color=info]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s}html.dark .sf-button[data-color=success]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s}html.dark .sf-button[data-color=warn]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s}html.dark .sf-button[data-color=help]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s}html.dark .sf-button[data-color=error]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s}html.dark .sf-button[data-color=secondary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}.sf-message{border-radius:4px;padding:1rem 1.5rem;margin:1rem;position:relative}.sf-message.sf-message-info{background-color:var(--info-hover-color);color:var(--info-color)}.sf-message.sf-message-error{background-color:var(--error-hover-color);color:var(--error-color)}.sf-message.sf-message-success{background-color:var(--success-hover-color);color:var(--success-color)}.sf-message.sf-message-warning{background-color:var(--warn-hover-color);color:var(--warn-color)}.sf-message.sf-message-help{background-color:var(--help-hover-color);color:var(--help-color)}.sf-message.sf-message-primary{background-color:var(--primary-hover-color);color:var(--primary-color)}.sf-message.sf-message-secondary{background-color:var(--secondary-hover-color);color:var(--secondary-color)}.sf-message[data-icon]{padding-left:3.25rem}.sf-message[data-icon]:before{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;content:attr(data-icon);position:absolute;top:50%;transform:translateY(-50%);left:1rem}
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@luizleon/sf.prefeiturasp.vuecomponents",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "type": "module",
5
- "main": "dist/lib.umd.js",
6
- "module": "dist/lib.es.js",
5
+ "main": "dist/sf.prefeiturasp.vuecomponents.umd.js",
6
+ "module": "dist/sf.prefeiturasp.vuecomponents.es.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "scripts": {
9
9
  "build": "rimraf ./dist/ && vue-tsc --noEmit && vite build"
@@ -12,25 +12,24 @@
12
12
  "air-datepicker": "3.3.1",
13
13
  "axios": "1.6.5",
14
14
  "date-fns": "2.29.3",
15
+ "dompurify": "3.0.9",
15
16
  "nanoid": "5.0.4",
16
17
  "sweetalert2": "11.4.8",
17
18
  "vue-currency-input": "3.0.2"
18
19
  },
19
20
  "devDependencies": {
20
21
  "@types/dompurify": "3.0.5",
21
- "@vitejs/plugin-vue": "4.4.1",
22
+ "@vitejs/plugin-vue": "5.0.4",
22
23
  "base64-js": "1.5.1",
23
- "dompurify": "3.0.6",
24
24
  "js-sha256": "0.10.1",
25
25
  "jwt-decode": "4.0.0",
26
26
  "rimraf": "3.0.2",
27
+ "rollup-plugin-sourcemaps": "0.6.3",
27
28
  "sass": "1.69.5",
28
29
  "typescript": "5.2.2",
29
- "vite": "4.5.2",
30
- "vite-plugin-dts": "1.6.4",
31
- "vite-plugin-vue-type-imports": "0.2.3",
32
- "vue-tsc": "1.8.22",
33
- "rollup-plugin-sourcemaps": "0.6.3"
30
+ "vite": "5.1.5",
31
+ "vite-plugin-dts": "3.7.3",
32
+ "vue-tsc": "2.0.4"
34
33
  },
35
34
  "peerDependencies": {
36
35
  "vue": "3.*"
@@ -3,25 +3,9 @@ import { StyleValue } from "vue";
3
3
  import {
4
4
  ClassComponent,
5
5
  GlobalComponentConstructor,
6
+ HintedString,
6
7
  } from "../../ts-helpers";
7
-
8
- export interface SfButtonProps {
9
- icon?: string;
10
- visible?: boolean;
11
- class?: any;
12
- style?: StyleValue;
13
- disabled?: boolean;
14
- loading?: boolean;
15
- color?: Color;
16
- size?: Size;
17
- variant?: "filled" | "outlined" | "text";
18
- autofocus?: boolean;
19
- form?: string;
20
- name?: string;
21
- id?: string;
22
- type?: "submit" | "reset" | "button";
23
- value?: string | string[] | number;
24
- }
8
+ import { SfButtonProps } from "./Button.vue";
25
9
 
26
10
  export interface SfButtonSlots {}
27
11
 
@@ -1,7 +1,48 @@
1
1
  <script setup lang="ts">
2
+ import { StyleValue } from "vue";
2
3
  import Icon from "../icon/Icon.vue";
3
4
  import { CssClassBuilder } from "../internal/cssClassBuilder";
4
- import { SfButtonProps } from "./Button";
5
+
6
+ export interface SfButtonProps {
7
+ icon?: string;
8
+ /**
9
+ * @default true
10
+ */
11
+ visible?: boolean;
12
+ class?: any;
13
+ style?: StyleValue;
14
+ disabled?: boolean;
15
+ loading?: boolean;
16
+ /**
17
+ * @default 'primary'
18
+ */
19
+ color?:
20
+ | "primary"
21
+ | "secondary"
22
+ | "info"
23
+ | "success"
24
+ | "help"
25
+ | "warn"
26
+ | "error"
27
+ | undefined;
28
+ /**
29
+ * @default 'md'
30
+ */
31
+ size?: "sm" | "md" | "lg" | undefined;
32
+ /**
33
+ * @default 'filled'
34
+ */
35
+ variant?: "filled" | "outlined" | "text" | undefined;
36
+ autofocus?: boolean;
37
+ form?: string;
38
+ name?: string;
39
+ id?: string;
40
+ /**
41
+ * @default 'button'
42
+ */
43
+ type?: "submit" | "reset" | "button";
44
+ value?: string | string[] | number;
45
+ }
5
46
 
6
47
  const props: SfButtonProps = withDefaults(
7
48
  defineProps<SfButtonProps>(),
@@ -32,6 +73,7 @@ function CssClass() {
32
73
 
33
74
  <template>
34
75
  <button
76
+ v-if="props.visible"
35
77
  :id="props.id"
36
78
  :name="props.name"
37
79
  :class="CssClass()"
@@ -43,7 +85,8 @@ function CssClass() {
43
85
  >
44
86
  <Icon
45
87
  v-if="!!props.icon"
46
- :icone="props.icon"
88
+ :filled="props.variant === 'filled'"
89
+ :icon="props.icon"
47
90
  :loading="props.loading"
48
91
  :size="props.size"
49
92
  :button-props="{ tabindex: -1 }"
@@ -5,14 +5,6 @@ import {
5
5
  GlobalComponentConstructor,
6
6
  } from "../../ts-helpers";
7
7
 
8
- export interface SfContentProps {
9
- class?: any;
10
- style?: StyleValue;
11
- disableBodyPadding?: boolean;
12
- disableHeaderPadding?: boolean;
13
- disableFooterPadding?: boolean;
14
- }
15
-
16
8
  export interface SfContentSlots {
17
9
  header: () => VNode[];
18
10
  footer: () => VNode[];
@@ -1,8 +1,16 @@
1
1
  <script setup lang="ts">
2
+ import { StyleValue } from "vue";
2
3
  import ScrollToTop from "../internal/ScrollToTop.vue";
3
- import { SfContentProps } from "./Content";
4
4
  import { CssClassBuilder } from "../internal/cssClassBuilder";
5
5
 
6
+ export interface SfContentProps {
7
+ class?: any;
8
+ style?: StyleValue;
9
+ disableBodyPadding?: boolean;
10
+ disableHeaderPadding?: boolean;
11
+ disableFooterPadding?: boolean;
12
+ }
13
+
6
14
  const props: SfContentProps = defineProps<SfContentProps>();
7
15
 
8
16
  function Css() {
@@ -3,12 +3,7 @@ import {
3
3
  ClassComponent,
4
4
  GlobalComponentConstructor,
5
5
  } from "../../ts-helpers";
6
-
7
- export interface SfDrawerProps {
8
- visible: boolean;
9
- position?: "left" | "right" | "bottom" | "full";
10
- style?: StyleValue;
11
- }
6
+ import { SfDrawerProps } from "./Drawer.vue";
12
7
 
13
8
  export interface SfDrawerSlots {
14
9
  /**
@@ -1,11 +1,19 @@
1
1
  <script setup lang="ts">
2
- import { SfDrawerProps } from "./Drawer";
3
- import { ref, useSlots, watch } from "vue";
2
+ import { StyleValue, ref, useSlots, watch } from "vue";
4
3
  import { CssClassBuilder } from "../internal/cssClassBuilder";
5
4
  import { GetMaxZindex } from "../internal/getMaxZindex";
6
5
  import { nanoid } from "nanoid";
7
6
  import SfIcon from "../icon/Icon.vue";
8
7
 
8
+ export interface SfDrawerProps {
9
+ visible: boolean;
10
+ /**
11
+ * @default 'left'
12
+ */
13
+ position?: "left" | "right" | "bottom" | "full";
14
+ style?: StyleValue;
15
+ }
16
+
9
17
  const props: SfDrawerProps = withDefaults(
10
18
  defineProps<SfDrawerProps>(),
11
19
  {
@@ -121,7 +129,7 @@ watch(
121
129
  </span>
122
130
  <SfIcon
123
131
  :button="true"
124
- :icone="'close'"
132
+ :icon="'close'"
125
133
  @click.stop="Close"
126
134
  />
127
135
  </div>
@@ -1,23 +1,8 @@
1
- import { Cor, Tamanho } from "../../enum";
2
1
  import {
3
2
  ClassComponent,
4
3
  GlobalComponentConstructor,
5
4
  } from "../../ts-helpers";
6
- import { StyleValue, ButtonHTMLAttributes } from "vue";
7
-
8
- export interface SfIconProps {
9
- icone?: string;
10
- visible?: boolean;
11
- class?: any;
12
- style?: StyleValue;
13
- disabled?: boolean;
14
- loading?: boolean;
15
- button?: boolean;
16
- tamanho?: Tamanho;
17
- dot?: boolean;
18
- dotColor?: Cor;
19
- buttonProps?: ButtonHTMLAttributes;
20
- }
5
+ import { SfIconProps } from "./Icon";
21
6
 
22
7
  export interface SfIconSlots {}
23
8
 
@@ -1,43 +1,86 @@
1
1
  <script setup lang="ts">
2
- import { Cor, Tamanho } from "../../enum";
2
+ import { ButtonHTMLAttributes, StyleValue, computed } from "vue";
3
3
  import LoadingCircle from "../internal/LoadingCircle.vue";
4
4
  import { CssClassBuilder } from "../internal/cssClassBuilder";
5
- import { SfIconProps } from "./Icon";
5
+ import Tooltip from "../tooltip/Tooltip.vue";
6
+
7
+ export interface SfIconProps {
8
+ icon?: string;
9
+ visible?: boolean;
10
+ class?: any;
11
+ style?: StyleValue;
12
+ disabled?: boolean;
13
+ loading?: boolean;
14
+ button?: boolean;
15
+ /**
16
+ * @default 'md'
17
+ */
18
+ size?: "sm" | "md" | "lg" | undefined;
19
+ dot?: boolean;
20
+ /**
21
+ * @default 'error'
22
+ */
23
+ dotColor?:
24
+ | "primary"
25
+ | "secondary"
26
+ | "info"
27
+ | "success"
28
+ | "help"
29
+ | "warn"
30
+ | "error"
31
+ | undefined;
32
+ filled?: boolean;
33
+ buttonProps?: ButtonHTMLAttributes;
34
+ tooltip?: string;
35
+ }
6
36
 
7
37
  const props: SfIconProps = withDefaults(defineProps<SfIconProps>(), {
8
38
  visible: true,
9
39
  class: "",
10
40
  style: "",
11
- tamanho: Tamanho.Medio,
12
- dotColor: Cor.Error,
41
+ size: "md",
42
+ dotColor: "error",
13
43
  });
14
44
 
15
- function CssClass() {
45
+ const dynamicComponent = computed(() =>
46
+ props.tooltip ? Tooltip : "div"
47
+ );
48
+
49
+ const cssClass = computed(() => {
16
50
  return new CssClassBuilder(`${props.class} sf-icon`)
17
51
  .AddClass("sf-component-loading", props.loading)
18
52
  .AddClass("sf-component-disabled", props.disabled)
19
53
  .AddClass("sf-icon-button", props.button)
20
- .AddClass("sf-icon-small", props.tamanho === Tamanho.Pequeno)
21
- .AddClass("sf-icon-medium", props.tamanho === Tamanho.Medio)
22
- .AddClass("sf-icon-large", props.tamanho === Tamanho.Grande)
54
+ .AddClass("sf-icon-small", props.size === "sm")
55
+ .AddClass("sf-icon-medium", props.size === "md")
56
+ .AddClass("sf-icon-large", props.size === "lg")
23
57
  .AddClass("sf-ripple", props.button === true)
24
58
  .Build();
25
- }
59
+ });
26
60
  </script>
27
61
 
28
62
  <template>
29
- <div :style="props.style" :class="CssClass()">
30
- <button
31
- class="material-symbols-outlined"
32
- :disabled="props.disabled || props.loading"
33
- v-bind="props.buttonProps"
34
- :tabindex="!props.button ? -1 : undefined"
63
+ <component :is="dynamicComponent" :text="props.tooltip">
64
+ <div
65
+ v-if="!!props.visible"
66
+ :style="props.style"
67
+ :class="cssClass"
35
68
  >
36
- <template v-if="props.loading">
37
- <LoadingCircle></LoadingCircle>
38
- </template>
39
- <template v-else>{{ props.icone }}</template>
40
- </button>
41
- <span v-if="props.dot" :data-color="props.dotColor"></span>
42
- </div>
69
+ <button
70
+ :class="[
71
+ 'material-symbols-outlined',
72
+ { 'icon-filled': !!props.filled },
73
+ ]"
74
+ :disabled="props.disabled || props.loading"
75
+ v-bind="props.buttonProps"
76
+ :tabindex="!props.button ? -1 : undefined"
77
+ >
78
+ <template v-if="props.loading">
79
+ <LoadingCircle></LoadingCircle>
80
+ </template>
81
+ <template v-else>{{ props.icon }}</template>
82
+ </button>
83
+ <span v-if="props.dot" :data-color="props.dotColor"></span>
84
+ </div>
85
+ </component>
43
86
  </template>