.sf-popup{z-index:1000;width:auto;height:auto;position:absolute}.sf-popup.sf-popup-open{display:block}.sf-popup.sf-popup-close{display:none}.sf-tooltip-wrap{max-width:calc(var(--sf-spacing)*21.875);min-width:var(--sf-spacing-30);position:absolute}.sf-tooltip-arrow-bottom{top:100%;left:50%}.sf-tooltip-arrow-top{top:-9px;left:50%}.sf-tooltip-arrow-left{top:48%;left:-9px}.sf-tooltip-arrow-right{top:50%;left:100%}.sf-tooltip-arrow-x{height:var(--sf-spacing-16);width:var(--sf-spacing-8)}.sf-tooltip-arrow-y{height:var(--sf-spacing-8);width:var(--sf-spacing-16)}.sf-tooltip-close{cursor:pointer;right:calc(var(--sf-spacing)*-.625);top:calc(var(--sf-spacing)*-.625);box-shadow:var(--sf-elevation-1);padding:var(--sf-spacing-2);display:flex;position:absolute}.sf-tooltip-close svg{font-size:var(--sf-font-size-sm)}.sf-tooltip-content{padding:var(--sf-spacing-4)var(--sf-spacing-8);position:relative;overflow-x:hidden}.sf-tooltip-wrap{background-color:rgb(var(--sf-color-inverse-surface));border-radius:var(--sf-radius-4);box-shadow:var(--sf-elevation-1)}.sf-tooltip-arrow-outer-bottom{border-left:var(--sf-spacing-8)solid transparent;border-right:var(--sf-spacing-8)solid transparent;border-top:var(--sf-spacing-8)solid rgb(var(--sf-color-inverse-surface))}.sf-tooltip-arrow-outer-top{border-bottom:var(--sf-spacing-8)solid rgb(var(--sf-color-inverse-surface));border-left:var(--sf-spacing-8)solid transparent;border-right:var(--sf-spacing-8)solid transparent}.sf-tooltip-arrow-outer-left{border-bottom:var(--sf-spacing-8)solid transparent;border-right:var(--sf-spacing-8)solid rgb(var(--sf-color-inverse-surface));border-top:var(--sf-spacing-8)solid transparent}.sf-tooltip-arrow-outer-right{border-bottom:var(--sf-spacing-8)solid transparent;border-left:var(--sf-spacing-8)solid rgb(var(--sf-color-inverse-surface));border-top:var(--sf-spacing-8)solid transparent}.sf-tooltip-arrow-inner-bottom,.sf-tooltip-arrow-inner-top{right:var(--sf-spacing-16)}.sf-tooltip-arrow-inner-right,.sf-tooltip-arrow-inner-left{bottom:var(--sf-spacing-16)}.sf-tooltip-close{background-color:rgb(var(--sf-color-inverse-surface));border-radius:var(--sf-radius-full);border:1px solid rgb(var(--sf-color-inverse-on-surface));color:rgb(var(--sf-color-inverse-on-surface))}.sf-tooltip-close:hover{background-color:rgb(var(--sf-color-inverse-on-surface));color:rgb(var(--sf-color-inverse-surface))}.sf-tooltip-content{border-radius:inherit;color:rgb(var(--sf-color-inverse-on-surface));font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs)}.sf-spinner{stroke:currentColor;display:inline-flex;position:relative}.sf-spinner-overlay{text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;z-index:1000;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.sf-spinner-content{width:100%;padding:var(--sf-spacing-8);gap:var(--sf-spacing-8);flex-direction:column;height:100%;position:relative}.sf-spinner-primary{color:rgb(var(--sf-color-primary))}.sf-spinner-secondary{color:rgb(var(--sf-color-secondary))}.sf-spinner-success{color:rgb(var(--sf-color-success))}.sf-spinner-warning{color:rgb(var(--sf-color-warning))}.sf-spinner-error{color:rgb(var(--sf-color-error))}.sf-spinner-info{color:rgb(var(--sf-color-info))}.sf-spinner-circle-inner,.sf-spinner-singlecircle-inner{transform-origin:50%}.sf-spinner-doublecircle-inner,.sf-spinner-doublecircle-second-inner{width:100%;position:absolute}.sf-spinner-doublecircle-second-inner{transform:rotate(180deg)}.sf-spinner-cupertino-dots,.sf-spinner-doublecircle{position:relative}.sf-spinner-cupertino-dots-inner{border-radius:var(--sf-radius-full);position:absolute}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}.sf-dialog{border:0 solid rgba(var(--sf-color-outline-variant));border-radius:var(--sf-radius-16);flex-direction:column;width:100%;min-width:20%;max-width:100%;max-height:98%}.sf-dialog.sf-popup-open{display:inline-flex}.sf-dialog .sf-btn.sf-dlg-closeicon-btn{border-radius:var(--sf-radius-full);top:17px;padding:var(--sf-spacing-9);position:absolute;inset-inline-end:21px}.sf-dialog .sf-btn.sf-dlg-closeicon-btn .sf-btn-icon svg{font-size:var(--sf-font-size-xl)}.sf-dlg-resize-handle{line-height:var(--sf-line-height-sm);position:absolute}.sf-dlg-resize-handle svg{font-size:var(--sf-font-size-xl)}.sf-dlg-south-east,.sf-dlg-south-west{bottom:var(--sf-spacing-4)}.sf-dlg-north-east,.sf-dlg-north-west{top:var(--sf-spacing-4)}.sf-dlg-south-east{right:var(--sf-spacing-4)}.sf-dlg-south-west{left:var(--sf-spacing-4)}.sf-dlg-south-west svg{transform:rotate(90deg)}.sf-dlg-north-east{right:var(--sf-spacing-4);transform:rotate(-90deg)}.sf-dlg-north-west{left:var(--sf-spacing-4);transform:rotate(180deg)}.sf-dlg-south,.sf-dlg-north,.sf-dlg-east,.sf-dlg-west{background-color:#0000;overflow:visible}.sf-dlg-footer-content{gap:var(--sf-spacing-8);border-radius:var(--sf-radius-0)var(--sf-radius-0)var(--sf-radius-16)var(--sf-radius-16);width:100%;padding:var(--sf-spacing-12)var(--sf-spacing-20)var(--sf-spacing-12)var(--sf-spacing-20);border-top:none}.sf-dlg-resizable:not(:has(.sf-dlg-footer-content)){padding-bottom:var(--sf-spacing-20);touch-action:none}.sf-draggable>.sf-dlg-header-content{cursor:move;touch-action:none}.sf-dlg-fullscreen{border-radius:var(--sf-radius-0);border:none}.sf-dlg-header-content{border-radius:var(--sf-radius-16)var(--sf-radius-16)var(--sf-radius-0)var(--sf-radius-0);line-height:var(--sf-line-height-2xl);padding:var(--sf-spacing-20)var(--sf-spacing-20)var(--sf-spacing-8)var(--sf-spacing-20);border-bottom:none}.sf-dlg-header{-webkit-user-select:none;user-select:none;width:80%;font-size:var(--sf-font-size-2xl)}.sf-dlg-content{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);letter-spacing:var(--sf-letter-spacing-wide);padding:var(--sf-spacing-16)var(--sf-spacing-20)var(--sf-spacing-12)var(--sf-spacing-20);border-radius:var(--sf-radius-16);flex:auto;overflow:hidden auto}.sf-dlg-container{width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.sf-dlg-container:not(:has(.sf-dlg-overlay)){pointer-events:none}.sf-dlg-container:not(:has(.sf-dlg-overlay)) .sf-dialog{pointer-events:auto}.sf-dlg-center,.sf-dlg-left-center,.sf-dlg-right-center{align-items:center}.sf-dlg-left-top,.sf-dlg-right-top{align-items:flex-start}.sf-dlg-left-bottom,.sf-dlg-right-bottom{align-items:flex-end}.sf-dlg-center{justify-content:center}.sf-dlg-left-center,.sf-dlg-left-top,.sf-dlg-left-bottom{justify-content:flex-start}.sf-dlg-right-center,.sf-dlg-right-top,.sf-dlg-right-bottom{justify-content:flex-end}.sf-dlg-center-top,.sf-dlg-center-bottom{flex-direction:column;align-items:center}.sf-dlg-center-bottom{justify-content:flex-end}.sf-dlg-overlay{width:100%;height:100%;transition:opacity .15s linear;position:absolute;top:0;left:0}.sf-dialog{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.11),rgba(var(--sf-color-primary),.11)),rgba(var(--sf-color-surface));box-shadow:var(--sf-elevation-3)}.sf-dlg-header{color:rgb(var(--sf-color-on-surface))}.sf-dlg-content{color:rgb(var(--sf-color-on-surface-variant))}.sf-dlg-south-west,.sf-dlg-north-east,.sf-dlg-north-west{color:#0000}.sf-dlg-overlay{background-color:rgba(var(--sf-color-scrim),.5)}.sf-rtl .sf-dlg-south-east{color:#0000}.sf-rtl .sf-dlg-south-west{color:rgb(var(--sf-color-on-surface-variant))}
.sf-toast-container{flex-direction:column;display:inline-flex;position:relative}.sf-toast-container .sf-toast{border-radius:var(--sf-radius-4);font-size:var(--sf-font-size-sm);margin:var(--sf-spacing-0)var(--sf-spacing-0)var(--sf-spacing-10);padding:var(--sf-spacing-16);border:var(--sf-radius-0);align-items:flex-start;display:inline-flex;position:relative;overflow:hidden}.sf-toast-message{width:inherit;flex-direction:column;align-self:center;display:inline-flex;overflow:hidden}.sf-toast-title>*,.sf-toast-content>*{text-overflow:ellipsis;overflow:hidden}.sf-toast-title{font-size:var(--sf-font-size-base);font-weight:var(--sf-font-weight-medium)}.sf-toast-content{word-break:break-word;word-wrap:break-word}.sf-toast-actions{padding-top:var(--sf-spacing-6);margin-inline-start:auto}.sf-toast-actions>*{margin-inline-start:var(--sf-spacing-10)}.sf-toast-close-icon{cursor:pointer;font-size:var(--sf-font-size-xl);padding:var(--sf-spacing-6);border-radius:var(--sf-radius-full);margin-inline-start:var(--sf-spacing-6)}.sf-toast-close-icon .sf-icon{font-size:var(--sf-font-size-xl)}.sf-toast-icon{font-size:var(--sf-font-size-xl);margin-inline-end:var(--sf-spacing-12)}.sf-toast-icon svg{font-size:var(--sf-font-size-xl)}.sf-toast-top-left{left:var(--sf-spacing-10);top:var(--sf-spacing-10)}.sf-toast-bottom-left{bottom:var(--sf-spacing-10);left:var(--sf-spacing-10)}.sf-toast-top-right{right:var(--sf-spacing-10);top:var(--sf-spacing-10)}.sf-toast-bottom-right{bottom:var(--sf-spacing-10);right:var(--sf-spacing-10)}.sf-toast-bottom-center{bottom:var(--sf-spacing-10);width:100%;right:0}.sf-toast-top-center{right:0;top:var(--sf-spacing-10);width:100%}.sf-toast-bottom-center .sf-toast,.sf-toast-top-center .sf-toast{margin:0 auto var(--sf-spacing-10)}.sf-toast-progress{width:100%;height:var(--sf-spacing-4);bottom:0;position:absolute;inset-inline-start:0}.sf-toast-progress-bar{width:100%;height:100%;animation-timing-function:linear;animation-fill-mode:forwards}.sf-toast-progress-ltr{animation-name:SlideRight}.sf-toast-progress-rtl{animation-name:SlideLeft}.sf-toast-container .sf-toast{box-shadow:var(--sf-elevation-3);color:rgb(var(--sf-color-surface));background-color:rgb(var(--sf-color-inverse-surface))}.sf-toast-container .sf-toast-success{background-color:rgb(var(--sf-color-success))}.sf-toast-container .sf-toast-info{background-color:rgb(var(--sf-color-info))}.sf-toast-container .sf-toast-warning{background-color:rgb(var(--sf-color-warning))}.sf-toast-container .sf-toast-danger{background-color:rgb(var(--sf-color-error))}.sf-toast-container .sf-toast-progress-bar{background-color:rgb(var(--sf-color-primary))}.sf-toast-close-icon.sf-icon:hover,.sf-toast-close-icon.sf-icon:focus{background:#ffffff2e}.sf-message{border-radius:var(--sf-radius-4);padding:var(--sf-spacing-11)var(--sf-spacing-9);letter-spacing:var(--sf-letter-spacing-wide);color:rgba(var(--sf-color-on-surface));background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));border:1px solid;border-image:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05))}.sf-msg-icon{color:rgba(var(--sf-color-on-surface-variant));margin:var(--sf-spacing-1)var(--sf-spacing-5)}.sf-msg-close-icon{color:rgba(var(--sf-color-on-surface-variant));margin:var(--sf-spacing-0)var(--sf-spacing-4)var(--sf-spacing-0)auto;padding:var(--sf-spacing-2);background:0 0;border-width:0}.sf-msg-close-icon:hover>svg,.sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-on-surface-variant),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-on-surface-variant),.12);border-radius:var(--sf-radius-full)}.sf-msg-content{padding:var(--sf-spacing-0)var(--sf-spacing-6)}.sf-message.sf-rtl .sf-msg-close-icon{margin:var(--sf-spacing-0)auto var(--sf-spacing-0)var(--sf-spacing-4)}.sf-message.sf-content-right .sf-msg-close-icon,.sf-message.sf-content-center .sf-msg-close-icon{margin:var(--sf-spacing-0)var(--sf-spacing-4)}.sf-msg-success{background-color:rgba(var(--sf-color-success-container));border-color:rgba(var(--sf-color-success-container));color:rgba(var(--sf-color-on-success-container))}.sf-msg-success .sf-msg-icon{color:rgba(var(--sf-color-success))}.sf-msg-warning{background-color:rgba(var(--sf-color-warning-container));border-color:rgba(var(--sf-color-warning-container));color:rgba(var(--sf-color-on-warning-container))}.sf-msg-warning .sf-msg-icon{color:rgba(var(--sf-color-warning))}.sf-msg-info{background-color:rgba(var(--sf-color-info-container));border-color:rgba(var(--sf-color-info-container));color:rgba(var(--sf-color-on-info-container))}.sf-msg-info .sf-msg-icon{color:rgba(var(--sf-color-info))}.sf-msg-error{background-color:rgba(var(--sf-color-error-container));border-color:rgba(var(--sf-color-error-container));color:rgba(var(--sf-color-on-error-container))}.sf-msg-error .sf-msg-icon{color:rgba(var(--sf-color-error))}.sf-msg-outlined{border-image:unset;border-color:rgba(var(--sf-color-outline-variant));color:rgba(var(--sf-color-on-surface));background:0 0}.sf-msg-outlined .sf-msg-icon{color:rgba(var(--sf-color-on-surface-variant))}.sf-msg-success-outlined{border-color:rgba(var(--sf-color-success));color:rgba(var(--sf-color-on-success-container))}.sf-msg-success-outlined .sf-msg-icon{color:rgba(var(--sf-color-on-success-container))}.sf-msg-warning-outlined{border-color:rgba(var(--sf-color-warning));color:rgba(var(--sf-color-on-warning-container))}.sf-msg-warning-outlined .sf-msg-icon{color:rgba(var(--sf-color-on-warning-container))}.sf-msg-info-outlined{border-color:rgba(var(--sf-color-info));color:rgba(var(--sf-color-on-info-container))}.sf-msg-info-outlined .sf-msg-icon{color:rgba(var(--sf-color-on-info-container))}.sf-msg-error-outlined{border-color:rgba(var(--sf-color-error));color:rgba(var(--sf-color-on-error-container))}.sf-msg-error-outlined .sf-msg-icon{color:rgba(var(--sf-color-on-error-container))}.sf-msg-filled{background:rgba(var(--sf-color-inverse-surface));border-image:unset;border-color:rgba(var(--sf-color-inverse-surface));color:rgba(var(--sf-color-inverse-on-surface))}.sf-msg-filled .sf-msg-icon,.sf-msg-filled .sf-msg-close-icon{color:rgba(var(--sf-color-inverse-on-surface))}.sf-msg-filled .sf-msg-close-icon:hover>svg,.sf-msg-filled .sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-inverse-on-surface),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-inverse-on-surface),.12)}.sf-msg-success-filled{background-color:rgba(var(--sf-color-success));border-color:rgba(var(--sf-color-success));color:rgba(var(--sf-color-on-success))}.sf-msg-success-filled .sf-msg-icon,.sf-msg-success-filled .sf-msg-close-icon{color:rgba(var(--sf-color-on-success))}.sf-msg-success-filled .sf-msg-close-icon:hover>svg,.sf-msg-success-filled .sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-on-success),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-on-success),.12)}.sf-msg-warning-filled{background-color:rgba(var(--sf-color-warning));border-color:rgba(var(--sf-color-warning));color:rgba(var(--sf-color-on-warning))}.sf-msg-warning-filled .sf-msg-icon,.sf-msg-warning-filled .sf-msg-close-icon{color:rgba(var(--sf-color-on-warning))}.sf-msg-warning-filled .sf-msg-close-icon:hover>svg,.sf-msg-warning-filled .sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-on-warning),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-on-warning),.12)}.sf-msg-info-filled{background-color:rgba(var(--sf-color-info));border-color:rgba(var(--sf-color-info));color:rgba(var(--sf-color-on-info))}.sf-msg-info-filled .sf-msg-icon,.sf-msg-info-filled .sf-msg-close-icon{color:rgba(var(--sf-color-on-info))}.sf-msg-info-filled .sf-msg-close-icon:hover>svg,.sf-msg-info-filled .sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-on-info),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-on-info),.12)}.sf-msg-error-filled{background-color:rgba(var(--sf-color-error));border-color:rgba(var(--sf-color-error));color:rgba(var(--sf-color-on-error))}.sf-msg-error-filled .sf-msg-icon,.sf-msg-error-filled .sf-msg-close-icon{color:rgba(var(--sf-color-on-error))}.sf-msg-error-filled .sf-msg-close-icon:hover>svg,.sf-msg-error-filled .sf-msg-close-icon:focus>svg{background-color:rgba(var(--sf-color-on-error),.12);box-shadow:0 0 0 4px rgba(var(--sf-color-on-error),.12)}.sf-skeleton{border-radius:var(--sf-radius-2);background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface));border:none;display:inline-block;position:relative;overflow:hidden}.sf-skeleton.sf-skeleton-circle{border-radius:var(--sf-radius-full)}.sf-skeleton-wave:after{content:"";width:calc(200% + var(--sf-spacing)*12.5);background-image:linear-gradient(90deg,transparent calc(50% - calc(var(--sf-spacing)*6.25)),#fff 50%,transparent calc(50% + calc(var(--sf-spacing)*6.25)));animation:2s ease-in-out infinite sf-shimmer-wave;position:absolute;top:0;bottom:0;right:0}.sf-skeleton-fade{animation:2s ease-in-out infinite sf-shimmer-fade}.sf-skeleton-pulse{animation:2s ease-in-out infinite sf-shimmer-pulse}.sf-rtl.sf-skeleton-wave:after{animation:2s ease-in-out infinite sf-shimmer-wave-rtl}@keyframes sf-shimmer-wave{to{transform:translateX(calc(50% + var(--sf-spacing)*6.25))}}@keyframes sf-shimmer-wave-rtl{0%{transform:translateX(calc(50% + var(--sf-spacing)*6.25))}}@keyframes sf-shimmer-fade{0%,to{opacity:1}50%{opacity:.4}}@keyframes sf-shimmer-pulse{0%,40%,to{transform:scale(1)}50%{transform:scale(.975)}}
.sf-dropdown-btn.sf-caret-hide .sf-caret{display:none}.sf-dropdown-btn.sf-drp-btn-sm .sf-caret svg,.sf-dropdown-btn.sf-drp-btn-me .sf-caret svg{width:var(--sf-font-size-base);height:var(--sf-font-size-base)}.sf-dropdown-btn.sf-drp-btn-la .sf-caret svg{width:var(--sf-font-size-xl);height:var(--sf-font-size-xl)}.sf-dropdown-popup{background:linear-gradient(0deg,rgba(var(--sf-color-surface),1),rgba(var(--sf-color-surface),1)),rgba(var(--sf-color-surface));border-radius:var(--sf-radius-4);color:rgb(var(--sf-color-on-surface));position:absolute}.sf-dropdown-popup ul{border-radius:var(--sf-radius-4);box-shadow:var(--sf-elevation-2);box-sizing:border-box;margin:var(--sf-spacing-0);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.sf-dropdown-popup ul .sf-item{cursor:pointer;display:flex}.sf-dropdown-popup ul .sf-item.sf-separator{height:auto;margin:var(--sf-spacing-8)var(--sf-spacing-0);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgb(var(--sf-color-outline-variant))}.sf-dropdown-popup ul .sf-item .sf-menu-icon{float:left}.sf-dropdown-popup.sf-drp-btn-sm ul{min-width:calc(var(--sf-spacing)*7.5);padding:var(--sf-spacing-8)var(--sf-spacing-0);font-size:var(--sf-font-size-sm)}.sf-dropdown-popup.sf-drp-btn-sm ul .sf-item{line-height:var(--sf-spacing-32);padding:var(--sf-spacing-0)var(--sf-spacing-16)}.sf-dropdown-popup.sf-drp-btn-sm ul .sf-item .sf-menu-icon{margin-inline-end:var(--sf-spacing-8)}.sf-dropdown-popup.sf-drp-btn-sm ul .sf-item .sf-menu-icon .sf-icon-size{height:var(--sf-font-size-base);width:var(--sf-font-size-base)}.sf-dropdown-popup.sf-drp-btn-me ul{min-width:calc(var(--sf-spacing)*10);padding:var(--sf-spacing-8)var(--sf-spacing-0);font-size:var(--sf-font-size-base)}.sf-dropdown-popup.sf-drp-btn-me ul .sf-item{line-height:var(--sf-spacing-40);padding:var(--sf-spacing-0)var(--sf-spacing-20)}.sf-dropdown-popup.sf-drp-btn-me ul .sf-item .sf-menu-icon{margin-inline-end:var(--sf-spacing-12)}.sf-dropdown-popup.sf-drp-btn-me ul .sf-item .sf-menu-icon .sf-icon-size{height:var(--sf-font-size-xl);width:var(--sf-font-size-xl)}.sf-dropdown-popup.sf-drp-btn-la ul{min-width:calc(var(--sf-spacing)*11.25);padding:var(--sf-spacing-12)var(--sf-spacing-0);font-size:var(--sf-font-size-lg)}.sf-dropdown-popup.sf-drp-btn-la ul .sf-item{line-height:var(--sf-spacing-48);padding:var(--sf-spacing-0)var(--sf-spacing-24)}.sf-dropdown-popup.sf-drp-btn-la ul .sf-item .sf-menu-icon{margin-inline-end:var(--sf-spacing-16)}.sf-dropdown-popup.sf-drp-btn-la ul .sf-item .sf-menu-icon .sf-icon-size{height:var(--sf-font-size-xl);width:var(--sf-font-size-xl)}.sf-dropdown-popup ul .sf-item .sf-menu-url{color:rgb(var(--sf-color-on-surface))}.sf-dropdown-popup ul .sf-item .sf-menu-icon path{fill:rgb(var(--sf-color-on-surface-variant))}.sf-dropdown-popup ul .sf-item.sf-focused{background:rgba(var(--sf-color-on-surface),.04);box-shadow:none}.sf-dropdown-popup ul .sf-item:hover{background:rgba(var(--sf-color-on-surface),.05);color:rgb(var(--sf-color-on-surface))}.sf-dropdown-popup ul .sf-item:active,.sf-dropdown-popup ul .sf-item.sf-selected{background:rgba(var(--sf-color-primary-container),.65);color:rgb(var(--sf-color-on-surface))}.sf-dropdown-popup ul .sf-item:active .sf-menu-url,.sf-dropdown-popup ul .sf-item.sf-selected .sf-menu-url{color:rgb(var(--sf-color-on-surface))}.sf-dropdown-popup ul .sf-item:active .sf-menu-icon path,.sf-dropdown-popup ul .sf-item.sf-selected .sf-menu-icon path{fill:rgb(var(--sf-color-on-surface))}.sf-split-btn-wrapper{white-space:nowrap;border-radius:var(--sf-radius-20);gap:var(--sf-spacing-2);width:min-content;display:inline-flex}.sf-split-btn-wrapper .sf-btn-vertical+.sf-dropdown-btn{height:auto}.sf-split-btn-wrapper .sf-split-btn:focus,.sf-split-btn-wrapper .sf-dropdown-btn:focus{outline-offset:0}.sf-split-btn-wrapper .sf-split-btn:disabled:focus,.sf-split-btn-wrapper .sf-split-btn:disabled:hover,.sf-split-btn-wrapper .sf-split-btn:disabled:active,.sf-split-btn-wrapper .sf-dropdown-btn:disabled:focus,.sf-split-btn-wrapper .sf-dropdown-btn:disabled:hover,.sf-split-btn-wrapper .sf-dropdown-btn:disabled:active{z-index:0}.sf-split-btn-wrapper .sf-split-btn{text-transform:none;z-index:1}.sf-split-btn-wrapper .sf-dropdown-btn{transition:border-radius .25s ease-in}.sf-split-btn-wrapper.sf-split-btn-sm .sf-split-btn{border-start-start-radius:var(--sf-radius-16);border-start-end-radius:var(--sf-radius-4);border-end-end-radius:var(--sf-radius-4);border-end-start-radius:var(--sf-radius-16)}.sf-split-btn-wrapper.sf-split-btn-sm .sf-dropdown-btn{padding:var(--sf-spacing-0)var(--sf-spacing-10);border-start-start-radius:var(--sf-radius-4);border-start-end-radius:var(--sf-radius-16);border-end-end-radius:var(--sf-radius-16);border-end-start-radius:var(--sf-radius-4)}.sf-split-btn-wrapper.sf-split-btn-sm .sf-dropdown-btn.sf-active{border-radius:var(--sf-radius-16)}.sf-split-btn-wrapper.sf-split-btn-me .sf-split-btn{border-start-start-radius:var(--sf-radius-20);border-start-end-radius:var(--sf-radius-4);border-end-end-radius:var(--sf-radius-4);border-end-start-radius:var(--sf-radius-20)}.sf-split-btn-wrapper.sf-split-btn-me .sf-dropdown-btn{padding:var(--sf-spacing-0)var(--sf-spacing-14);border-start-start-radius:var(--sf-radius-4);border-start-end-radius:var(--sf-radius-20);border-end-end-radius:var(--sf-radius-20);border-end-start-radius:var(--sf-radius-4)}.sf-split-btn-wrapper.sf-split-btn-me .sf-dropdown-btn.sf-active{border-start-start-radius:var(--sf-radius-16);border-start-end-radius:var(--sf-radius-20);border-end-end-radius:var(--sf-radius-20);border-end-start-radius:var(--sf-radius-16)}.sf-split-btn-wrapper.sf-split-btn-la .sf-split-btn{border-start-start-radius:var(--sf-radius-24);border-start-end-radius:var(--sf-radius-4);border-end-end-radius:var(--sf-radius-4);border-end-start-radius:var(--sf-radius-24)}.sf-split-btn-wrapper.sf-split-btn-la .sf-dropdown-btn{padding:var(--sf-spacing-0)var(--sf-spacing-16);border-start-start-radius:var(--sf-radius-4);border-start-end-radius:var(--sf-radius-24);border-end-end-radius:var(--sf-radius-24);border-end-start-radius:var(--sf-radius-4)}.sf-split-btn-wrapper.sf-split-btn-la .sf-dropdown-btn.sf-active{border-radius:var(--sf-radius-24)}
.sf-contextmenu .sf-menu-parent{margin:var(--sf-spacing-0);-webkit-user-select:none;user-select:none;padding:var(--sf-spacing-8)var(--sf-spacing-0);border:1px solid rgb(var(--sf-color-outline-variant));border-radius:var(--sf-radius-4);min-width:calc(var(--sf-spacing)*7.5);box-shadow:var(--sf-elevation-2);max-height:calc(var(--sf-spacing)*31.25);font-size:var(--sf-font-size-base);list-style:none;position:absolute;overflow:hidden auto}.sf-contextmenu .sf-menu-item{cursor:pointer;line-height:var(--sf-line-height-base);padding:var(--sf-spacing-8)var(--sf-spacing-16);gap:var(--sf-spacing-12);position:relative}.sf-contextmenu .sf-menu-url{min-width:calc(var(--sf-spacing)*7.5);text-decoration:none}.sf-contextmenu .sf-submenu-icon{margin-inline-start:auto;display:flex}.sf-contextmenu .sf-separator{pointer-events:none;height:auto;margin:var(--sf-spacing-6)var(--sf-spacing-0);padding:var(--sf-spacing-0)}.sf-contextmenu .sf-blank-icon{padding-inline:var(--sf-spacing-48)var(--sf-spacing-16)}.sf-contextmenu .sf-separator,.sf-contextmenu .sf-menu-header{border-bottom:1px solid}.sf-contextmenu .sf-menu-parent[sf-animate=true]{pointer-events:none}.sf-contextmenu .sf-menu-icon,.sf-contextmenu .sf-menu-icon svg{font-size:var(--sf-font-size-xl)}.sf-contextmenu .sf-submenu-icon svg{font-size:var(--sf-font-size-base)}.sf-rtl.sf-contextmenu .sf-submenu-icon{transform:rotate(180deg)}.sf-contextmenu .sf-menu-parent{background:rgb(var(--sf-color-surface));color:rgb(var(--sf-color-on-surface))}.sf-contextmenu .sf-menu-item.sf-focused,.sf-contextmenu .sf-menu-item.sf-has-submenu{background-color:rgba(var(--sf-color-on-surface),.05)}.sf-contextmenu .sf-menu-item:active{background-color:rgba(var(--sf-color-primary-container),.65)}.sf-contextmenu .sf-submenu-icon,.sf-contextmenu .sf-menu-icon{color:rgb(var(--sf-color-on-surface-variant))}.sf-contextmenu .sf-menu-url{color:rgb(var(--sf-color-on-surface))}.sf-contextmenu .sf-disabled{color:rgba(var(--sf-color-on-surface),.38);opacity:1}.sf-contextmenu .sf-disabled .sf-menu-icon,.sf-contextmenu .sf-disabled .sf-submenu-icon{color:rgba(var(--sf-color-on-surface-variant),.38)}.sf-contextmenu .sf-disabled .sf-menu-url{color:rgba(var(--sf-color-on-surface),.38)}.sf-contextmenu .sf-menu-header,.sf-contextmenu .sf-separator{border-bottom-color:rgb(var(--sf-color-outline-variant))}.sf-hscroll{width:100%;padding:var(--sf-spacing-0)var(--sf-spacing-40);display:block;position:relative}.sf-hscroll>*{height:inherit;line-height:normal}.sf-rtl .sf-hscroll-arrow{transform:scaleX(-1)}.sf-hscroll-content{height:inherit;display:inline-block;position:relative}.sf-hscroll-nav{cursor:pointer;width:var(--sf-spacing-40);align-items:center;display:flex;position:absolute;overflow:hidden}.sf-hscroll-nav.sf-scroll-left-nav{inset-inline-start:var(--sf-spacing-0)}.sf-hscroll-nav.sf-scroll-right-nav{inset-inline-end:var(--sf-spacing-0)}.sf-hscroll-arrow{vertical-align:middle;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.sf-hscroll-arrow svg{font-size:var(--sf-font-size-xl)}.sf-hscroll-nav{color:rgba(var(--sf-color-on-surface-variant));background:0 0}.sf-hscroll-nav.sf-scroll-left-nav{border-right:1px solid rgba(var(--sf-color-outline-variant))}.sf-hscroll-nav.sf-scroll-right-nav{border-left:1px solid rgba(var(--sf-color-outline-variant))}.sf-hscroll-nav:hover{background:rgba(var(--sf-color-on-surface),.05)}.sf-hscroll-nav:focus{background:rgba(var(--sf-color-on-surface),.04)}.sf-hscroll-nav:active{background:rgba(var(--sf-color-on-surface),.08)}.sf-rtl .sf-hscroll-nav.sf-scroll-left-nav{border-left:1px solid rgba(var(--sf-color-outline-variant));border-right:0}.sf-rtl .sf-hscroll-nav.sf-scroll-right-nav{border-left:0;border-right:1px solid rgba(var(--sf-color-outline-variant))}.sf-toolbar{-webkit-user-select:none;user-select:none;white-space:nowrap;display:block;position:relative;overflow:hidden}.sf-toolbar-hor-nav{cursor:pointer;height:100%;inset-inline-end:var(--sf-spacing-0);top:var(--sf-spacing-0);width:var(--sf-spacing-40);align-items:center;display:flex;position:absolute;overflow:hidden}.sf-toolbar-popup-icon{width:100%}.sf-toolbar-popup-icon svg{font-size:var(--sf-font-size-xl)}.sf-toolbar-items{vertical-align:middle;align-items:center;height:100%;display:flex;overflow:hidden}.sf-toolbar-items:not(.sf-hscroll):not(.sf-vscroll){padding:var(--sf-spacing-8)var(--sf-spacing-12);gap:var(--sf-spacing-4)}.sf-toolbar-popup-overflow{width:calc(100% - var(--sf-spacing-40))}.sf-toolbar-item{cursor:pointer;vertical-align:middle;flex:none;align-items:center;width:auto;display:inline-flex}.sf-toolbar-item:not(.sf-toolbar-separator):not(.sf-toolbar-spacer){height:inherit;min-height:var(--sf-spacing-40);min-width:var(--sf-spacing-40)}.sf-toolbar-spacer{cursor:auto;flex-grow:1}.sf-toolbar-separator{min-height:var(--sf-spacing-24);min-width:var(--sf-spacing-1);height:var(--sf-spacing-24)}.sf-toolbar-multirow{height:auto}.sf-toolbar-multirow-items{white-space:normal;flex-wrap:wrap}.sf-toolbar-items .sf-hscroll-content{padding:var(--sf-spacing-8)var(--sf-spacing-12);gap:var(--sf-spacing-4);touch-action:pan-y pinch-zoom;align-items:center;display:flex}.sf-toolbar-popup,.sf-toolbar-extended{overflow:visible}.sf-toolbar-popup .sf-hidden-popup,.sf-toolbar-extended .sf-hidden-popup{visibility:hidden;display:block}.sf-toolbar-popup .sf-hidden-popup .sf-toolbar-item,.sf-toolbar-extended .sf-hidden-popup .sf-toolbar-item{position:absolute}.sf-toolbar-popup-items{border-radius:var(--sf-radius-4);padding:var(--sf-spacing-0);position:absolute;overflow:hidden}.sf-toolbar-popup-items .sf-toolbar-item{height:var(--sf-spacing-40);min-height:var(--sf-spacing-40);justify-content:center;display:flex}.sf-toolbar-popup-items .sf-toolbar-item:not(.sf-toolbar-separator){height:var(--sf-spacing-40);min-width:var(--sf-spacing-40)}.sf-toolbar-popup-items .sf-toolbar-item>*{justify-content:flex-start;min-width:100%;min-height:100%;display:flex}.sf-toolbar-popup-items:not(.sf-hidden-popup) .sf-toolbar-separator,.sf-toolbar-popup-items:not(.sf-hidden-popup) .sf-toolbar-spacer{display:none}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items{box-shadow:none;white-space:normal;gap:var(--sf-spacing-4);padding:var(--sf-spacing-8)var(--sf-spacing-12);vertical-align:middle;flex-wrap:wrap;align-items:center;display:flex}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items .sf-toolbar-item{min-height:var(--sf-spacing-40);display:inline-flex}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items .sf-toolbar-item:not(.sf-toolbar-separator){min-width:var(--sf-spacing-40)}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items .sf-toolbar-separator{min-height:var(--sf-spacing-24);height:var(--sf-spacing-24)}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items.sf-popup-close:not(.sf-hidden-popup),.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-extended-items .sf-toolbar-separator.sf-extended-separator{display:none}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-popup-items{width:inherit}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-popup-items .sf-toolbar-item:not(.sf-toolbar-separator){height:auto}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-popup-items .sf-toolbar-item>*{align-self:center}.sf-toolbar-vertical{flex-direction:column;height:auto;display:flex}.sf-toolbar-vertical .sf-toolbar-items{flex-direction:column;align-items:normal}.sf-toolbar-vertical .sf-toolbar-items:not(.sf-hscroll):not(.sf-vscroll){padding:var(--sf-spacing-8)var(--sf-spacing-12)}.sf-toolbar-vertical .sf-toolbar-popup-overflow{width:100%;height:calc(100% - var(--sf-spacing-40))}.sf-toolbar-vertical .sf-toolbar-item:not(.sf-toolbar-separator){min-width:var(--sf-spacing-40);height:auto}.sf-toolbar-vertical .sf-toolbar-item>*{justify-content:flex-start;width:100%;display:flex}.sf-toolbar-vertical .sf-toolbar-separator{border-width:0 0 1px;height:auto;min-height:auto}.sf-toolbar-vertical .sf-vscroll .sf-vscroll-content{padding:var(--sf-spacing-8)var(--sf-spacing-12);gap:var(--sf-spacing-4);touch-action:pan-x pinch-zoom;flex-direction:column;display:flex}.sf-toolbar-vertical .sf-toolbar-hor-nav{height:auto;min-height:var(--sf-spacing-40);min-width:calc(var(--sf-spacing)*3.125);border-width:1px 0 0;width:100%;inset:auto auto 0 0}.sf-toolbar{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface));border:var(--sf-spacing-0)solid rgba(var(--sf-color-outline-variant));box-shadow:none}.sf-rtl:not(.sf-toolbar-vertical) .sf-toolbar-hor-nav{border-width:0 1px 0 0}.sf-toolbar-hor-nav{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface));border:solid rgba(var(--sf-color-outline-variant));color:rgba(var(--sf-color-on-surface-variant));border-width:0 0 0 1px}.sf-toolbar-hor-nav:active{box-shadow:none;background:rgba(var(--sf-color-on-surface),.08)}.sf-toolbar-hor-nav:hover{background:rgba(var(--sf-color-on-surface),.05)}.sf-toolbar-hor-nav:hover:active{background:rgba(var(--sf-color-on-surface),.08)}.sf-toolbar-hor-nav:focus{background:rgba(var(--sf-color-on-surface),.04)}.sf-toolbar-separator{border:solid rgba(var(--sf-color-outline-variant));border-width:0 1px 0 0}.sf-toolbar-hor-nav.sf-nav-active{background:rgba(var(--sf-color-on-surface),.08);box-shadow:none}.sf-toolbar-popup-items{background:linear-gradient(0deg,rgba(var(--sf-color-surface),1),rgba(var(--sf-color-surface),1)),rgba(var(--sf-color-surface));border:var(--sf-spacing-0)solid rgba(var(--sf-color-outline-variant));box-shadow:var(--sf-elevation-2)}.sf-toolbar-popup-items:not(.sf-toolbar-extended-items) .sf-btn:focus-visible{box-shadow:none}.sf-toolbar-popup-items .sf-toolbar-item:not(.sf-toolbar-separator){background:0 0}.sf-toolbar-extended:not(.sf-toolbar-vertical) .sf-toolbar-popup-items{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface))}.sf-vscroll{padding:var(--sf-spacing-40)var(--sf-spacing-0);width:inherit;display:block;position:relative}.sf-vscroll>*{height:inherit}.sf-vscroll-content{width:100%;height:auto;display:inline-block;position:relative}.sf-vscroll-nav{cursor:pointer;height:var(--sf-spacing-40);align-items:center;width:100%;display:flex;position:absolute;overflow:hidden}.sf-vscroll-nav.sf-scroll-up-nav{top:0}.sf-vscroll-nav.sf-scroll-down-nav{bottom:0}.sf-vscroll-arrow{vertical-align:middle;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.sf-vscroll-arrow svg{font-size:var(--sf-font-size-xl)}.sf-vscroll-nav{color:rgba(var(--sf-color-on-surface-variant));background:0 0}.sf-vscroll-nav.sf-scroll-up-nav{border-bottom:1px solid rgba(var(--sf-color-outline-variant))}.sf-vscroll-nav.sf-scroll-down-nav{border-top:1px solid rgba(var(--sf-color-outline-variant))}.sf-vscroll-nav:hover{background:rgba(var(--sf-color-on-surface),.05)}.sf-vscroll-nav:focus{background:rgba(var(--sf-color-on-surface),.04)}.sf-vscroll-nav:active{background:rgba(var(--sf-color-on-surface),.08)}

:root{--background-color:#fff;--content-background-color:#fff;--humberger-color:#49454e;--header-text-color:#1c1b1f;--text-color:#49454e;--text-secondary:#6b7280;--border-color:#e7e0ec;--shadow-color:#0000001f;--nav-active-color:#eaddff;--nav-hover-color:#111827;--button-hover-bg:#f3f4f6;--button-text:#49454e;--button-primary-bg:#473871;--button-primary-text:#fff;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#a0a0a0;--preview-background-color:#6750a40d;--brand-icon-bg:#1c1b1f;--token-operator-color:#9a6e3a;--button-icon-bg-color:#eaddff;--notes-bg-color:#eaddffa6;--sf-body-color:#49454e;--sf-body-bg:#fff;--sb-content-color:#211f25;--sb-collapse-color:var(--scrollbar-thumb);--sidebar-background-color:#fff;--topbar-height:3rem;--sidebar-width:244px;--sidebar-width-px:15.25rem;--content-padding:1.875rem;--leftbar-top-spacing:0px;--border-radius:.625rem;--sidebar-collapsed-width:0rem;--toc-width:256px;--sidebar-toggle-left-px:21px;--toc-toggle-right-px:20px;--sidebar-toggle-top-px:14px;--promo-banner-height:4.25rem;--table-bg:#fff;--table-text:#333;--table-header:#dedede;--preview-bg-color:#eaddff;--preview-color:#390094;--highlighter-color:#9c004f;--props-highlighter-color:#7c83931a;--anchor-highlight-color:#004ab3;--accessbility-color:#390094;--new-bg-color:#ccefd7;--new-color:#006e1c;--updated-bg-color:#e3f2fd;--updated-color:#1565c0}*,:after,:before{box-sizing:border-box}body{background-color:var(--background-color);color:var(--sf-body-color);background-color:var(--sf-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;margin:0;padding:0;font-family:Segoe UI,Segoe UI Variable Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;overflow:hidden}.main-content{color:var(--sb-content-color)}.main-content>h1,.main-content>h2,.main-content>h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.main-content>h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.main-content>h1{font-size:2.5rem}}.main-content>h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.main-content>h2{font-size:2rem}}.main-content>h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.main-content>h3{font-size:1.75rem}}sup{vertical-align:baseline;font-size:.875em;line-height:0;position:relative;top:-.5em}.main-content>img,.brand-icon>svg,.sidebar-content svg{vertical-align:middle}.main-content>ol,.main-content>ul{padding-left:2rem}.main-content>dl,.main-content>ol,.main-content>ul{margin-top:0;margin-bottom:1rem}.main-content>p>code,.main-content>p>a>code,.main-content>a>code,.main-content>table code,.main-content>ul code,.main-content>ol code,.main-content>blockquote code{background-color:var(--props-highlighter-color);color:var(--header-text-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:2px 4px;font-size:.875rem}.main-content>p>mark,.main-content>table mark,.main-content>ul mark,.main-content>ol mark,.main-content>blockquote mark{color:var(--accessbility-color);word-wrap:break-word;background-color:#0000;font-family:monospace;font-size:.875rem;line-height:20px}:is(.main-content>p>mark:has(a),.main-content>table mark:has(a),.main-content>ul mark:has(a),.main-content>ol mark:has(a),.main-content>blockquote mark:has(a)){background-color:var(--props-highlighter-color);color:var(--anchor-highlight-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:2px 4px;font-size:.875rem}.main-content>p>a>code,.main-content>table a>code,.main-content>ul a>code,.main-content>ol a>code,.main-content>blockquote a>code{color:inherit}.main-content>blockquote{margin:0 0 1rem}.main-content>h1 a,.main-content>h2 a,.main-content>h3 a,.main-content>h4 a,.main-content>h5 a,.main-content>h6 a{color:var(--header-text-color);letter-spacing:0;font-weight:500;line-height:26px;text-decoration:none}.main-content>h1 a{font-size:1.25rem}.main-content>h2 a{font-size:1.125rem}.main-content>h3 a{font-size:1rem}.main-content>h4 a{font-size:.9375rem}.main-content>p>a,.main-content>table a,.main-content>ul a,.main-content>ol a,.main-content>blockquote a{color:var(--anchor-highlight-color);text-decoration:none}.main-content>p>a:hover,.main-content>table a:hover,.main-content>ul a:hover,.main-content>ol a:hover,.main-content>blockquote a:hover{text-underline-offset:3px;text-decoration:underline}mark>a{color:var(--anchor-highlight-color);text-decoration:none}mark>a:hover{text-underline-offset:3px;text-decoration:underline}.main-content>p,.main-content>table p,.main-content>ul p,.main-content>ol p,.main-content>blockquote p{letter-spacing:.24px;margin-top:.9rem;margin-bottom:1rem;font-size:1rem;line-height:24px}.main-content>ul p{margin-top:.8rem;margin-bottom:.8rem}.main-content>table{border-collapse:collapse;background-color:var(--table-bg);width:100%;color:var(--table-text);margin:16px 0;overflow:hidden}.main-content>.table-scroll-x{background-color:var(--content-background-color)}.main-content>table th:not(thead.sf-week-header th){background-color:var(--preview-background-color);color:var(--button-primary-bg);text-align:left;border:1px solid var(--border-color);padding:10px;font-size:.875rem;font-weight:500;line-height:normal}.main-content>table td{border:1px solid var(--border-color);text-align:left;padding:10px;font-size:.875rem;line-height:normal}.main-content>.table-scroll-x td{padding:0}.main-content>table kbd,.main-content>p>kbd,.main-content>ul kbd,.main-content>ol kbd,.main-content>blockquote kbd{background-color:var(--preview-bg-color);color:var(--preview-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:3px 6px;font-size:.75rem;font-weight:700}.main-content>blockquote{border:1px solid var(--notes-bg-color);color:var(--header-text-color);background:var(--notes-bg-color);word-break:break-word;border-radius:8px;margin-top:1.5em;margin-bottom:1.5em;padding:0 30px;line-height:1.58em}.main-content>blockquote p{text-align:left;display:inline-block;line-height:160%!important}.main-content>blockquote ul{margin-top:.9rem;padding:0 15px}.main-content>ul>li,.main-content>ol>li{font-size:1rem;line-height:26px}.left{width:var(--sidebar-width);float:left;height:auto;min-height:31.25rem}.right{height:calc(100dvh - var(--topbar-height));background-color:var(--content-background-color);flex:1;transition:width .3s ease-in-out;overflow:hidden}.content-wrapper{width:100%;height:100%;display:flex;overflow:hidden}.main-content{flex:1;min-width:0;margin-top:0;transition:padding-left .5s ease-in-out,padding-right .5s ease-in-out;overflow:hidden auto}.main-content.sb-desktop.sb-leftsidebar-closed{padding-right:calc(var(--toc-width) + 40px);padding-left:40px}.main-content.sb-desktop.sb-rightsidebar-closed{padding-left:calc(var(--sidebar-width-px) + 40px);padding-right:50px}.main-content.sb-desktop.sb-rightsidebar-closed.sb-leftsidebar-closed{padding:0 40px}.main-content:not(.sb-rightsidebar-closed){padding-right:calc(var(--toc-width) + 40px)}.main-content.no-transition{transition:padding}.main-content.sb-rightsidebar-closed{padding-right:0}.main-content.opened{padding-left:calc(var(--sidebar-width-px) + 40px)}.main-content.closed{padding-left:0}.toc-sidebar{width:var(--toc-width);min-width:var(--toc-width);background-color:var(--content-background-color);flex-shrink:0;height:94%;margin-right:15px;padding:0;transition:transform .5s;position:fixed;right:0;overflow-y:auto;transform:translate(0%)}.toc-sidebar.no-transition{transition:none;display:none}.toc-sidebar.sb-scrollbar{scrollbar-color:transparent transparent}.toc-sidebar.sb-scrollbar::-webkit-scrollbar-thumb{background-color:#0000;border-color:#0000}.toc-sidebar.sb-scrollbar::-webkit-scrollbar-track{background-color:#0000;border-color:#0000}.toc-sidebar.closed{margin-right:0;transform:translate(100%)}.toc-sidebar.sb-scrollbar:has(.toc-container:hover){scrollbar-color:var(--scrollbar-thumb-hover)var(--background-color)}.toc-sidebar.sb-scrollbar:has(.toc-container:hover)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover)}.toc-sidebar.sb-scrollbar:has(.toc-container:hover)::-webkit-scrollbar-track{background-color:var(--background-color)}.toc-container{padding:.75rem 0}.toc-header{padding-bottom:8px}.toc-title{color:var(--sf-body-color);letter-spacing:.1rem;margin:0;padding-left:15px;font-size:.6875rem;font-weight:700;line-height:1.5}.toc-list{margin:0;padding:0;list-style-type:none}.toc-item.active .toc-link{color:var(--button-primary-bg)}.toc-level-1{border-left:1px solid #0000;font-weight:500}.toc-level-1:hover{border-left:1px solid var(--preview-bg-color)}.toc-level-1.active{border-left:1px solid color-mix(in srgb,var(--button-primary-bg),var(--background-color)30%)}.toc-level-2{border-left:1px solid #0000;padding-left:0}.toc-level-2:hover{border-left:1px solid var(--preview-bg-color)}.toc-level-2.active{border-left:1px solid color-mix(in srgb,var(--button-primary-bg),var(--background-color)30%)}.toc-level-3{border-left:1px solid #0000;padding-left:.5rem}.toc-level-3:hover{border-left:1px solid var(--preview-bg-color)}.toc-level-3.active{border-left:1px solid color-mix(in srgb,var(--button-primary-bg),var(--background-color)30%)}.toc-level-4{border-left:1px solid #0000;padding-left:1.5rem}.toc-level-4:hover{border-left:1px solid var(--preview-bg-color)}.toc-level-4.active{border-left:1px solid color-mix(in srgb,var(--button-primary-bg),var(--background-color)30%)}.toc-link.active{color:var(--text-color)}.toc-link{color:var(--header-text-color);letter-spacing:.24px;padding:6px 15px;font-size:.8125rem;font-weight:400;line-height:20px;text-decoration:none;transition:color .2s;display:block}.toc-link:hover{color:var(--button-primary-bg)}.contentSection{margin-top:var(--topbar-height);transition:all .3s ease-in-out;overflow:hidden}#layoutroot .topbar{height:var(--topbar-height);border-bottom:1px solid var(--border-color);background-color:var(--background-color);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}#layoutroot .brand-section{align-items:center;display:flex}#layoutroot .brand-section>*{margin-right:.5rem}#layoutroot .brand-info{flex-direction:row;align-items:center;display:flex}#layoutroot .brand-info-mb{flex-direction:column;padding-left:4px;display:flex}#layoutroot .brand-icon{fill:var(--text-color);margin-top:-2px}#layoutroot .brand-name{letter-spacing:.1px;color:var(--text-color);padding-left:5px;font-size:1rem;font-weight:400;line-height:20px}#layoutroot .react-preview{background:var(--preview-bg-color);color:var(--preview-color);border-radius:6px;margin-left:6px;padding:4px 7px;font-size:10px;font-weight:700}#layoutroot .brand-subtitle{letter-spacing:.2px;color:var(--text-color);padding-left:5px;font-size:.6875rem;font-weight:400;line-height:16px}#layoutroot .right-section,#layoutroot .nav-links,#layoutroot .action-buttons{align-items:center;display:flex}#layoutroot .nav-link.active{color:var(--text-color);position:relative}#layoutroot .nav-link.active:after{content:"";background-color:var(--button-primary-bg);width:100%;height:.125rem;position:absolute;bottom:-.5rem;left:0}#layoutroot .nav-link{color:var(--button-text);margin-left:1.125rem;text-decoration:none;transition:color .2s}#layoutroot .nav-link:hover{color:var(--nav-hover-color)}#layoutroot .icon-button{border:.0625rem solid var(--border-color);color:var(--button-text);cursor:pointer;background-color:#0000;border-radius:10%;justify-content:center;align-items:center;margin-left:.5rem;padding:.375rem;transition:background-color .2s,color .2s;display:flex}#layoutroot .free-trial-button{border-radius:6px;margin-left:.5rem;padding:.375rem .4rem;font-size:.875rem;font-weight:400;line-height:normal}#layoutroot .topbar{z-index:102;background-color:var(--background-color);width:100%;position:fixed;top:0}#layoutroot .theme-toggle{background-color:var(--background-color);border-radius:6px;align-items:center;gap:.375rem;display:flex}#layoutroot .theme-toggle:hover{border-color:var(--button-primary-bg);opacity:.9}.sidebar-content .sb-icons{display:inline-block}.sidebar-toggler{letter-spacing:.24px;width:32px;height:32px;color:var(--text-color);background-color:#0000;border:none;border-radius:4px;font-weight:400;line-height:16px;position:relative}.sidebar-toggler svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-toggler.active{background-color:var(--button-icon-bg-color)}.sb-sidebar-toggle{z-index:1000;cursor:pointer;background-color:var(--scrollbar-thumb);float:left;border:none;border-radius:2px;width:6px;height:40px;margin:0;padding:0;display:none;position:fixed;top:50vh}.sb-rightpane-collapsed{border-left:1px solid var(--border-color);cursor:pointer;border:none;border-left:1px solid var(--border-color);background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:29px;height:100%;margin:0;padding:0;transition:background-color .2s;display:flex;position:fixed;right:15px}.sb-icon-collapse{color:var(--button-text);position:absolute;top:10px;left:50%;transform:translate(-50%)}.views-label{white-space:nowrap;color:var(--text-color);letter-spacing:.1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:.6875rem;font-weight:700;line-height:1.5;position:absolute;top:82px;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.views-label span{display:block}.no-transition .sb-rightpane-collapsed-container{display:none}.sb-sidebar-toggle:hover{background-color:var(--sb-collapse-color);width:10px;display:block;box-shadow:0 2px 8px #00000026}.sb-sidebar-toggle .sf-icon{color:var(--preview-color);margin-left:-3px}.sb-sidebar-toggle:hover.collapsed .sf-icon{margin-left:0}.sb-sidebar-toggle:hover .sf-icon{margin-left:-2px}.sb-sidebar-wrapper:hover~.right .sb-sidebar-toggle.sb-sidebar-left,.sb-sidebar-wrapper:hover+.right .sb-sidebar-toggle.sb-sidebar-left,.toc-sidebar:hover+.sb-sidebar-toggle.sb-sidebar-right,.sb-sidebar-toggle.sb-sidebar-right:hover{display:block}.content-wrapper:has(.toc-sidebar:hover) .sb-sidebar-toggle.sb-sidebar-right{display:block}.sb-sidebar-toggle:hover,.sb-sidebar-wrapper.closed~.right .sb-sidebar-toggle.sb-sidebar-left,.sb-sidebar-toggle.sb-sidebar-left.collapsed,.toc-sidebar.closed~.sb-sidebar-toggle.sb-sidebar-right,.sb-sidebar-toggle.sb-sidebar-right.collapsed{display:block}.sb-sidebar-toggle.sb-sidebar-left{left:calc(var(--sidebar-width-px) - var(--sidebar-toggle-left-px) + 12px);transition:left .5s ease-in-out,right .5s ease-in-out}.sb-sidebar-toggle.sb-sidebar-left:not(.collapsed):hover{transition:transform,left .5s ease-in-out,right .5s ease-in-out;transform:translate(-4px)}.sb-sidebar-toggle.sb-sidebar-right{right:calc(var(--toc-width) - var(--toc-toggle-right-px) + 30px);transition:left .5s,right .5s;transform:scaleX(-1)}.sb-sidebar-toggle.collapsed.sb-sidebar-left{margin:0;padding:0;left:0}.sb-sidebar-toggle.collapsed.sb-sidebar-right{margin:0;padding:0;right:0}.sf-dark-mode .sb-sidebar-toggle{stroke:var(--border-color);fill:var(--background-color)}.sf-dark-mode .sb-sidebar-toggle:not(.collapsed) svg path{fill:#fff}.sf-dark-mode .sb-sidebar-toggle:hover:not(.collapsed) svg path{fill:var(--button-primary-bg)}.sb-sidebar-toggle:not(.collapsed) svg path{fill:#49454e}.sb-sidebar-toggle:hover:not(.collapsed) svg path{fill:var(--button-primary-bg)}.sb-sidebar-toggle.collapsed svg path:last-child{fill:#49454e}.sb-sidebar-toggle:hover.collapsed svg path:last-child{fill:var(--button-primary-bg)}.sf-dark-mode .sb-sidebar-toggle.collapsed svg path:last-child{fill:#fff}.sf-dark-mode .sb-sidebar-toggle:hover.collapsed svg path:last-child{fill:var(--button-primary-bg)}.sb-sidebar-wrapper{height:calc(100dvh - var(--topbar-height));width:var(--sidebar-width-px);background-color:var(--sidebar-background-color);z-index:101;padding-top:var(--leftbar-top-spacing);border-right:1px solid var(--border-color);transition:transform .5s ease-in-out,width .5s ease-in-out;position:absolute;left:0;overflow-y:auto}.sb-sidebar-wrapper.sb-complex-component{padding-top:0}.sb-sidebar-wrapper.closed{overflow:hidden;transform:translate(-100%)}.sb-sidebar-wrapper.open{overflow:hidden auto;transform:translate(0)}.sb-scrollbar::-webkit-scrollbar{width:.375rem}.main-content.sb-scrollbar::-webkit-scrollbar{width:.575rem}.component-content::-webkit-scrollbar{height:5px}.sb-scrollbar{scrollbar-color:var(--scrollbar-thumb-hover)var(--background-color)}.sb-scrollbar::-webkit-scrollbar-track{background:0 0}.sb-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover);border-radius:.1875rem}.sb-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--scrollbar-thumb-hover)70%,black 30%)}.sb-preview-container{align-items:center;margin-bottom:1.25rem}.sb-preview-container .sb-preview-button{border-radius:20px;justify-content:flex-end;width:105px;display:flex;position:relative}.sb-preview-container .sb-preview-button .sb-preview-icon{place-items:center;width:2rem;height:100%;display:grid;position:absolute;left:0}.sb-spinner{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:450px;display:flex;overflow:hidden}.sb-sidebar-wrapper .sb-spinner{margin-top:45px}.sb-spinner.sb-content-spinner{height:100%}.sb-spinner-text{color:var(--text-color);font-size:.875rem}.sb-dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:var(--button-primary-bg);height:var(--uib-size);width:var(--uib-size);justify-content:flex-start;align-items:center;display:flex;position:relative}.sb-spinner.sb-content-spinner .sb-dot-spinner{--uib-size:3.2rem}.sb-spinner-dots{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sb-spinner-dots:before{content:"";background-color:var(--uib-color);opacity:.5;width:20%;height:20%;animation:pulse0112 calc(var(--uib-speed)*1.111)ease-in-out infinite;border-radius:50%;transform:scale(0);box-shadow:0 0 20px #121f354d}.sb-spinner-dots:nth-child(2){transform:rotate(45deg)}.sb-spinner-dots:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.sb-spinner-dots:nth-child(3){transform:rotate(90deg)}.sb-spinner-dots:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.sb-spinner-dots:nth-child(4){transform:rotate(135deg)}.sb-spinner-dots:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.sb-spinner-dots:nth-child(5){transform:rotate(180deg)}.sb-spinner-dots:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.sb-spinner-dots:nth-child(6){transform:rotate(225deg)}.sb-spinner-dots:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.sb-spinner-dots:nth-child(7){transform:rotate(270deg)}.sb-spinner-dots:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.sb-spinner-dots:nth-child(8){transform:rotate(315deg)}.sb-spinner-dots:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.close-sidebar{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.component-section{max-width:490px;margin:0 auto}.component-container{border-width:1px;border:1px solid var(--border-color);background-color:var(--background-color);border-radius:12px;margin-bottom:1.25rem}.component-content{flex-direction:column;max-height:500px;padding:20px;display:flex;overflow:auto}.sb-no-scrollbar{max-height:unset}.code-view{max-height:420px;overflow:auto}.component-code{padding:10px}.source-view{letter-spacing:.1px;width:100%;max-height:400px;line-height:18px}.code-editor{outline:none}.tab-btn{color:var(--button-text);letter-spacing:.24px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;height:100%;padding:8px 12px;font-size:.875rem;font-weight:500;line-height:20px;display:flex;position:relative}.tab-btn svg path{stroke:var(--button-text)}.tab-btn.active,.tab-btn.active svg path{color:var(--button-primary-bg);stroke:var(--button-primary-bg)}.tab-btn.active:after{content:"";background-color:var(--button-primary-bg);border-radius:5px 5px 0 0;width:calc(100% - 24px);height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tab-controls{height:100%;display:flex}.component-header{border-bottom:1px solid var(--border-color);background-color:var(--preview-background-color);border-top-left-radius:12px;border-top-right-radius:12px;justify-content:space-between;align-items:center;height:40px;padding:0 15px 0 0;display:flex}.header-tabs{white-space:nowrap;align-items:center;height:100%;display:flex;overflow-x:auto}.header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.icon-toggle-btn{cursor:pointer;color:var(--button-text);letter-spacing:.5px;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:5px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.icon-toggle-btn:hover{border:1px solid var(--border-color);background-color:rgba(var(--sf-color-on-surface-variant),.08);color:var(--button-primary-bg)}.icon-toggle-btn span{margin-top:1px}.tab-btn:hover:not(.active){color:var(--button-primary-bg);background:rgba(var(--sf-color-on-surface-variant),.08)}.tab-btn:hover:not(.active) svg path{stroke:var(--button-primary-bg)}.tab-actions{align-items:center;display:flex}.token.operator{color:var(--token-operator-color)!important;background:0 0!important}[data-tag]:after{box-sizing:border-box;content:attr(data-tag);text-transform:capitalize;border-radius:3px;align-items:center;height:18px;margin-top:1px;margin-left:0;padding-left:6px;padding-right:6px;font-size:.6875rem;font-weight:500;line-height:14px;display:inline-flex;position:absolute;right:5px}[data-tag=updated]:after{background-color:var(--updated-bg-color);color:var(--updated-color)}[data-tag=new]:after{background-color:var(--new-bg-color);color:var(--new-color);right:15px}[data-tag=preview]:after{background-color:var(--preview-bg-color);color:var(--preview-color)}.preview-container{flex-direction:column;width:auto;height:auto;margin:0;display:flex}@media screen and (max-width:1400px){:root{--sidebar-width:25%}}@media (max-width:1000px){.toc-sidebar{margin-right:0;transform:translate(100%)}.main-content:not(.sb-rightsidebar-closed),.main-content.sb-desktop.sb-leftsidebar-closed{padding-right:40px}.sb-sidebar-toggle.sb-sidebar-right{display:none}.main-content{width:100%}.content-wrapper{overflow-y:auto}}@media screen and (max-width:899px){.promotional-banner{display:none}}@media (min-width:900px){.right{height:calc(100dvh - var(--topbar-height) - var(--promo-banner-height))}.toc-sidebar{height:calc(93% - var(--promo-banner-height))}.left{min-height:unset}.sb-sidebar-wrapper{height:calc(100% - var(--topbar-height) - var(--promo-banner-height))}}@media screen and (max-width:820px){:root{--topbar-height:3rem}.main-content{margin-top:10px}.main-content.opened{padding-left:0}.sb-sidebar-wrapper{background-color:var(--sidebar-background-color);z-index:1000000003;visibility:hidden;transition:transform .3s;position:absolute;transform:translate(-100%)}.sb-sidebar-wrapper.open{visibility:visible;transform:translate(0)}.sb-sidebar-wrapper.closed{visibility:visible;transform:translate(-100%)}.sb-sidebar-wrapper.sb-leftpane-mb{display:none}.sidebar-overlay{top:var(--topbar-height);background-color:rgba(var(--sf-color-scrim),.5);z-index:1000000002;position:fixed;bottom:0;left:0;right:0}.main-content.closed,.main-content.opened{padding:0 16px}#layoutroot .react-preview{margin-left:2px;padding:3px 5px;font-size:8px}#layoutroot .brand-section.sb-mb-hide{visibility:hidden}}@media (pointer:coarse){.sb-rightpane-collapsed{right:3px}}@-moz-document url-prefix(){.sb-rightpane-collapsed{right:3px}}@media screen and (max-width:576px){:root{--sidebar-toggle-top-px:15px}.main-content.opened{padding-left:0}.sb-sidebar-wrapper{background-color:var(--sidebar-background-color);z-index:1000000003;visibility:hidden;transition:transform .3s;position:absolute;transform:translate(-100%)}.sb-sidebar-wrapper.open{visibility:visible;transform:translate(0)}.sb-sidebar-wrapper.closed{visibility:visible;transform:translate(-100%)}.sb-sidebar-wrapper.sb-leftpane-mb{display:none}.main-content.closed,.main-content.opened{padding:0 16px}.main-content>table.table-scroll-x td{min-width:65px}.main-content>table::-webkit-scrollbar{height:4px}.main-content>table{word-break:break-word}.main-content>table td,.main-content>table th{padding:8px}.main-content>table td{min-width:85px}.main-content{margin-top:10px}#layoutroot .nav-link{margin-left:.5rem}#layoutroot .icon-button{padding:.25rem}#layoutroot .free-trial-button{padding:.25rem .4rem}.icon-toggle-btn.stackblitz-btn{display:none}.sf-tooltip:has(.icon-toggle-btn.propertypane-toggle-btn){display:none}.header-tabs,.sb-source-header,#layoutroot .theme-toggle.source-icon-button{display:none}}@media screen and (max-width:385px){:root{--topbar-height:3rem;--sidebar-toggle-top-px:16px}.main-content{margin-top:15px}}@media screen and (max-width:375px){#layoutroot .topbar{padding:8px}#layoutroot .icon-button,#layoutroot .free-trial-button{margin-left:.3rem}#layoutroot .source-icon-button{margin-left:0}}.e-gap{margin-right:10px}.sb-padding-bottom-5{padding-bottom:5px}.sb-padding-bottom-10{padding-bottom:10px}.sb-padding-bottom-20{padding-bottom:20px}.sb-padding-bottom-30{padding-bottom:30px}.sb-padding-0{padding:0}.sb-padding-5{padding:5px}.sb-padding-10{padding:10px}.sb-padding-20{padding:20px}.sb-padding-30{padding:30px}.sb-border{border:1px solid var(--border-color)}.bold{font-weight:500}.sb-no-frame .component-header{background-color:var(--content-background-color);border:none;padding:0 0 10px}.component-container.sb-no-frame{background-color:var(--content-background-color);border:none}.sb-no-frame .component-content{padding:0}.sb-no-frame .component-code{border:1px solid var(--border-color);border-radius:0 0 4px 4px;padding:10px}.sb-no-frame .sb-source-header{border:1px solid var(--border-color);border-bottom:0;border-radius:4px 4px 0 0;height:40px}.sb-no-frame .code-preview-btn{border:1px solid var(--border-color)}.sb-loading-overlay{top:var(--topbar-height);background-color:var(--background-color);z-index:9999;justify-content:center;align-items:center;width:100dvw;height:100dvh;transition:visibility .15s;display:flex;position:fixed;left:0}@supports (scrollbar-width:thin) and (scrollbar-color:var(--scrollbar-thumb-hover) var(--background-color)){.toc-sidebar,.sb-sidebar-wrapper,.code-view,.component-content{scrollbar-width:thin}}.sb-page-nav{color:var(--anchor-highlight-color);border:none;border-radius:4px;align-items:center;text-decoration:none;display:inline-flex}.sb-page-nav.sb-prev{padding:5px 10px 5px 5px}.sb-page-nav.sb-next{padding:5px 5px 5px 10px}.sb-page-nav:hover{background-color:var(--props-highlighter-color)}.sb-page-nav .sb-nav-text{font-size:1rem;text-decoration:none!important}.sb-page-nav .sb-nav-icon{color:var(--anchor-highlight-color);width:18px;height:18px;margin:2.5px 0 0}.sb-footer{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem;padding:8px 0;display:grid}.sb-footer-social{flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-left:auto;padding:0;display:flex}.sf-social-btn-icon{width:18px;height:18px}.sb-footer .sb-footer-anchors{flex-direction:row;gap:.875rem;display:flex}.sb-footer .copyright-text{margin:0;font-size:.8125rem}.sb-footer .sync-logo-img{width:120px;height:28px}.sb-footer,.sb-footer-nav{border-top:1px solid var(--border-color);align-items:center;font-size:1rem}.sb-footer a{color:var(--anchor-highlight-color);text-decoration:none}.sb-footer a:hover{text-underline-offset:3px;text-decoration:underline}.app-shell{background-color:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.secure-appbar{z-index:1000;background:linear-gradient(135deg,#0f2b5e 0%,#1a4a8a 60%,#0f6cbd 100%);justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.appbar-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-title{flex-direction:column;display:flex}.brand-name{color:#fff;letter-spacing:-.2px;font-size:16px;font-weight:700;line-height:1.2}.brand-subtitle{color:#ffffffa6;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:500}.appbar-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.role-label-bar{color:#fff9;text-transform:uppercase;letter-spacing:.8px;margin-right:4px;font-size:11px;font-weight:600}.role-chip-btn{color:#fffc;cursor:pointer;letter-spacing:.3px;background:#ffffff14;border:1.5px solid #ffffff4d;border-radius:20px;padding:5px 16px;font-size:12px;font-weight:600;transition:all .18s}.role-chip-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff80}.role-chip-btn.active-admin{color:#fff;background:#7c4dff;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff4d}.appbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.audit-count-badge{color:#fff;background:#e74c3c;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.active-role-indicator{align-items:center;gap:6px;display:flex}.active-role-text{color:#ffffffe6;letter-spacing:.3px;font-size:11px;font-weight:600}.main-workspace{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1600px;margin:0 auto;padding:20px 24px 24px;display:flex}.rbac-info-banner{background:#fff;border:1px solid #d1d1d1;border-radius:8px;align-items:flex-start;gap:16px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.rbac-banner-content{flex:1}.rbac-banner-title{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:700}.rbac-banner-desc{color:#616161;font-size:12px;line-height:1.5}.rbac-banner-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rbac-pill{border:1px solid #0000;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.rbac-pill.allowed{color:#107c10;background:#dff6dd;border-color:#c3e6c3}.rbac-pill.restricted{color:#c50f1f;background:#fde7e9;border-color:#f5c2c5}.rbac-pill.readonly{color:#835b00;background:#fff4ce;border-color:#f5ddab}.authentication-sample-root .tab-panel{display:none}.authentication-sample-root .tab-panel.active{display:block}.authentication-sample-root .tab-header-custom{border-bottom:1px solid var(--border-color,#e0e0e0);background:var(--preview-background-color,#fff);flex-direction:row;align-items:center;gap:0;display:flex}.authentication-sample-root .auth-tab-btn.e-btn{color:var(--button-text,#444);cursor:pointer;height:40px;padding:8px 14px;font-size:.875rem;font-weight:500;line-height:20px;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.authentication-sample-root .auth-tab-btn.e-btn.active{color:var(--button-primary-bg,#6200ee)}.authentication-sample-root .auth-tab-btn.e-btn.active:after{content:"";background-color:var(--button-primary-bg,#6200ee);border-radius:5px 5px 0 0;width:calc(100% - 20px);height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.authentication-sample-root .auth-tab-btn.e-btn:hover{background:#0000000a!important}.grid-container{padding:0}.grid-container .e-grid{border-radius:0;border:none!important}.grid-container .e-gridheader{border-top:none!important}.audit-log-panel{padding:0}.audit-log-header{border-bottom:1px solid #d1d1d1;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.audit-log-title{align-items:center;gap:10px;display:flex}.audit-log-title-text{color:#1a1a1a;font-size:14px;font-weight:700}.audit-empty-state{text-align:center;padding:48px 20px}.audit-empty-title{color:#1a1a1a;margin-bottom:4px;font-size:15px;font-weight:600}.audit-empty-desc{color:#616161;font-size:13px}.audit-entries-list{flex-direction:column;gap:8px;max-height:420px;padding:12px 20px;display:flex;overflow-y:auto}.audit-entries-list::-webkit-scrollbar{width:6px}.audit-entries-list::-webkit-scrollbar-track{background:#f5f5f5}.audit-entries-list::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:3px}.audit-entry{background:#fff;border:1px solid #d1d1d1;border-radius:6px;align-items:flex-start;gap:12px;padding:10px 14px;transition:box-shadow .15s;animation:.3s fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.audit-entry:hover{border-color:#adadad;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.audit-entry-body{flex:1;min-width:0}.audit-entry-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.audit-entry-role-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:700}.audit-entry-role-tag.admin{color:#7c4dff;background:#f3edff}.audit-entry-record-id{color:#616161;background:#f5f5f5;border-radius:4px;padding:1px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.audit-entry-field{color:#0f6cbd;font-size:12px;font-weight:700}.audit-entry-timestamp{color:#adadad;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.audit-entry-values{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-value{border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:500}.audit-value.old{color:#c50f1f;background:#fde7e9;-webkit-text-decoration:line-through #c50f1f66;text-decoration:line-through #c50f1f66}.audit-value.new{color:#107c10;background:#dff6dd}.audit-arrow{color:#adadad;font-size:12px}.e-grid .e-toolbar{border-bottom:1px solid #d1d1d1!important}.grid-readonly-mode .e-grid .e-rowcell:not(.e-templatecell){cursor:not-allowed}.readonly-banner{color:#835b00;background:#fff4ce;border:1px solid #f5ddab;border-radius:6px;align-items:center;gap:8px;margin:12px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}@media (max-width:768px){.secure-appbar{padding:0 12px}.appbar-right{display:none}.appbar-center{flex:none}.main-workspace{padding:12px}.security-strip{flex-direction:column;align-items:flex-start;padding:12px}.toggles-group{gap:12px}.brand-subtitle{display:none}}.audit-entry.xss-entry{background:#fffbeb;border-left:3px solid #f59e0b}.audit-entry.xss-entry:hover{background:#fef3c7}.xss-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.active-employee{color:#fff!important;background:#107c10!important;border-color:#107c10!important}.custom-rating.e-rating-container .e-rating-item-container,.e-bigger .custom-rating.e-rating-container .e-rating-item-container .e-rating-icon,.e-bigger.custom-rating.e-rating-container .e-rating-item-container .e-rating-icon{font-size:11px}.custom-rating.e-rating-container .e-rating-item-container .e-rating-icon{-webkit-text-fill-color:lightgrey;-webkit-text-stroke:1px lightgrey}.custom-rating.e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon{background:linear-gradient(to right,#ffa600 var(--rating-value),#ffa600 var(--rating-value));-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffa600;-webkit-background-clip:text;background-clip:text}.e-bigger #overviewgrid .statustxt{position:relative}td.e-rowcell .statustxt.e-activecolor{color:#0c0;top:9px}td.e-rowcell .statustxt.e-inactivecolor{color:#e60000;top:9px}.statustemp.e-inactivecolor{background-color:#ffd7cc;width:64px}.statustemp.e-activecolor{background-color:#cfc;width:57px}.statustxt.e-activecolor{color:#0c0}.statustxt.e-inactivecolor{color:#e60000}.statustemp{text-align:center;border-radius:5px;height:19px}.Mapimage .e-icons.e-location{color:#6c757d;flex-shrink:0;font-size:16px}#myProgress{text-align:left;background-color:#fff;width:10em;height:18px;position:relative}#myBar{background-color:#00b300;width:10%;height:100%;position:absolute}#myBar.progressdisable{background-color:#df2222}#pbarlabel{color:#fff;font-size:11px;line-height:18px;position:relative;left:10px}@font-face{font-family:Grid control Font;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1tSfQAAAEoAAAAVmNtYXDnE+ddAAABkAAAADpnbHlmWm7FjgAAAdgAAAPkaGVhZBFF/fMAAADQAAAANmhoZWEIHwQFAAAArAAAACRobXR4EAAAAAAAAYAAAAAQbG9jYQKaAUgAAAHMAAAACm1heHABEACgAAABCAAAACBuYW1lmuAR1QAABbwAAAKdcG9zdHgFC7MAAAhcAAAAQgABAAAEAAAAAFwEAAAAAAADwgABAAAAAAAAAAAAAAAAAAAABAABAAAAAQAAJ9BcPl8PPPUACwQAAAAAANcy3IEAAAAA1zLcgQAAAAADwgP0AAAACAACAAAAAAAAAAEAAAAEAJQAAgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAgQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAJgAAAAQABAABAADnAv//AADnAP//AAAAAQAEAAAAAQACAAMAAAAAAAAAqAFIAfIAAAABAAAAAAPBA/MAkwAAASMPDRUfBQ8FHw4VDxYhLxY1Pw8vAz8DLxcjDwUBhQEIEQoKCwoEBQMEAwIBAQEBAwQFBggGAwIBAQICBQcKDAUEBwUFBgYICAYHCQkUFxcXPRUUFBAODAoMCQQEAgIBA4QBBAQEBQsKCw0PEhQUFh0sFxcUCQkHBgoMCAgDAwIBDAsGBQUDAgECBAcKDgYDAgEBAQMDBAUGBwkJCwsODxAOEQoLDA0ODwwNDg8PDxAD2gQLCQwOEgoLDA0NDxAREhMUFhYYGgoMBwgICQoKCgoKCiEUFgoLCQkIBncICAcHDgwLCRUKCw0NDg0OFBIMCwoQDxYTCwwMEw4ODQ4NDAoJChALDA4HBwgIdwwTERULDQ0OCQsHCAkJCgsMDA0NNiMaGxsODQ0NDAsLCgkJBwYEBA4ICQMEAwIBAQECAwMFBQABAAAAAAPCA/QAjQAAAQ8VFRcVDwcVHwwPFCEvFTM/Cy8INy8aAegOGhgVExAODAoMCwcKCAUFBAcGAgUDAQEDBgkHBAMBAQICBAcTCgsMDBkjMgUGBwgJCQsligkJCQ8OCwoJCgUFBgOEBgoGCAkLDQ4RCQkKC3UlCgoJCAcGBSITEhEPGRUPDwYDAgEBAQEJAgUCAQEBAQECAwYGCgsLDAwMDA0RCwoRDwQDCA8QEBERA/MCBQcJCQoKCwsPERAOEA0ODh8hEC8vEycZGRggJQoICAcGBQUFBAYKBQMDAwQCAQ4LCgkIBwYQRgYGBw8PEBEQGA8THR0iEBAQERAPDgYGBgU7EAYHCAkKCw4BAgICBwYHCAYHBwcGBgYVCBYLCrUUFBMTER8bHRkRDwwLCAcIBAIDAQYDBggFBQIBAAIAAAAAA14D9AA/AJIAAAEPDy8PPw8fDgUVHwcJAT8HNS8dKwEPHQJ9AQIDBAUGCAgJCQoLDAwMDQ0MDAwLCgkJCAgGBQQDAgEBAgMEBQYICAkJCgsMDAwNDQwMDAsKCQkICAYFBAMC/iYBAwQHCAkLDAEnAScMCwkIBwQDAQICAwQFBQcHBwkJCgoLDAwMDg0PDg8QEBAREBIREhISEhESEBEQEBAPDg8NDgwMDAsKCgkJBwcHBQUEAwICApYNDAwMCwoJCQgIBgUEAwIBAQIDBAUGCAgJCQoLDAwMDQ0MDAwLCgkJCAgGBQQDAgEBAgMEBQYICAkJCgsMDAwiDg4bGhkZGBcW/lMBrRYXGBkZGhscExMSEhISEREREA8PDw4NDQ0LCwsJCQgIBgYFBAQCAgICBAQFBgYICAkJCwsLDQ0NDg8PDxARERESEhISEwAAAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABABEAAQABAAAAAAACAAcAEgABAAAAAAADABEAGQABAAAAAAAEABEAKgABAAAAAAAFAAsAOwABAAAAAAAGABEARgABAAAAAAAKACwAVwABAAAAAAALABIAgwADAAEECQAAAAIAlQADAAEECQABACIAlwADAAEECQACAA4AuQADAAEECQADACIAxwADAAEECQAEACIA6QADAAEECQAFABYBCwADAAEECQAGACIBIQADAAEECQAKAFgBQwADAAEECQALACQBmyBHcmlkIGNvbnRyb2wgRm9udFJlZ3VsYXJHcmlkIGNvbnRyb2wgRm9udEdyaWQgY29udHJvbCBGb250VmVyc2lvbiAxLjBHcmlkIGNvbnRyb2wgRm9udEZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AFIAZQBnAHUAbABhAHIARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AEcAcgBpAGQAIABjAG8AbgB0AHIAbwBsACAARgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdWBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQAETWFsZQZGZW1hbGUITG9jYXRpb24AAAAA)format("truetype");font-weight:400;font-style:normal}.empimg{background-color:#4f46e5;border-radius:14px;width:29px;height:27px}.e-userimg.sf-icon-Male,.e-userimg.sf-icon-FeMale{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0 8px;font-size:13px;font-style:normal;font-weight:400;line-height:26px;font-family:Grid control Font!important}#Emptext{position:relative;top:-14px;left:41px}#overviewgrid.e-rtl #Emptext{position:relative;top:-14px;left:-41px}.e-userimg.sf-icon-Male:before{content:"";font-size:13px;font-family:Grid control Font!important}.e-userimg.sf-icon-FeMale:before{content:"";font-size:13px;font-family:Grid control Font!important}.sf-icon-Location:before{content:""}.Mapimage .e-image{width:14px;height:13px}.Mapimage{align-items:center;gap:5px;display:flex}.emp-name-container{align-items:center;gap:10px;display:flex}.grid-container{padding-top:8px}.tab-container{overflow:hidden}.grid-container img{max-width:none;height:auto;display:inline-block}.grid-container{padding-top:0;position:static}.grid-container .e-grid .e-toolbar,.grid-container .e-grid .e-toolbar .e-toolbar-items{z-index:auto;margin:0;position:static}.grid-container .e-grid .e-content{padding-top:0}.security-table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color);width:100%;margin:24px 0}.security-table th,.security-table td{border:1px solid var(--border-color);text-align:left;vertical-align:top;word-break:break-word;letter-spacing:.24px;color:var(--sb-content-color);padding:14px 16px;font-family:Segoe UI,Segoe UI Variable Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:24px}.security-table th{background-color:var(--preview-background-color);color:var(--button-primary-bg);font-weight:500}.faq-section{margin-top:32px}.faq-item{margin-bottom:32px}.faq-question{letter-spacing:.24px;color:var(--header-text-color);margin:0 0 12px;font-size:1rem;font-weight:500;line-height:24px}.faq-answer{letter-spacing:.24px;color:var(--sb-content-color);margin:0;font-size:1rem;line-height:24px}.faq-answer a{color:var(--anchor-highlight-color);text-decoration:none}.faq-answer a:hover{text-underline-offset:3px;text-decoration:underline}