@luizleon/sf.prefeiturasp.vuecomponents 0.0.41 → 0.0.43

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 (17) hide show
  1. package/dist/components/content/Content.d.ts +1 -0
  2. package/dist/components/message/Message.d.ts +37 -0
  3. package/dist/index.d.ts +2 -1
  4. package/dist/lib.es.js +1216 -1180
  5. package/dist/lib.es.js.map +1 -1
  6. package/dist/lib.umd.js +13 -13
  7. package/dist/lib.umd.js.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
  10. package/src/components/content/Content.d.ts +1 -0
  11. package/src/components/drawer/Drawer.vue +1 -0
  12. package/src/components/message/Message.d.ts +37 -0
  13. package/src/components/message/Message.vue +49 -0
  14. package/src/index.ts +3 -1
  15. package/src/style/componentes.scss +1 -0
  16. package/src/style/src/_mixins.scss +16 -0
  17. package/src/style/src/components/_message.scss +47 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- #sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://sfpocstorageacc.z13.web.core.windows.net/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:100%;overflow:auto;border-bottom:1px solid var(--surface-border-color)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:var(--text-color);pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:6px;height:6px;top:4px;right:4px}div.sf-icon>button+span[data-color=primary]{color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{color:var(--info-color)}div.sf-icon>button+span[data-color=success]{color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{color:var(--help-color)}div.sf-icon>button+span[data-color=error]{color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{color:var(--secondary-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-filled button{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-small{min-width:28px}div.sf-icon.sf-icon-small>button{font-size:20px}div.sf-icon.sf-icon-small .sf-loading-circle{width:20px;height:20px}div.sf-icon.sf-icon-medium{min-width:37px}div.sf-icon.sf-icon-medium>button{font-size:24px}div.sf-icon.sf-icon-medium>button+span{width:8px;height:8px;top:6px;right:6px}div.sf-icon.sf-icon-medium .sf-loading-circle{width:24px;height:24px}div.sf-icon.sf-icon-large{min-width:48px}div.sf-icon.sf-icon-large>button{font-size:36px}div.sf-icon.sf-icon-large>button+span{width:12px;height:12px;top:6px;right:6px}div.sf-icon.sf-icon-large .sf-loading-circle{width:28px;height:28px}div.sf-icon.sf-icon-button{border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}div.sf-icon.sf-icon-button.sf-icon-small{padding:4px}div.sf-icon.sf-icon-button.sf-icon-medium{padding:6px}div.sf-icon.sf-icon-button.sf-icon-large{padding:8px}@media (pointer: fine){div.sf-icon.sf-icon-button{cursor:pointer}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--primary-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--info-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--success-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--warn-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--help-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--error-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--secondary-hover-color)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;width:120px;color:var(--bg-color);text-align:center;text-transform:lowercase;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:6px 0;border-radius:4px;background-color:var(--text-color);font-size:.875rem}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -1);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -1);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline!important;border-radius:50%}.sf-tooltip-anchor:has(.sf-component-disabled),.sf-tooltip-anchor:has(.sf-component-loading),.sf-tooltip-anchor:has(.sf-component-freeze){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:4px;border:1px solid transparent;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:nowrap}.sf-button .sf-icon{position:absolute}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-small .sf-button-label{line-height:32px}.sf-button.sf-button-medium{height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-medium .sf-button-label{line-height:36px}.sf-button.sf-button-large{height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}.sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s}.sf-button[data-color=primary]:active:active{filter:brightness(1.1)}.sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}.sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s}.sf-button[data-color=info]:active:active{filter:brightness(1.1)}.sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}.sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s}.sf-button[data-color=success]:active:active{filter:brightness(1.1)}.sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}.sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s}.sf-button[data-color=warn]:active:active{filter:brightness(1.1)}.sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}.sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s}.sf-button[data-color=help]:active:active{filter:brightness(1.1)}.sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}.sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s}.sf-button[data-color=error]:active:active{filter:brightness(1.1)}.sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}.sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s}.sf-button[data-color=secondary]:active:active{filter:brightness(1.1)}.sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s}html.dark .sf-button[data-color=primary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s}html.dark .sf-button[data-color=info]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s}html.dark .sf-button[data-color=success]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s}html.dark .sf-button[data-color=warn]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s}html.dark .sf-button[data-color=help]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s}html.dark .sf-button[data-color=error]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s}html.dark .sf-button[data-color=secondary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}
