@luizleon/sf.prefeiturasp.vuecomponents 0.0.65 → 4.0.0

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 (43) hide show
  1. package/dist/axios/axiosClient.d.ts +3 -3
  2. package/dist/components/button/Button.d.ts +12 -12
  3. package/dist/components/content/Content.d.ts +8 -8
  4. package/dist/components/drawer/Drawer.d.ts +13 -13
  5. package/dist/components/icon/Icon.d.ts +21 -22
  6. package/dist/components/internal/HeaderAvatar.d.ts +2 -2
  7. package/dist/components/internal/LoadingCircle.d.ts +1 -1
  8. package/dist/components/internal/MenuIcon.d.ts +1 -1
  9. package/dist/components/internal/ScrollToTop.d.ts +1 -1
  10. package/dist/components/internal/ThemeToggle.d.ts +1 -1
  11. package/dist/components/layout/Layout.d.ts +3 -2
  12. package/dist/components/message/Message.d.ts +12 -12
  13. package/dist/components/navmenu/NavMenu.d.ts +12 -0
  14. package/dist/components/navmenulink/NavMenuLink.d.ts +2 -2
  15. package/dist/components/panelmenu/PanelMenu.d.ts +4 -4
  16. package/dist/components/tabnavigation/TabNavigation.d.ts +9 -9
  17. package/dist/components/tooltip/Tooltip.d.ts +7 -7
  18. package/dist/index.d.ts +18 -18
  19. package/dist/services/authService.d.ts +2 -2
  20. package/dist/services/dialogService.d.ts +1 -1
  21. package/dist/sf.prefeiturasp.vuecomponents.es.js +4551 -4180
  22. package/dist/sf.prefeiturasp.vuecomponents.es.js.map +1 -1
  23. package/dist/sf.prefeiturasp.vuecomponents.umd.js +332 -69
  24. package/dist/sf.prefeiturasp.vuecomponents.umd.js.map +1 -1
  25. package/dist/style.css +1 -1
  26. package/dist/types/index.d.ts +12 -1
  27. package/package.json +6 -6
  28. package/src/components/button/Button.vue +1 -1
  29. package/src/components/icon/Icon.vue +12 -16
  30. package/src/components/internal/getMaxZindex.ts +3 -2
  31. package/src/components/layout/Layout.vue +1 -1
  32. package/src/components/navmenu/NavMenu.d.ts +30 -0
  33. package/src/components/navmenu/NavMenu.vue +105 -0
  34. package/src/index.ts +2 -0
  35. package/src/services/authService.ts +13 -4
  36. package/src/style/componentes.scss +5 -1
  37. package/src/style/src/_functions.scss +17 -2
  38. package/src/style/src/_mixins.scss +51 -29
  39. package/src/style/src/_variables.scss +11 -0
  40. package/src/style/src/components/_button.scss +8 -11
  41. package/src/style/src/components/_icon.scss +49 -47
  42. package/src/style/src/components/_tooltip.scss +6 -7
  43. package/src/types/index.ts +24 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .display-content[data-v-5de5e7b2]{display:contents}#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://static.sf.prefeitura.sp.gov.br/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:calc(100% - 80px);overflow:auto}#sf-layout nav>.sf-layout-nav-footer{height:80px;border-top:1px solid var(--surface-border-color);background-color:var(--surface-300-color)}#sf-layout nav>.sf-layout-nav-footer>.sf-layout-nav-footer-logo{height:60px;margin-top:10px;width:100%;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-light.png);background-position:center;background-size:contain;background-repeat:no-repeat}html.dark #sf-layout .sf-layout-nav-footer-logo{background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-dark.png)}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}