1
+ #sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://sfpocstorageacc.z13.web.core.windows.net/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:100%;overflow:auto;border-bottom:1px solid var(--surface-border-color)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:var(--text-color);pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:6px;height:6px;top:4px;right:4px}div.sf-icon>button+span[data-color=primary]{color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{color:var(--info-color)}div.sf-icon>button+span[data-color=success]{color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{color:var(--help-color)}div.sf-icon>button+span[data-color=error]{color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{color:var(--secondary-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-filled button{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-small{min-width:28px}div.sf-icon.sf-icon-small>button{font-size:20px}div.sf-icon.sf-icon-small .sf-loading-circle{width:20px;height:20px}div.sf-icon.sf-icon-medium{min-width:37px}div.sf-icon.sf-icon-medium>button{font-size:24px}div.sf-icon.sf-icon-medium>button+span{width:8px;height:8px;top:6px;right:6px}div.sf-icon.sf-icon-medium .sf-loading-circle{width:24px;height:24px}div.sf-icon.sf-icon-large{min-width:48px}div.sf-icon.sf-icon-large>button{font-size:36px}div.sf-icon.sf-icon-large>button+span{width:12px;height:12px;top:6px;right:6px}div.sf-icon.sf-icon-large .sf-loading-circle{width:28px;height:28px}div.sf-icon.sf-icon-button{border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}div.sf-icon.sf-icon-button.sf-icon-small{padding:4px}div.sf-icon.sf-icon-button.sf-icon-medium{padding:6px}div.sf-icon.sf-icon-button.sf-icon-large{padding:8px}@media (pointer: fine){div.sf-icon.sf-icon-button{cursor:pointer}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--primary-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--info-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--success-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--warn-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--help-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--error-hover-color)}div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-visible{background-color:var(--secondary-hover-color)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;width:120px;color:var(--bg-color);text-align:center;text-transform:lowercase;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:6px 0;border-radius:4px;background-color:var(--text-color);font-size:.875rem}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -1);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -1);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline!important;border-radius:50%}.sf-tooltip-anchor:has(.sf-component-disabled),.sf-tooltip-anchor:has(.sf-component-loading),.sf-tooltip-anchor:has(.sf-component-freeze){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:4px;border:1px solid transparent;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:nowrap}.sf-button .sf-icon{position:absolute}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-small .sf-button-label{line-height:32px}.sf-button.sf-button-medium{height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-medium .sf-button-label{line-height:36px}.sf-button.sf-button-large{height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}.sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s}.sf-button[data-color=primary]:active:active{filter:brightness(1.1)}.sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}.sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s}.sf-button[data-color=info]:active:active{filter:brightness(1.1)}.sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}.sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s}.sf-button[data-color=success]:active:active{filter:brightness(1.1)}.sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}.sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s}.sf-button[data-color=warn]:active:active{filter:brightness(1.1)}.sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}.sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s}.sf-button[data-color=help]:active:active{filter:brightness(1.1)}.sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}.sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s}.sf-button[data-color=error]:active:active{filter:brightness(1.1)}.sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}.sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s}.sf-button[data-color=secondary]:active:active{filter:brightness(1.1)}.sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=primary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s}html.dark .sf-button[data-color=primary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background-color:var(--primary-hover-color)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=info]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s}html.dark .sf-button[data-color=info]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{background-color:transparent;color:var(--info-color);border-color:var(--info-color)}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background-color:var(--info-hover-color)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=success]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s}html.dark .sf-button[data-color=success]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background-color:var(--success-hover-color)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=warn]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s}html.dark .sf-button[data-color=warn]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{background-color:transparent;color:var(--warn-color);border-color:var(--warn-color)}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background-color:var(--warn-hover-color)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=help]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s}html.dark .sf-button[data-color=help]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{background-color:transparent;color:var(--help-color);border-color:var(--help-color)}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background-color:var(--help-hover-color)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=error]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s}html.dark .sf-button[data-color=error]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background-color:var(--error-hover-color)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}html.dark .sf-button[data-color=secondary]{color:var(--bg-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-hover-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s}html.dark .sf-button[data-color=secondary]:active:active{filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background-color:var(--secondary-hover-color)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}.sf-message{border-radius:4px;padding:1rem 1.5rem;margin:1rem;position:relative}.sf-message.sf-message-info{background-color:var(--info-hover-color);color:var(--info-color)}.sf-message.sf-message-error{background-color:var(--error-hover-color);color:var(--error-color)}.sf-message.sf-message-success{background-color:var(--success-hover-color);color:var(--success-color)}.sf-message.sf-message-warning{background-color:var(--warn-hover-color);color:var(--warn-color)}.sf-message.sf-message-help{background-color:var(--help-hover-color);color:var(--help-color)}.sf-message.sf-message-primary{background-color:var(--primary-hover-color);color:var(--primary-color)}.sf-message.sf-message-secondary{background-color:var(--secondary-hover-color);color:var(--secondary-color)}.sf-message[data-icon]{padding-left:3.25rem}.sf-message[data-icon]:before{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:attr(data-icon);position:absolute;top:50%;transform:translateY(-50%);left:1rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luizleon/sf.prefeiturasp.vuecomponents",
3
- "version": "0.0.41",
3
+ "version": "0.0.43",
4
4
  "type": "module",
5
5
  "main": "dist/lib.umd.js",
6
6
  "module": "dist/lib.es.js",
package/src/components/content/Content.d.ts CHANGED
@@ -16,6 +16,7 @@ export interface SfContentProps {
16
16
  export interface SfContentSlots {
17
17
  header: () => VNode[];
18
18
  footer: () => VNode[];
19
+ default: () => VNode[];
19
20
  }
20
21
 
21
22
  export declare type SfContentEmits = {};
package/src/components/drawer/Drawer.vue CHANGED
@@ -113,6 +113,7 @@ watch(
113
113
  ]"
114
114
  :style="props.style"
115
115
  role="dialog"
116
+ @click.stop="void"
116
117
  >
117
118
  <div class="sf-drawer-header">
118
119
  <span class="sf-drawer-title">
package/src/components/message/Message.d.ts ADDED
@@ -0,0 +1,37 @@
1
+ import { VNode } from "vue";
2
+ import { StyleValue } from "vue";
3
+ import {
4
+ ClassComponent,
5
+ GlobalComponentConstructor,
6
+ } from "../../ts-helpers";
7
+ import { Cor } from "../../enum";
8
+
9
+ export interface SfMessageProps {
10
+ /**
11
+ * @default "Info"
12
+ */
13
+ severity?: Cor;
14
+ class?: any;
15
+ style?: StyleValue;
16
+ icon?: string;
17
+ }
18
+
19
+ export interface SfMessageSlots {
20
+ default: VNode[];
21
+ }
22
+
23
+ export declare type SfMessageEmits = {};
24
+
25
+ declare class SfMessage extends ClassComponent<
26
+ SfMessageProps,
27
+ SfMessageSlots,
28
+ SfMessageEmits
29
+ > {}
30
+
31
+ declare module "@vue/runtime-core" {
32
+ interface GlobalComponents {
33
+ SfMessage: GlobalComponentConstructor<SfMessage>;
34
+ }
35
+ }
36
+
37
+ export default SfMessage;
package/src/components/message/Message.vue ADDED
@@ -0,0 +1,49 @@
1
+ <script lang="ts" setup>
2
+ import { Cor } from "../../enum";
3
+ import { CssClassBuilder } from "../internal/cssClassBuilder";
4
+ import { SfMessageProps } from "./Message";
5
+ import { computed } from "vue";
6
+
7
+ const props: SfMessageProps = withDefaults(
8
+ defineProps<SfMessageProps>(),
9
+ {
10
+ severity: Cor.Info,
11
+ }
12
+ );
13
+
14
+ const icon = computed(() => {
15
+ if (!!props.icon) return props.icon;
16
+ switch (props.severity) {
17
+ case "error":
18
+ return "cancel";
19
+ case "info":
20
+ return "info";
21
+ case "warn":
22
+ return "warning";
23
+ case "success":
24
+ return "check";
25
+ case "help":
26
+ return "help";
27
+ default:
28
+ return null;
29
+ }
30
+ });
31
+
32
+ const css = computed(() => {
33
+ return new CssClassBuilder("sf-message")
34
+ .AddClass("sf-message-error", props.severity === "error")
35
+ .AddClass("sf-message-info", props.severity === "info")
36
+ .AddClass("sf-message-warning", props.severity === "warn")
37
+ .AddClass("sf-message-success", props.severity === "success")
38
+ .AddClass("sf-message-help", props.severity === "help")
39
+ .AddClass("sf-message-primary", props.severity === "primary")
40
+ .AddClass("sf-message-secondary", props.severity === "secondary")
41
+ .AddClass(props.class)
42
+ .Build();
43
+ });
44
+ </script>
45
+ <template>
46
+ <div :class="css" :data-icon="icon">
47
+ <slot name="default"></slot>
48
+ </div>
49
+ </template>
package/src/index.ts CHANGED
@@ -5,10 +5,11 @@ import SfContent from "./components/content/Content.vue";
5
5
  import SfTabNavigation from "./components/tabnavigation/TabNavigation.vue";
6
6
  import SfButton from "./components/button/Button.vue";
7
7
  import SfDrawer from "./components/drawer/Drawer.vue";
8
+ import SfMessage from "./components/message/Message.vue";
9
+ import { ThemeToggleBase } from "./components/internal/ThemeToggle";
8
10
 
9
11
  import { UseNavMenuService } from "./services/navMenuService";
10
12
  import { UseDialogService } from "./services/dialogService";
11
- import { ThemeToggleBase } from "./components/internal/ThemeToggle";
12
13
  import { UseAuthService } from "./services/authService";
13
14
  import { AppResult } from "./common/appResult";
14
15
 
@@ -25,6 +26,7 @@ export {
25
26
  SfTabNavigation,
26
27
  SfButton,
27
28
  SfDrawer,
29
+ SfMessage,
28
30
  UseAuthService,
29
31
  UseNavMenuService,
30
32
  UseDialogService,
package/src/style/componentes.scss CHANGED
@@ -13,3 +13,4 @@
13
13
  @import "./src/components/tab-navigation";
14
14
  @import "./src/components/button";
15
15
  @import "./src/components/mask";
16
+ @import "./src/components/message";
package/src/style/src/_mixins.scss CHANGED
@@ -148,3 +148,19 @@
148
148
  }
149
149
  }