1
+ .display-content[data-v-acf8f09c]{display:contents}.panel-menu-wrapper[data-v-dc5c4c88]{padding:var(--inline-spacing)}.panel-menu-wrapper[data-v-dc5c4c88] ul{list-style-type:none;padding:0;margin:0}.panel-menu-wrapper[data-v-dc5c4c88] ul{padding-left:var(--inline-spacing)}.item-menu[data-v-dc5c4c88]{display:flex;align-items:center;padding:var(--inline-spacing);color:var(--text-color);text-decoration:none;border-radius:6px;margin-bottom:.25em;cursor:pointer}.item-menu.sub-item[data-v-dc5c4c88]{margin-bottom:var(--inline-spacing)}.item-menu[data-active=true][data-v-dc5c4c88]{background-color:var(--primary-hover-color);color:var(--primary-color)}.arrow[data-v-dc5c4c88]{transition:transform .3s}.arrow.--expand[data-v-dc5c4c88]{transform:rotate(90deg)}.primary-color:not(:disabled,.disabled,.component-disabled){color:var(--primary-color)!important}.primary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--primary-color)!important}.info-color:not(:disabled,.disabled,.component-disabled){color:var(--info-color)!important}.info-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--info-color)!important}.success-color:not(:disabled,.disabled,.component-disabled){color:var(--success-color)!important}.success-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--success-color)!important}.warn-color:not(:disabled,.disabled,.component-disabled){color:var(--warn-color)!important}.warn-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--warn-color)!important}.help-color:not(:disabled,.disabled,.component-disabled){color:var(--help-color)!important}.help-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--help-color)!important}.error-color:not(:disabled,.disabled,.component-disabled){color:var(--error-color)!important}.error-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--error-color)!important}.secondary-color:not(:disabled,.disabled,.component-disabled){color:var(--secondary-color)!important}.secondary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--secondary-color)!important}.text-color:not(:disabled,.disabled,.component-disabled){color:var(--text-color)!important}.text-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--text-color)!important}#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://static.sf.prefeitura.sp.gov.br/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:calc(100% - 80px);overflow:auto}#sf-layout nav>.sf-layout-nav-footer{height:80px;border-top:1px solid var(--surface-border-color);background-color:var(--surface-300-color)}#sf-layout nav>.sf-layout-nav-footer>.sf-layout-nav-footer-logo{height:60px;margin-top:10px;width:100%;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-light.png);background-position:center;background-size:contain;background-repeat:no-repeat}html.dark #sf-layout .sf-layout-nav-footer-logo{background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-dark.png)}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:currentColor;pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:8px;height:8px;top:6px;right:6px}div.sf-icon>button+span[data-color=primary]{background-color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{background-color:var(--info-color)}div.sf-icon>button+span[data-color=success]{background-color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{background-color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{background-color:var(--help-color)}div.sf-icon>button+span[data-color=error]{background-color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{background-color:var(--secondary-color)}div.sf-icon>button+span[data-color=text]{background-color:var(--text-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{--size: calc(var(--material-icon-font-size) * .75)}div.sf-icon.sf-icon-medium{--size: var(--material-icon-font-size)}div.sf-icon.sf-icon-large{--size: calc(var(--material-icon-font-size) * 1.25)}div.sf-icon.sf-icon-large>button{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-xlarge{--size: calc(var(--material-icon-font-size) * 2)}div.sf-icon.sf-icon-xlarge>button{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-2xlarge{--size: calc(var(--material-icon-font-size) * 2.5)}div.sf-icon.sf-icon-2xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-3xlarge{--size: calc(var(--material-icon-font-size) * 3)}div.sf-icon.sf-icon-3xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon .sf-loading-circle{width:var(--size);height:var(--size)}div.sf-icon>button{font-size:var(--size);width:var(--size);height:var(--size);line-height:var(--size)}div.sf-icon.sf-icon-button{padding:6px;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}@media (pointer: fine){div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-within{cursor:pointer;background:color-mix(in srgb,currentColor 10%,transparent)}}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;color:var(--bg-color);text-align:center;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:var(--inline-spacing);border-radius:6px;background-color:var(--text-color);font-size:.875em}.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-block!important;width:fit-content;height:fit-content;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:6px;border:1px solid transparent;width:fit-content;word-break:break-word;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:wrap}.sf-button .sf-icon{position:absolute;color:unset!important}.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{min-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-medium{min-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-large{min-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}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=primary].sf-button-filled{color:#fff;background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{color:var(--primary-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=info].sf-button-filled{color:#fff;background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{color:var(--info-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=success].sf-button-filled{color:#fff;background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{color:var(--success-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=warn].sf-button-filled{color:#000;background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{color:var(--warn-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=help].sf-button-filled{color:#fff;background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{color:var(--help-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=error].sf-button-filled{color:#fff;background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{color:var(--error-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=secondary].sf-button-filled{color:#fff;background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{color:var(--secondary-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}.sf-button[data-color=text].sf-button-outlined,.sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=text].sf-button-outlined:hover,.sf-button[data-color=text].sf-button-outlined:focus-visible,.sf-button[data-color=text].sf-button-text:hover,.sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=text].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{color:#fff;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{color:var(--primary-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{color:#fff;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{color:var(--info-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{color:#fff;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{color:var(--success-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{color:#000;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{color:var(--warn-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{color:#fff;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{color:var(--help-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{color:#fff;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{color:var(--error-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{color:#fff;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{color:var(--secondary-color);background-color:transparent}@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-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}html.dark .sf-button[data-color=text].sf-button-outlined,html.dark .sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=text].sf-button-outlined:hover,html.dark .sf-button[data-color=text].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=text].sf-button-text:hover,html.dark .sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=text].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/dist/types/index.d.ts CHANGED
@@ -1,4 +1,8 @@
1
- import Keycloak, { KeycloakInitOptions } from "./../keycloak";
1
+ import { default as Keycloak, KeycloakInitOptions } from './../keycloak';
2
+ export type Color = "primary" | "secondary" | "info" | "success" | "help" | "warn" | "error" | "text";
3
+ export type Size = "sm" | "md" | "lg";
4
+ export type IconSize = Size | "xl" | "2xl" | "3xl";
5
+ export type ButtonVariant = "filled" | "outlined" | "text";
2
6
  interface SfPanelMenuItem {
3
7
  label: string;
4
8
  routeName?: string;
@@ -7,6 +11,13 @@ interface SfPanelMenuItem {
7
11
  items?: SfPanelMenuItem[];
8
12
  key?: string;
9
13
  }
14
+ export interface SfNavMenuItem {
15
+ text: string;
16
+ [key: string]: any;
17
+ href?: string;
18
+ icon?: string;
19
+ items?: SfNavMenuItem[];
20
+ }
10
21
  interface User {
11
22
  name: string;
12
23
  email: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luizleon/sf.prefeiturasp.vuecomponents",
3
- "version": "0.0.65",
3
+ "version": "4.0.0",
4
4
  "type": "module",
5
5
  "main": "dist/sf.prefeiturasp.vuecomponents.umd.js",
6
6
  "module": "dist/sf.prefeiturasp.vuecomponents.es.js",
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "air-datepicker": "3.3.1",
13
- "axios": "1.6.5",
13
+ "axios": "1.7.4",
14
14
  "date-fns": "2.29.3",
15
15
  "dompurify": "3.0.9",
16
16
  "nanoid": "5.0.4",
@@ -27,13 +27,13 @@
27
27
  "rollup-plugin-sourcemaps": "0.6.3",
28
28
  "sass": "1.69.5",
29
29
  "typescript": "5.2.2",
30
- "vite": "5.1.5",
31
- "vite-plugin-dts": "3.7.3",
32
- "vue-tsc": "2.0.4"
30
+ "vite": "5.4.1",
31
+ "vite-plugin-dts": "4.0.3",
32
+ "vue-tsc": "2.0.29"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "vue": "3.*",
36
- "primevue": "3.*",
36
+ "primevue": "4.*",
37
37
  "vue-router": "4.*"
38
38
  }
39
39
  }
package/src/components/button/Button.vue CHANGED
@@ -85,10 +85,10 @@ function CssClass() {
85
85
  >
86
86
  <Icon
87
87
  v-if="!!props.icon"
88
- :filled="props.variant === 'filled'"
89
88
  :icon="props.icon"
90
89
  :loading="props.loading"
91
90
  :size="props.size"
91
+ :color="undefined"
92
92
  :button-props="{ tabindex: -1 }"
93
93
  />
94
94
  <Icon
package/src/components/icon/Icon.vue CHANGED
@@ -3,6 +3,7 @@ import { ButtonHTMLAttributes, StyleValue, computed } from "vue";
3
3
  import LoadingCircle from "../internal/LoadingCircle.vue";
4
4
  import { CssClassBuilder } from "../internal/cssClassBuilder";
5
5
  import Tooltip from "../tooltip/Tooltip.vue";
6
+ import { Color, IconSize } from "../../types";
6
7
 
7
8
  export interface SfIconProps {
8
9
  icon?: string;
@@ -12,26 +13,13 @@ export interface SfIconProps {
12
13
  disabled?: boolean;
13
14
  loading?: boolean;
14
15
  button?: boolean;
15
- /**
16
- * @default 'md'
17
- */
18
- size?: "sm" | "md" | "lg" | undefined;
16
+ size?: IconSize;
19
17
  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;
18
+ dotColor?: Color;
32
19
  filled?: boolean;
33
20
  buttonProps?: ButtonHTMLAttributes;
34
21
  tooltip?: string;
22
+ color?: Color | "inherit";
35
23
  }
36
24
 
37
25
  const props: SfIconProps = withDefaults(defineProps<SfIconProps>(), {
@@ -40,6 +28,7 @@ const props: SfIconProps = withDefaults(defineProps<SfIconProps>(), {
40
28
  style: "",
41
29
  size: "md",
42
30
  dotColor: "error",
31
+ color: "inherit",
43
32
  });
44
33
 
45
34
  const dynamicComponent = computed(() =>
@@ -58,7 +47,14 @@ const cssClass = computed(() => {
58
47
  .AddClass("sf-icon-small", props.size === "sm")
59
48
  .AddClass("sf-icon-medium", props.size === "md")
60
49
  .AddClass("sf-icon-large", props.size === "lg")
50
+ .AddClass("sf-icon-xlarge", props.size === "xl")
51
+ .AddClass("sf-icon-2xlarge", props.size === "2xl")
52
+ .AddClass("sf-icon-3xlarge", props.size === "3xl")
61
53
  .AddClass("sf-ripple", props.button === true)
54
+ .AddClass(
55
+ `${props.color}-color`,
56
+ !!props.color && props.color !== "inherit"
57
+ )
62
58
  .Build();
63
59
  });
64
60
  </script>
package/src/components/internal/getMaxZindex.ts CHANGED
@@ -1,14 +1,15 @@
1
1
  function GetMaxZindex(seletores: string[] = []) {
2
- let selector = "body *:not(style)";
2
+ let selector = "body > *:not(script):not(style)";
3
3
  for (const s of seletores) {
4
4
  selector += `, ${s}`;
5
5
  }
6
- return Math.max(
6
+ const max = Math.max(
7
7
  ...Array.from(document.querySelectorAll(selector)).map((x) => {
8
8
  const z = getComputedStyle(x).zIndex;
9
9
  return +z === +z ? +z : 0;
10
10
  })
11
11
  );
12
+ return max >= 100 ? max : 100;
12
13
  }
13
14
 
14
15
  export { GetMaxZindex };
package/src/components/layout/Layout.vue CHANGED
@@ -37,7 +37,7 @@ onMounted(() => {
37
37
  <slot name="title"></slot>
38
38
  </div>
39
39
  <slot name="action"> </slot>
40
- <SfTooltip :text="'alternar tema'">
40
+ <SfTooltip :text="'Tema'">
41
41
  <ThemeToggle />
42
42
  </SfTooltip>
43
43
  <HeaderAvatar @logout="emit('logout')" />
package/src/components/navmenu/NavMenu.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { VNode } from "vue";
2
+ import { StyleValue } from "vue";
3
+ import {
4
+ ClassComponent,
5
+ GlobalComponentConstructor,
6
+ HintedString,
7
+ } from "../../ts-helpers";
8
+ import { SfNavMenuItem } from "../../types";
9
+
10
+ export interface SfNavMenuProps {
11
+ items: SfNavMenuItem[];
12
+ }
13
+
14
+ export interface SfNavMenuSlots {}
15
+
16
+ export declare type SfNavMenuEmits = {};
17
+
18
+ declare class SfNavMenu extends ClassComponent<
19
+ SfNavMenuProps,
20
+ SfNavMenuSlots,
21
+ SfNavMenuEmits
22
+ > {}
23
+
24
+ declare module "@vue/runtime-core" {
25
+ interface GlobalComponents {
26
+ SfNavMenu: GlobalComponentConstructor<SfNavMenu>;
27
+ }
28
+ }
29
+
30
+ export default SfNavMenu;
package/src/components/navmenu/NavMenu.vue ADDED
@@ -0,0 +1,105 @@
1
+ <script setup lang="ts">
2
+ import PanelMenu from "primevue/panelmenu";
3
+ import { SfNavMenuProps } from "./NavMenu";
4
+ import { UseNavMenuService } from "../../services/navMenuService";
5
+
6
+ const props = defineProps<SfNavMenuProps>();
7
+
8
+ const navService = UseNavMenuService();
9
+
10
+ function OnClickRoute(ev: Event, navigate: () => void) {
11
+ ev.preventDefault();
12
+ const target = ev.target as HTMLElement;
13
+ const nav = target.closest(".panel-menu-wrapper");
14
+ if (nav && nav.clientWidth + 10 > document.body.clientWidth) {
15
+ navService.Close();
16
+ }
17
+ navigate();
18
+ }
19
+ </script>
20
+
21
+ <template>
22
+ <div class="panel-menu-wrapper">
23
+ <PanelMenu :model="props.items" :unstyled="true">
24
+ <template #item="{ item, active }">
25
+ <router-link
26
+ v-if="!!item.href"
27
+ v-slot="{ navigate, isActive }"
28
+ :to="{
29
+ path: item.href,
30
+ params: item.params ?? {},
31
+ query: item.query ?? {},
32
+ }"
33
+ custom
34
+ >
35
+ <a
36
+ class="item-menu sf-ripple"
37
+ :data-active="isActive"
38
+ :href="item.href"
39
+ @click="OnClickRoute($event, navigate)"
40
+ >
41
+ <span class="material-symbols-outlined sf-mr-3">
42
+ {{ item.icon ?? "chevron_right" }}
43
+ </span>
44
+ <span>{{ item.text }}</span>
45
+ </a>
46
+ </router-link>
47
+ <a v-else class="item-menu sf-ripple">
48
+ <span
49
+ v-if="item.icon"
50
+ class="material-symbols-outlined sf-mr-3"
51
+ >
52
+ {{ item.icon }}
53
+ </span>
54
+ <span>{{ item.text }}</span>
55
+ <div class="sf-flex-grow-1"></div>
56
+ <span
57
+ :class="[
58
+ 'material-symbols-outlined arrow',
59
+ { '--expand': active },
60
+ ]"
61
+ >
62
+ chevron_right
63
+ </span>
64
+ </a>
65
+ </template>
66
+ </PanelMenu>
67
+ </div>
68
+ </template>
69
+
70
+ <style scoped lang="scss">
71
+ .panel-menu-wrapper {
72
+ padding: var(--inline-spacing);
73
+ :deep(ul, li) {
74
+ list-style-type: none;
75
+ padding: 0;
76
+ margin: 0;
77
+ }
78
+ :deep(ul) {
79
+ padding-left: var(--inline-spacing);
80
+ }
81
+ }
82
+ .item-menu {
83
+ display: flex;
84
+ align-items: center;
85
+ padding: var(--inline-spacing);
86
+ color: var(--text-color);
87
+ text-decoration: none;
88
+ border-radius: 6px;
89
+ margin-bottom: 0.25em;
90
+ cursor: pointer;
91
+ &.sub-item {
92
+ margin-bottom: var(--inline-spacing);
93
+ }
94
+ &[data-active="true"] {
95
+ background-color: var(--primary-hover-color);
96
+ color: var(--primary-color);
97
+ }
98
+ }
99
+ .arrow {
100
+ transition: transform 0.3s;
101
+ &.--expand {
102
+ transform: rotate(90deg);
103
+ }
104
+ }
105
+ </style>
package/src/index.ts CHANGED
@@ -8,6 +8,7 @@ import SfDrawer from "./components/drawer/Drawer.vue";
8
8
  import SfMessage from "./components/message/Message.vue";
9
9
  import SfTooltip from "./components/tooltip/Tooltip.vue";
10
10
  import SfPanelMenu from "./components/panelmenu/PanelMenu.vue";
11
+ import SfNavMenu from "./components/navmenu/NavMenu.vue";
11
12
  import { ThemeToggleBase } from "./components/internal/ThemeToggle";
12
13
 
13
14
  import { UseNavMenuService } from "./services/navMenuService";
@@ -35,6 +36,7 @@ export {
35
36
  SfMessage,
36
37
  SfTooltip,
37
38
  SfPanelMenu,
39
+ SfNavMenu,
38
40
  StartAuthService,
39
41
  UseAuthService,
40
42
  UseNavMenuService,
package/src/services/authService.ts CHANGED
@@ -52,14 +52,23 @@ function ConfigAuthService(config?: KeycloakConfig): IAuthService {
52
52
  if (authenticated) {
53
53
  await FetchUserInfo();
54
54
  }
55
- if (callback && typeof callback === "function") callback();
56
- document.documentElement.classList.add("app-mounted");
55
+ if (callback && typeof callback === "function") {
56
+ try {
57
+ callback();
58
+ document.documentElement.classList.add("app-mounted");
59
+ } catch (e) {
60
+ console.error(e);
61
+ document.documentElement.setAttribute(
62
+ "data-app-message",
63
+ "Ocorreu um erro na inicialização. Verifique o console para mais detalhes."
64
+ );
65
+ }
66
+ }
57
67
  })
58
68
  .catch((e: any) => {
59
- console.error(e);
60
69
  document.documentElement.setAttribute(
61
70
  "data-app-message",
62
- "Não foi possível conectar no servidor de autenticação."
71
+ "Ocorreu na comunicação com o servidor de autenticação."
63
72
  );
64
73
  });
65
74
  };
package/src/style/componentes.scss CHANGED
@@ -1,4 +1,8 @@
1
- @import "./src/components/layout";
1
+ @use "./src/mixins" as mx;
2
+
3
+ @include mx.theme-colors-class();
4
+
5
+ @import "./src/components/layout";
2
6
  @import "./src/components/themetoggle";
3
7
  @import "./src/components/svg_icon";
4
8
  @import "./src/components/loading-circle";