150
150
  }
151
+
152
+ @mixin material-symbols-outlined {
153
+ font-family: "Material Symbols Outlined";
154
+ font-weight: normal;
155
+ font-style: normal;
156
+ font-size: 24px;
157
+ line-height: 1;
158
+ letter-spacing: normal;
159
+ text-transform: none;
160
+ display: inline-block;
161
+ white-space: nowrap;
162
+ word-wrap: normal;
163
+ direction: ltr;
164
+ font-feature-settings: "liga";
165
+ -webkit-font-smoothing: antialiased;
166
+ }
package/src/style/src/components/_message.scss ADDED
@@ -0,0 +1,47 @@
1
+ @import "../variables";
2
+
3
+ .#{$prefix}message {
4
+ border-radius: 4px;
5
+ padding: 1rem 1.5rem;
6
+ margin: 1rem;
7
+ position: relative;
8
+ &.#{$prefix}message-info {
9
+ background-color: var(--info-hover-color);
10
+ color: var(--info-color);
11
+ }
12
+ &.#{$prefix}message-error {
13
+ background-color: var(--error-hover-color);
14
+ color: var(--error-color);
15
+ }
16
+ &.#{$prefix}message-success {
17
+ background-color: var(--success-hover-color);
18
+ color: var(--success-color);
19
+ }
20
+ &.#{$prefix}message-warning {
21
+ background-color: var(--warn-hover-color);
22
+ color: var(--warn-color);
23
+ }
24
+ &.#{$prefix}message-help {
25
+ background-color: var(--help-hover-color);
26
+ color: var(--help-color);
27
+ }
28
+ &.#{$prefix}message-primary {
29
+ background-color: var(--primary-hover-color);
30
+ color: var(--primary-color);
31
+ }
32
+ &.#{$prefix}message-secondary {
33
+ background-color: var(--secondary-hover-color);
34
+ color: var(--secondary-color);
35
+ }
36
+ &[data-icon] {
37
+ padding-left: 3.25rem;
38
+ &::before {
39
+ @include material-symbols-outlined;
40
+ content: attr(data-icon);
41
+ position: absolute;
42
+ top: 50%;
43
+ transform: translateY(-50%);
44
+ left: 1rem;
45
+ }
46
+ }
47
+ }