.sf-grid-content-row .sf-cell:not(.sf-display-none),.sf-grid-summary-row .sf-cell,.sf-grid-header-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sf-grid{font-size:var(--sf-font-size-sm);border-style:none solid solid;border-width:1px;height:auto;display:block;position:relative}.sf-toolbar.sf-sticky,.sf-grid-header-container.sf-sticky{z-index:10;position:sticky}.sf-grid-header-container{-webkit-user-select:none;user-select:none;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px}.sf-grid.sf-wrap .sf-cell,.sf-grid-content-container.sf-wrap .sf-cell,.sf-grid.sf-wrap .sf-grid-header-text,.sf-grid-header-row.sf-wrap .sf-grid-header-text{height:auto;line-height:var(--sf-line-height-base);overflow-wrap:break-word;text-overflow:clip;white-space:normal}.sf-grid-edit-row .sf-last-row{border-bottom:1px solid rgba(var(--sf-color-line-color));border-top:0 none rgba(var(--sf-color-line-color))}.sf-grid-edit-row .sf-cell{border-top:1px solid}.sf-grid .sf-toolbar{border-top:1px solid rgba(var(--sf-color-line-color))}.sf-grid-search{width:176px}.sf-grid-table{table-layout:fixed;width:100%}.sf-grid-header-row .sf-cell{font-size:var(--sf-font-size-sm);font-weight:var(--sf-font-weight-medium);padding:var(--sf-spacing-12)var(--sf-spacing-12)var(--sf-spacing-12);text-align:left;letter-spacing:var(--sf-letter-spacing-wider);-webkit-user-select:none;user-select:none;border-style:none solid solid;border-width:0;border-top-color:currentColor;position:relative;overflow:hidden}.sf-grid-header-row .sf-cell.sf-mousepointer{cursor:pointer}.sf-grid-header-row .sf-cell.sf-defaultcursor{cursor:default}.sf-grid-content-row .sf-cell:not(.sf-display-none){line-height:var(--sf-line-height-base);padding:var(--sf-spacing-13)var(--sf-spacing-12);font-size:var(--sf-font-size-sm);width:auto;letter-spacing:var(--sf-letter-spacing-wider);border-style:solid;border-width:1px 0 0;display:table-cell}.sf-grid-content-row .sf-cell:not(.sf-display-none).sf-last-cell{border-bottom-width:1px}.sf-right-align.sf-cell{text-align:right}.sf-left-align.sf-cell{text-align:left}.sf-center-align.sf-cell{text-align:center}.sf-justify-align.sf-cell{text-align:justify}.sf-right-align .sf-grid-header-cell{justify-content:flex-end}.sf-center-align .sf-grid-header-cell{justify-content:center}.sf-rtl .sf-right-align .sf-grid-header-cell{justify-content:flex-start}.sf-grid.sf-rtl .sf-checkbox-wrapper.sf-rtl{flex-direction:row}.sf-cell.sf-right-align .sf-checkbox-wrapper.sf-rtl{flex-direction:row-reverse}.sf-cell.sf-right-align .sf-checkbox-wrapper{justify-content:flex-end}.sf-cell.sf-center-align .sf-checkbox-wrapper{justify-content:center}.sf-grid:not(.sf-row-min-height) .sf-empty-cell{height:calc(var(--sf-line-height-base) + var(--sf-spacing-13) + var(--sf-spacing-13))}.sf-grid-summary-row .sf-cell{font-size:var(--sf-font-size-sm);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-line-height-base);padding:var(--sf-spacing-13)var(--sf-spacing-12);height:auto;letter-spacing:var(--sf-letter-spacing-wider);border-style:solid;border-width:1px 0 0}.sf-grid:not(.sf-rtl) .sf-grid-header-row .sf-cell:first-child,.sf-grid:not(.sf-rtl) .sf-filter-row .sf-cell:first-child{border-left-width:0}.sf-empty-row td{line-height:var(--sf-line-height-base);letter-spacing:var(--sf-letter-spacing-wider);font-size:var(--sf-font-size-sm);padding:.7em}.sf-filter-bar-table .sf-grid-header-row .sf-cell,.sf-both-lines .sf-grid-header-row .sf-cell{border-width:0 0 0 1px}.sf-cell-inner{align-items:center;justify-content:inherit;margin:calc(var(--sf-spacing-12)*-1);flex-flow:row;display:flex;overflow:hidden}.sf-grid-header-cell{line-height:var(--sf-line-height-sm);padding:var(--sf-spacing-12)var(--sf-spacing-12)var(--sf-spacing-12);align-items:center;justify-content:inherit;text-transform:none;border:0;flex-flow:row;width:100%;display:flex;overflow:hidden}.sf-grid-sort-container{flex-shrink:0;margin-inline-start:var(--sf-spacing-5);display:inline-block}.sf-grid-sort-order{border-radius:var(--sf-radius-full);text-align:center;min-width:16px;font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);width:var(--sf-font-size-xl);flex-shrink:0;margin-inline-start:var(--sf-spacing-5);display:inline-block}.sf-grid-header-text{flex-shrink:1;min-width:0}.sf-vertical-lines .sf-grid-content-row .sf-cell,.sf-vertical-lines .sf-grid-header-row .sf-cell,.sf-vertical-lines .sf-filter-row .sf-cell{border-width:0 0 0 1px}.sf-hide-lines .sf-grid-content-row .sf-cell,.sf-hide-lines .sf-grid-header-row .sf-cell,.sf-hide-lines .sf-filter-row .sf-cell{border-width:0}.sf-both-lines .sf-grid-content-row .sf-cell{border-width:1px 0 0 1px}.sf-horizontal-lines .sf-grid-header-row .sf-cell{border-width:0}.sf-horizontal-lines .sf-grid-content-row .sf-cell,.sf-horizontal-lines .sf-filter-row .sf-cell{border-width:1px 0 0}.sf-horizontal-lines .sf-grid-content-row .sf-last-cell,.sf-vertical-lines .sf-grid-content-row .sf-last-cell,.sf-hide-lines .sf-grid-content-row .sf-last-cell,.sf-both-lines .sf-grid-content-row .sf-last-cell{border-bottom-width:1px}.sf-both-lines:not(.sf-rtl) .sf-grid-content-row .sf-cell:first-child,.sf-vertical-lines:not(.sf-rtl) .sf-grid-content-row .sf-cell:first-child{border-left-width:0}.sf-filter-row .sf-cell{border-collapse:collapse;cursor:default;padding:var(--sf-spacing-6)var(--sf-spacing-12);vertical-align:bottom;border-style:solid;border-width:1px 0 1px 1px;overflow:hidden}.sf-filter-cell{padding:var(--sf-spacing-0);text-align:center;width:100%;position:relative}.sf-filterbar-dropdown .sf-dropdown-list{display:none}.sf-filterbar-dropdown.sf-focused{border-radius:var(--sf-spacing-5)}.sf-filterbar-dropdown.sf-input-group:before,.sf-filterbar-dropdown.sf-input-group:after{height:unset}.sf-grid-filterbar .sf-filterbar-dropdown{width:unset;border-bottom-color:#0000;margin-top:16px}.sf-grid-filterbar .sf-icon-rotate{transform:unset;transition:unset}.sf-grid-filterbar .sf-input-group:not(.sf-filterbar-dropdown){margin-right:10px;width:calc(100% - 50px)!important}.sf-grid-filterbar .sf-input-group.sf-outline .sf-label-top{text-align:left;max-width:calc(100% - 25px)}.sf-grid-footer-padding .sf-cell:last-child{border-inline-end:1px solid rgba(var(--sf-color-line-color))}.sf-grid-content{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.sf-grid-header-content{border-style:solid;border-width:0;overflow:hidden}.sf-grid-summary-content{overflow:hidden}.sf-grid-edit-row{padding:var(--sf-spacing-0)}.sf-grid-edit-row .sf-cell{padding-bottom:var(--sf-spacing-0);padding-top:var(--sf-spacing-0)}.sf-grid-content-row:first-child .sf-cell{border-top:0}.sf-rtl.sf-both-lines .sf-grid-content-row .sf-cell:last-child,.sf-rtl.sf-vertical-lines .sf-grid-content-row .sf-cell:last-child,.sf-rtl .sf-grid-header-row .sf-cell:last-child,.sf-rtl .sf-filter-row .sf-cell:last-child{border-left-width:0}.sf-grid-command-items{gap:8px;display:inline-flex}.sf-grid-popup-edit .sf-grid-edit-table{border-collapse:separate;border-spacing:0;width:100%}.sf-grid-popup-edit .sf-grid-edit-table tr:not(:last-child) td{padding:0 0 16px}.sf-row-min-height .sf-grid-content-row .sf-cell{padding-bottom:var(--sf-spacing-0);padding-top:var(--sf-spacing-0);line-height:0}.sf-row-min-height .sf-grid-summary-row .sf-cell{line-height:var(--sf-line-height-xs);padding:var(--sf-spacing-0)var(--sf-spacing-8)}.sf-grid{border-color:rgba(var(--sf-color-line-color))}.sf-grid .sf-focused{box-shadow:0 0 0 1px rgba(var(--sf-color-primary))inset}.sf-grid .sf-grid-pager{border-bottom:#0000;border-left:#0000;border-right:#0000}.sf-grid-content{background-color:rgba(var(--sf-color-surface))}.sf-grid-filterbar .sf-input-group.sf-outline .sf-label-top{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface))}.sf-grid-header-container{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));color:var(--sf-color-on-surface-variant);border-bottom-color:rgba(var(--sf-color-line-color));border-top-color:rgba(var(--sf-color-line-color))}.sf-cell,.sf-grid-header-content{border-color:rgba(var(--sf-color-line-color))}.sf-grid-header-border{border-inline-end-color:#0000}.sf-grid-footer-container{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface))}.sf-grid-content-row .sf-cell,.sf-grid-summary-row .sf-cell{color:var(--sf-color-on-surface)}.sf-row-hover .sf-grid-content-row:not(.sf-grid-edit-row):hover .sf-cell:not(.sf-active){background:rgba(var(--sf-color-on-surface),.05);color:rgba(var(--sf-color-on-surface))}.sf-row-hover .sf-grid-content-row:not(.sf-grid-edit-row):hover .sf-cell{background:color-mix(in srgb,rgba(var(--sf-color-primary-container),.85),rgba(var(--sf-color-on-surface),.15));color:var(--sf-color-on-surface)}.sf-grid-sort-order{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface));color:var(--sf-color-on-surface-variant)}td.sf-active{background:rgba(var(--sf-color-primary-container),.65);color:var(--sf-color-on-surface)}.sf-grid-edit-row .sf-cell{border-top-color:rgba(var(--sf-color-line-color))}.sf-tooltip-wrap.sf-grid-error{background-color:rgba(var(--sf-color-error-container));border-color:rgba(var(--sf-color-error-container))}.sf-tooltip-wrap.sf-grid-error [class^=sf-tooltip-arrow-outer]{border-bottom-color:rgba(var(--sf-color-error-container))}
.sf-pager{font-size:var(--sf-font-size-sm);padding:var(--sf-spacing-7)var(--sf-spacing-20);white-space:normal;border-style:solid;border-width:1px;width:100%;display:inline-block}.sf-pager div,.sf-pager a{-webkit-user-select:none;user-select:none;display:inline}.sf-pager .sf-pager-mfirst,.sf-pager .sf-pager-mprevious,.sf-pager .sf-pager-mnext,.sf-pager .sf-pager-mlast,.sf-pager .sf-pager-item-disable{display:none}.sf-pager .sf-pager-external-message{margin:var(--sf-spacing-6)var(--sf-spacing-6)var(--sf-spacing-0);text-overflow:ellipsis;display:block;overflow:hidden}.sf-pager-message-bar{padding-bottom:var(--sf-spacing-11);padding-right:var(--sf-spacing-0);padding-top:var(--sf-spacing-11);font-weight:var(--sf-font-weight-normal);float:right;letter-spacing:var(--sf-letter-spacing-wider);line-height:var(--sf-line-height-sm)}.sf-numeric-item{line-height:var(--sf-line-height-sm);padding:var(--sf-spacing-10)var(--sf-spacing-16);text-align:center;vertical-align:middle;font-weight:var(--sf-font-weight-medium);margin:var(--sf-spacing-0)var(--sf-spacing-2);display:inline-block}.sf-pager-container{display:inline-block}.sf-pager-container .sf-icons{line-height:var(--sf-line-height-5xl);padding:var(--sf-spacing-10);vertical-align:middle;margin:var(--sf-spacing-0)var(--sf-spacing-2);display:inline-block}.sf-pager-icons,.sf-current-item{border-radius:var(--sf-radius-4);cursor:pointer;text-decoration:none}.sf-pager-mprevious{text-indent:-3px}.sf-pager-mnext{text-indent:-2px}.sf-pp,.sf-np{font-size:var(--sf-font-size-base);padding:var(--sf-spacing-10)var(--sf-spacing-13)}@media (max-width:769px){.sf-pager{padding:var(--sf-spacing-12)var(--sf-spacing-0)var(--sf-spacing-13)}.sf-pager .sf-pager-message-bar{text-align:center;float:initial;width:calc(60% - 48px);display:inline-block}.sf-pager .sf-pager-mfirst,.sf-pager .sf-pager-mprevious,.sf-pager .sf-pager-mnext,.sf-pager .sf-pager-mlast{padding:1% 5%;display:inline-block}.sf-pager-count-message-container,.sf-pager .sf-pager-container{display:none}.sf-pager-mfirst{text-align:right;width:calc(10% + 11px);margin-right:var(--sf-spacing-4)}.sf-pager-mprevious{text-align:right;width:10%;margin:var(--sf-spacing-0)var(--sf-spacing-4)}.sf-pager-mnext{text-align:left;width:10%;margin:var(--sf-spacing-0)var(--sf-spacing-4)}.sf-pager-mlast{text-align:left;width:calc(10% + 11px);margin-left:var(--sf-spacing-4)}}.sf-rtl .sf-pager-message-bar{float:left}@media (max-width:769px){.sf-rtl .sf-pager-message-bar{float:initial}}.sf-pager{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));color:var(--sf-color-on-surface-variant);border-color:rgba(var(--sf-color-line-color))}.sf-pager .sf-icons.sf-disable{cursor:auto;color:rgba(var(--sf-color-on-surface-variant),.38)}.sf-pager svg.sf-disabled{opacity:unset}.sf-pager .sf-focused{box-shadow:var(--sf-elevation-inner)}.sf-pager-icons:hover{background-color:rgba(var(--sf-color-on-surface),.05)}.sf-spacing{color:var(--sf-color-on-surface)}.sf-numeric-item.sf-focused,.sf-pager .sf-icons.sf-focused{background-color:rgba(var(--sf-color-on-surface),.08)}.sf-current-item,.sf-current-item.sf-focused{background-color:rgba(var(--sf-color-primary-container),.65)}.sf-current-item:hover{background-color:color-mix(in srgb,rgba(var(--sf-color-primary-container),.85),rgba(var(--sf-color-on-surface),.15))}@media (max-width:590px){.sf-pager-icons:hover{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));color:rgba(var(--sf-color-primary))}}
.sf-calendar-header{font-weight:calc(var(--sf-spacing)*31.25);padding:var(--sf-spacing-8)var(--sf-spacing-12);justify-content:space-between;align-items:center;display:flex;position:relative}.sf-calendar-decade .sf-calendar-title{cursor:default}.sf-calendar-icon{align-items:center;gap:var(--sf-spacing-8);display:flex}.sf-calendar-content-table{padding:var(--sf-spacing-0)var(--sf-spacing-8)var(--sf-spacing-8)var(--sf-spacing-8);border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.sf-calendar .sf-cell{cursor:pointer;text-align:center}.sf-calendar-month .sf-cell{height:var(--sf-spacing-40);padding:var(--sf-spacing-2)}.sf-calendar .sf-day{height:var(--sf-spacing-40);line-height:var(--sf-spacing-40);width:var(--sf-spacing-40);font-size:var(--sf-font-size-sm);display:inline-block}.sf-calendar-year .sf-day,.sf-calendar-decade .sf-day{font-size:var(--sf-font-size-sm);height:var(--sf-spacing-72);font-weight:400;line-height:var(--sf-spacing-72);width:var(--sf-spacing-72);display:inline-block}.sf-calendar-footer{padding:var(--sf-spacing-8)var(--sf-spacing-12);flex-direction:row;justify-content:flex-end;display:flex}.sf-calendar{border-radius:var(--sf-radius-8);-webkit-user-select:none;user-select:none;min-width:300px;width:calc(var(--sf-spacing)*20);display:block;overflow:auto}.sf-calendar .sf-week-header{cursor:default;font-size:var(--sf-font-size-sm);text-align:center;height:var(--sf-spacing-40);text-transform:none;border-bottom:0;font-weight:400}.sf-calendar .sf-calendar-toolbar{overflow-wrap:break-word;padding:var(--sf-spacing-24);font-size:var(--sf-font-size-2xl);font-weight:var(--sf-font-weight-medium);min-width:150px}.sf-calendar.sf-orientation{min-width:300px;width:calc(var(--sf-spacing)*30.25);display:flex}.sf-calendar-header-lg{max-width:100%;min-width:calc(var(--sf-spacing)*33.75)}.sf-calendar-header-lg.sf-week-number{min-width:calc(var(--sf-spacing)*37.8125)}.sf-calendar-header-lg.sf-orientation{min-width:calc(var(--sf-spacing)*43.125)}.sf-calendar-header-lg.sf-orientation.sf-week-number{min-width:calc(var(--sf-spacing)*46.875)}.sf-calendar-content-table:focus-within .sf-selected.sf-focused-date .sf-day,.sf-calendar-content-table:focus-within .sf-focused-date .sf-day{box-shadow:0 0 0 1px rgba(var(--sf-color-primary))}.sf-calendar-toolbar{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface))}.sf-calendar{background:linear-gradient(0deg,rgba(var(--sf-color-surface),1),rgba(var(--sf-color-surface),1)),rgba(var(--sf-color-surface));border:1px solid rgba(var(--sf-color-outline-variant));box-shadow:none}.sf-calendar .sf-day{color:rgba(var(--sf-color-on-surface))}.sf-calendar .sf-focused-date .sf-day{background:rgba(var(--sf-color-on-surface),.1);border-radius:var(--sf-radius-full);color:rgba(var(--sf-color-on-surface));border:none}.sf-calendar .sf-focused-date.sf-selected-date{box-shadow:0 0 0 1px rgba(var(--sf-color-primary))}.sf-calendar .sf-cell:hover .sf-day{background:rgba(var(--sf-color-on-surface),.1);border-radius:var(--sf-radius-full);color:rgba(var(--sf-color-on-surface));border:none}.sf-calendar .sf-cell:focus .sf-day{background:rgba(var(--sf-color-primary));color:rgba(var(--sf-color-on-primary));border-radius:var(--sf-radius-full);border:none}.sf-calendar .sf-today .sf-day,.sf-calendar .sf-today:hover .sf-day{background:rgba(var(--sf-color-primary),.08);border:1px solid rgba(var(--sf-color-primary));border-radius:var(--sf-radius-full);box-shadow:none;color:rgba(var(--sf-color-primary))}.sf-calendar .sf-selected .sf-day,.sf-calendar .sf-selected:hover .sf-day{background:rgba(var(--sf-color-primary));border:1px solid rgba(var(--sf-color-primary));border-radius:var(--sf-radius-full);box-shadow:none;color:rgba(var(--sf-color-on-primary))}.sf-calendar .sf-week-number{color:rgba(var(--sf-color-on-surface-variant),.84)}.sf-calendar .sf-week-header{color:rgba(var(--sf-color-on-surface-variant))}.sf-calendar .sf-other-year .sf-day,.sf-calendar .sf-other-month:not(.sf-selected) .sf-day{color:rgba(var(--sf-color-on-surface-variant),.84)}.sf-calendar .sf-zoomin{animation:.3s ZoomIn}.sf-datepicker.sf-popup{box-shadow:var(--sf-elevation-3);border-radius:var(--sf-spacing-8);pointer-events:auto;display:flex;overflow-y:hidden}.sf-datepick-popup-wrap{z-index:1002;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;min-height:100%;max-height:100%;display:flex;position:fixed;top:0;left:0}.sf-datepick-popup-wrap .sf-popup{min-width:100%;min-height:100%;position:relative}.sf-timepicker-list{width:100%;margin:0;padding:0;overflow:auto}.sf-timepicker-list.sf-ul{width:auto}.sf-timepicker-list-sm{min-width:calc(var(--sf-spacing)*18.75);max-height:calc(var(--sf-spacing)*10.5);font-size:var(--sf-font-size-sm)}.sf-timepicker-list-sm .sf-timepicker-item{height:var(--sf-spacing-32);line-height:var(--sf-spacing-32)}.sf-timepicker-list-me{min-width:calc(var(--sf-spacing)*18.75);max-height:calc(var(--sf-spacing)*13);font-size:var(--sf-font-size-base)}.sf-timepicker-list-me .sf-timepicker-item{height:var(--sf-spacing-40);line-height:var(--sf-spacing-40)}.sf-timepicker-list-la{min-width:calc(var(--sf-spacing)*18.75);max-height:calc(var(--sf-spacing)*15.5);font-size:var(--sf-font-size-base)}.sf-timepicker-list-la .sf-timepicker-item{height:calc(var(--sf-spacing)*3);line-height:calc(var(--sf-spacing)*3)}.sf-timepicker-item{cursor:default;font-size:var(--sf-spacing-16);font-weight:calc(var(--sf-spacing)*31.25);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%;text-indent:var(--sf-spacing-16);position:relative;overflow:hidden}.sf-timepicker-item:hover{cursor:pointer}.sf-timepicker-mob{background:rgba(var(--sf-color-surface),1);flex-direction:column;display:flex;position:fixed;inset:0}.sf-timepicker-mob .sf-ul{height:auto;max-height:none;margin:0;padding:0}.sf-timepicker-header{align-items:center;gap:var(--sf-spacing-8);width:100%;padding:var(--sf-spacing-16)var(--sf-spacing-0)var(--sf-spacing-16)var(--sf-spacing-12);background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));display:flex}.sf-timepicker-title{font-size:var(--sf-font-size-base);color:var(--sf-color-on-surface-variant)}.sf-timepicker-popup-wrap{z-index:1002;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;min-height:100%;max-height:100%;display:flex;position:fixed;top:0;left:0}.sf-timepicker-popup-wrap .sf-popup{min-width:100%;min-height:100%;display:flex;position:relative}.sf-timepicker.sf-popup{border:1px solid rgb(var(--sf-color-outline-variant));border-radius:var(--sf-spacing-4);box-shadow:var(--sf-elevation-2)}.sf-timepicker-list{background:linear-gradient(0deg,rgba(var(--sf-color-surface),1),rgba(var(--sf-color-surface),1)),rgba(var(--sf-color-surface))}.sf-timepicker-item{color:rgba(var(--sf-color-on-surface));border:none}.sf-timepicker-item:hover,.sf-timepicker-item:focus,.sf-timepicker-item.sf-focus{background:rgba(var(--sf-color-on-surface),.05);color:rgba(var(--sf-color-on-surface));border:none}.sf-timepicker-item.sf-active,.sf-timepicker-item.sf-active.sf-focus,.sf-timepicker-item.sf-active:hover{background:rgba(var(--sf-color-primary));color:rgba(var(--sf-color-on-primary))}
.sf-scheduler{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.sf-scheduler .sf-appointment.sf-drag-clone{visibility:hidden}.sf-scheduler .sf-appointment .sf-resize-container{height:100%}.sf-scheduler .sf-month-view .sf-event-clone .sf-appointment-details,.sf-scheduler .sf-header-section .sf-event-clone .sf-appointment-details{display:flex}.sf-scheduler .sf-table-container,.sf-scheduler .sf-table-wrap{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.sf-scheduler .sf-scheduler-toolbar-container{border-bottom:1px solid rgba(var(--sf-color-outline-variant))}.sf-scheduler .sf-toolbar-item button{font-size:var(--sf-font-size-sm);border-radius:30px}.sf-scheduler .sf-previous-icon,.sf-scheduler .sf-next-icon{border:none;padding-block:8px;padding-inline:10px}.sf-scheduler .sf-previous-icon svg,.sf-scheduler .sf-next-icon svg{width:20px;height:24px}.sf-scheduler .sf-main-scroll-container{flex-direction:column;height:100%;display:flex;overflow:auto}.sf-scheduler .sf-sticky-header{z-index:10;position:sticky;top:0}.sf-scheduler .sf-header-section{border-bottom:1px solid rgba(var(--sf-color-outline-variant));flex-direction:row;min-width:max-content;display:flex}.sf-scheduler .sf-header-section .sf-date-header{flex-direction:column;width:100%;display:flex}.sf-scheduler .sf-vertical-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.sf-scheduler .sf-all-day-appointment-section{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;display:flex;position:absolute;inset:auto 0 8px}.sf-scheduler .sf-appointment-collapse{transform:rotate(180deg)}.sf-scheduler .sf-event-resize.sf-top-handler,.sf-scheduler .sf-event-resize.sf-bottom-handler{cursor:ns-resize;block-size:20%;min-block-size:1px;max-block-size:14px;inline-size:100%;position:absolute;inset-inline-start:0}.sf-scheduler .sf-event-resize.sf-left-handler,.sf-scheduler .sf-event-resize.sf-right-handler{cursor:ew-resize;block-size:100%;inline-size:20%;min-inline-size:1px;max-inline-size:14px;position:absolute;inset-block:0}.sf-scheduler .sf-event-resize.sf-top-handler{inset-block-start:0}.sf-scheduler .sf-event-resize.sf-bottom-handler{inset-block-end:0}.sf-scheduler .sf-event-resize.sf-left-handler{inset-inline-start:0}.sf-scheduler .sf-event-resize.sf-right-handler{inset-inline-end:0}.sf-scheduler .sf-event-resize .sf-mob-resize-dot{opacity:.9;pointer-events:auto;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.sf-scheduler .sf-header-row{flex-direction:row;width:100%;height:85px;min-height:85px;display:flex}.sf-scheduler .sf-header-cells{border-inline-start:1px solid rgba(var(--sf-color-outline-variant));flex-direction:column;flex:1;align-items:center;gap:4px;width:50px;display:flex}.sf-scheduler .sf-header-cells:first-child{border-inline-start:none}.sf-scheduler .sf-all-day-row{flex-direction:row;width:100%;height:auto;transition:height .3s;display:flex;position:relative;overflow:hidden}.sf-scheduler .sf-all-day-cell{border-inline-start:1px solid rgba(var(--sf-color-outline-variant));flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.sf-scheduler .sf-all-day-cell:first-child{border-inline-start:none}.sf-scheduler .sf-date-header-container{flex:1;position:relative;overflow:hidden}.sf-scheduler .sf-header-date{font-size:var(--sf-font-size-2xl);line-height:var(--sf-line-height-2xl);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sf-scheduler .sf-header-date:hover{background:rgba(var(--sf-color-on-surface),.05)}.sf-scheduler .sf-left-indent{z-index:5;border-inline-end:1px solid rgba(var(--sf-color-outline-variant));flex-direction:column;flex-shrink:0;width:100px;display:flex;position:sticky;left:0}.sf-scheduler .sf-time-cells-wrap{border-inline-end:1px solid rgba(var(--sf-color-outline-variant));width:100px;overflow-y:hidden}.sf-scheduler .sf-scheduler-table{flex-direction:column;width:100%;height:100%;display:flex}.sf-scheduler .sf-time-slots{height:40px;font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;display:flex;position:relative}.sf-scheduler .sf-time-slots.sf-time-cells:last-child{border-bottom:none}.sf-scheduler .sf-time-slots.sf-hide-childs>span{display:none}.sf-scheduler .sf-week-number{height:85px;font-size:var(--sf-font-size-sm);flex-direction:column;align-items:center;padding-top:10px;display:flex}.sf-scheduler .sf-day-view .sf-header-cells{align-items:start;padding-block-start:4px;padding-inline-start:8px}.sf-scheduler .sf-day-view .sf-header-date{cursor:default}.sf-scheduler .sf-day-view .sf-header-date:hover{text-decoration:none}.sf-scheduler .sf-day-view .sf-header-day{padding-inline-start:8px}.sf-scheduler .sf-header-day{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);text-transform:uppercase;letter-spacing:var(--sf-letter-spacing-wide)}.sf-scheduler .sf-right-section{flex-direction:column;flex:1;display:flex}.sf-scheduler .sf-content-section{flex-direction:row;flex:1;min-width:max-content;display:flex}.sf-scheduler .sf-work-cells-container{z-index:1;flex-direction:row;flex:1;display:flex;position:relative}.sf-scheduler .sf-work-cells-row{flex-direction:row;width:100%;height:40px;display:flex}.sf-scheduler .sf-work-cells-row:last-child .sf-work-cells,.sf-scheduler .sf-work-cells-row:last-child .sf-work-cells.sf-alternate-cells{border-bottom:none}.sf-scheduler .sf-day-view .sf-work-cells,.sf-scheduler .sf-week-view .sf-work-cells,.sf-scheduler .sf-work-week-view .sf-work-cells{border-block-end:1px solid rgba(var(--sf-color-outline-variant));border-inline-start:1px solid rgba(var(--sf-color-outline-variant));flex:1;width:50px;overflow:visible}.sf-scheduler .sf-day-view .sf-work-cells:first-child,.sf-scheduler .sf-week-view .sf-work-cells:first-child,.sf-scheduler .sf-work-week-view .sf-work-cells:first-child{border-inline-start:none}.sf-scheduler .sf-day-view .sf-work-cells.sf-alternate-cells,.sf-scheduler .sf-week-view .sf-work-cells.sf-alternate-cells,.sf-scheduler .sf-work-week-view .sf-work-cells.sf-alternate-cells{border-bottom-style:dashed}.sf-scheduler .sf-day-view .sf-header-day,.sf-scheduler .sf-week-view .sf-header-day,.sf-scheduler .sf-work-week-view .sf-header-day{padding-block-start:4px}.sf-scheduler .sf-more-indicator{font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs);z-index:2;width:fit-content;position:absolute;inset:auto 8px 8px}.sf-scheduler .sf-month-view .sf-header-section{border:none}.sf-scheduler .sf-month-view .sf-header-row{height:36px;min-height:36px}.sf-scheduler .sf-month-view .sf-date-header-container{flex:none;align-items:center;height:36px;display:flex}.sf-scheduler .sf-month-view .sf-header-cells{width:36px;padding:8px}.sf-scheduler .sf-month-view .sf-left-indent{width:60px}.sf-scheduler .sf-month-view .sf-week-number{min-height:124px;color:rgba(var(--sf-color-on-surface));border-bottom:1px solid rgba(var(--sf-color-outline-variant));padding-top:6px}.sf-scheduler .sf-month-view .sf-week-number-wrapper{flex-direction:column;height:100%;display:flex}.sf-scheduler .sf-month-view .sf-right-section{border-bottom:1px solid rgba(var(--sf-color-outline-variant))}.sf-scheduler .sf-month-view .sf-work-cells-row{border-bottom:1px solid rgba(var(--sf-color-outline-variant));min-height:124px}.sf-scheduler .sf-month-view .sf-work-cells-row:last-child{border-bottom:none}.sf-scheduler .sf-month-view .sf-work-cells{border-inline-end:1px solid rgba(var(--sf-color-outline-variant));flex-direction:column;flex:1;display:flex}.sf-scheduler .sf-month-view .sf-work-cells:last-child{border-inline-end:none}.sf-scheduler .sf-month-view .sf-work-cells .sf-date-header-container{justify-content:space-between;height:36px;padding:8px}.sf-scheduler .sf-month-view .sf-work-cells .sf-date-header{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm)}.sf-scheduler .sf-month-view .sf-work-cells.sf-current-date .sf-date-header{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.sf-scheduler .sf-month-view .sf-work-cells .sf-appointment-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.sf-scheduler .sf-month-view .sf-content-table{flex:1}.sf-scheduler .sf-month-view .sf-content-table.sf-hide-dates .sf-other-month{visibility:hidden}.sf-scheduler .sf-custom-weeks{--cell-height:calc(100%/var(--week-count,1))}.sf-scheduler .sf-custom-weeks .sf-week-number,.sf-scheduler .sf-custom-weeks .sf-work-cells-row{height:var(--cell-height);min-height:124px}.sf-scheduler .sf-content-wrap{flex:1;position:relative}.sf-scheduler .sf-event-container{display:flex}.sf-scheduler .sf-event-container .sf-subject{line-height:var(--sf-line-height-sm);word-wrap:break-word;padding-block-start:2px;padding-inline:4px}.sf-scheduler .sf-day-wrapper{flex:1;width:50px;position:relative;overflow:visible}.sf-scheduler .sf-day-wrapper .sf-appointment{margin-inline-start:2px}.sf-scheduler .sf-content-table{width:100%;height:100%;position:relative}.sf-scheduler .sf-current-time{font-size:var(--sf-font-size-xs);white-space:nowrap;pointer-events:none;text-align:center;width:100%;position:absolute;left:0;transform:translateY(-50%)}.sf-scheduler .sf-current-timeline,.sf-scheduler .sf-previous-timeline{z-index:5;pointer-events:none;width:100%;height:1px;position:absolute}.sf-scheduler .sf-current-timeline{border-top:1px solid rgba(var(--sf-color-primary))}.sf-scheduler .sf-previous-timeline{border-top:1px dashed rgba(var(--sf-color-primary))}.sf-scheduler .sf-appointment{cursor:pointer;z-index:2;width:calc(100% - 4px);height:24px;position:absolute;inset:4px 4px 4px 0;overflow:hidden}.sf-scheduler .sf-appointment .sf-event-time,.sf-scheduler .sf-appointment .sf-event-location{font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs);padding-block-end:2px;padding-inline:4px}.sf-scheduler .sf-appointment .sf-time{font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs);white-space:nowrap}.sf-scheduler .sf-day-wrapper .sf-appointment-details{display:block}.sf-scheduler .sf-indicator{justify-content:center;align-items:center;display:flex}.sf-scheduler .sf-indicator .sf-icon-size{height:var(--sf-font-size-xs);width:var(--sf-font-size-xs)}.sf-scheduler .sf-up-icon{margin-top:4px}.sf-scheduler .sf-down-icon{position:absolute;bottom:6px;left:45%}.sf-scheduler .sf-appointment-details{align-items:center;gap:4px;height:100%;padding-inline:4px;display:flex}.sf-scheduler .sf-block-indicator{line-height:var(--sf-line-height-xs)}.sf-scheduler .sf-subject{font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs);font-weight:var(--sf-font-weight-medium);flex:1;padding:0}.sf-scheduler .sf-subject.sf-text-center{text-align:center}.sf-scheduler .sf-block-appointment{width:100%;height:100%;font-size:var(--sf-font-size-sm);z-index:3;position:absolute}.sf-scheduler .sf-block-appointment .sf-subject{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);font-weight:var(--sf-font-weight-normal);padding-block:12px 4px;padding-inline:12px 4px;overflow:hidden}.sf-scheduler .sf-read-only{opacity:.8;cursor:default}.sf-scheduler .sf-day-clone-container,.sf-scheduler .sf-time-slot-clone-container{pointer-events:none;position:absolute;inset:0}.sf-scheduler .sf-timescale-disabled .sf-work-cells-row{height:100%}.sf-scheduler .sf-timescale-disabled .sf-appointment:has(.sf-indicator){display:flex}.sf-scheduler .sf-timescale-disabled .sf-appointment:has(.sf-right-icon){justify-content:space-between}.sf-scheduler.sf-rtl .sf-previous-icon svg,.sf-scheduler.sf-rtl .sf-next-icon svg,.sf-scheduler.sf-rtl .sf-month-view .sf-appointment svg,.sf-scheduler.sf-rtl .sf-all-day-appointment svg{transform:rotate(180deg)}.sf-scheduler .sf-dragging,.sf-scheduler .sf-resizing{opacity:.4}.sf-scheduler .sf-event-clone{box-sizing:border-box;z-index:1000;border:2px solid rgba(var(--sf-color-on-surface));box-shadow:var(--sf-elevation-3),var(--sf-elevation-3)}.sf-scheduler .sf-event-clone .sf-appointment-details{display:block}.sf-scheduler .sf-event-clone .sf-subject{padding-inline-start:6px}.sf-scheduler .sf-event-clone .sf-event-time{line-height:var(--sf-line-height-xs)}.sf-scheduler-dialog .sf-dialog-content{flex-direction:column;gap:16px}.sf-scheduler-dialog .sf-editor-fields-row{flex-direction:row;gap:16px}.sf-scheduler-dialog .sf-editor-field-container{flex:1}.sf-scheduler-dialog .sf-description-row .sf-event-description{width:100%}.sf-scheduler-dialog .sf-delete-event{margin-inline-end:auto}.sf-quickinfo-popup-wrapper{padding:0 20px}.sf-quickinfo-popup-wrapper.sf-popup{border-radius:8px;min-width:360px}.sf-quickinfo-popup-wrapper .sf-popup-close{border-radius:30px}.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-footer{justify-content:end;gap:8px;padding-block:12px}.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header{align-items:center;padding:20px 0 0}.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-popup-event-subject{font-size:var(--sf-font-size-base);line-height:var(--sf-line-height-base);font-weight:var(--sf-font-weight-medium);flex:1}.sf-quickinfo-popup-wrapper .sf-icon-size{font-size:var(--sf-font-size-xl)}.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-content{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm)}.sf-quickinfo-popup-wrapper .sf-cell-time,.sf-quickinfo-popup-wrapper .sf-location,.sf-quickinfo-popup-wrapper .sf-description{align-items:center;gap:12px;padding-top:16px}.sf-more-popup-wrapper{border-radius:4px;min-width:212px;max-height:300px;padding:0 12px 12px;overflow-y:auto}.sf-more-popup-wrapper.sf-popup .sf-appointment{padding:5px 10px;position:relative}.sf-more-popup-wrapper .sf-more-event-header{height:48px;font-size:var(--sf-font-size-base);align-items:center;padding:16px 4px 8px;display:flex}.sf-more-popup-wrapper .sf-more-event-date-header{flex:1}.sf-more-popup-wrapper .sf-more-event-content{flex-direction:column;gap:4px;display:flex}.sf-mobile-popup{z-index:1004;height:100%;max-height:100%;margin:0;position:fixed;inset:0;overflow:hidden}.sf-mobile-popup.sf-more-popup-wrapper .sf-more-event-content .sf-appointment{font-size:var(--sf-font-size-xs);padding:5px 10px}@media (max-width:560px){.sf-scheduler .sf-time-cells-wrap,.sf-scheduler .sf-left-indent{width:50px}.sf-scheduler .sf-time-slots{padding:0}.sf-scheduler .sf-scheduler-toolbar-container .sf-toolbar-popup-items .sf-view-button{border:none}.sf-scheduler-dialog .sf-title-location-row{flex-direction:column}}.sf-scheduler{background:rgba(var(--sf-color-surface));border:1px solid rgba(var(--sf-color-outline-variant))}.sf-scheduler .sf-btn-outlined{border:1px solid rgba(var(--sf-color-outline-variant))}.sf-scheduler .sf-toolbar-selected.sf-btn-outlined{border:1px solid rgba(var(--sf-color-primary));background:rgba(var(--sf-color-primary),.08)}.sf-scheduler .sf-toolbar-selected.sf-btn-outlined:hover{background:rgba(var(--sf-color-primary),.12)}.sf-scheduler .sf-date-header{border-color:rgba(var(--sf-color-outline-variant));border-style:solid;border-width:0}.sf-scheduler .sf-date-header .sf-header-cells{background:rgba(var(--sf-color-surface));color:rgba(var(--sf-color-on-surface))}.sf-scheduler .sf-date-header .sf-header-cells.sf-current-day{color:rgba(var(--sf-color-primary))}.sf-scheduler .sf-all-day-appointment-section:hover,.sf-scheduler .sf-all-day-appointment-section:focus{background:rgba(var(--sf-color-on-surface),.05);border-radius:100%}.sf-scheduler .sf-left-indent,.sf-scheduler .sf-right-section{background:rgba(var(--sf-color-surface))}.sf-scheduler .sf-time-cells-wrap{background-color:rgba(var(--sf-color-surface))}.sf-scheduler .sf-time-slots{color:rgba(var(--sf-color-on-surface));border-bottom:none}.sf-scheduler .sf-time-slots.sf-time-cells{border-bottom:1px solid rgba(var(--sf-color-outline-variant))}.sf-scheduler .sf-work-cells-row{background-color:rgba(var(--sf-color-surface));border-color:rgba(var(--sf-color-outline-variant));color:rgba(var(--sf-color-on-surface))}.sf-scheduler .sf-work-cells,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface));color:rgba(var(--sf-color-on-surface));padding:0}.sf-scheduler .sf-work-cells.sf-weekend,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-weekend{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface))}.sf-scheduler .sf-work-cells.sf-work-hours,.sf-scheduler .sf-work-cells.sf-work-days,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-work-hours,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-work-days{background:rgba(var(--sf-color-surface))}.sf-scheduler .sf-work-cells:hover,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper:hover{background-color:rgba(var(--sf-color-on-surface),.05)}.sf-scheduler .sf-work-cells.sf-selected,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-selected{background-color:rgba(var(--sf-color-primary),.2)}.sf-scheduler .sf-work-cells:focus,.sf-scheduler .sf-timescale-disabled .sf-day-wrapper:focus{background-color:rgba(var(--sf-color-on-surface),.04)}.sf-scheduler .sf-vertical-view div.sf-selected-cell{background:rgba(var(--sf-color-on-surface),.08)}.sf-scheduler .sf-current-time{color:rgba(var(--sf-color-primary))}.sf-scheduler .sf-appointment{background:rgba(var(--sf-color-primary));color:rgba(var(--sf-color-on-primary));border-radius:4px}.sf-scheduler .sf-appointment:focus{box-shadow:var(--sf-elevation-3),var(--sf-elevation-1),var(--sf-elevation-1);border:0}.sf-scheduler .sf-block-appointment{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.05),rgba(var(--sf-color-primary),.05)),rgba(var(--sf-color-surface))}.sf-scheduler .sf-other-month{color:rgba(var(--sf-color-on-surface),.38)}.sf-scheduler .sf-current-date .sf-date-header,.sf-scheduler .sf-current-day .sf-header-date{background-color:rgba(var(--sf-color-primary));color:rgba(var(--sf-color-on-primary))}.sf-scheduler-dialog{background:rgba(var(--sf-color-surface))}.sf-quickinfo-popup-wrapper{background:linear-gradient(0deg,rgba(var(--sf-color-primary),.08),rgba(var(--sf-color-primary),.08)),rgba(var(--sf-color-surface));box-shadow:var(--sf-elevation-3),var(--sf-elevation-3)}.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-content{color:rgba(var(--sf-color-on-surface-variant))}.sf-more-popup-wrapper{background-color:rgba(var(--sf-color-surface));box-shadow:var(--sf-elevation-2),var(--sf-elevation-2)}.sf-mobile-popup .sf-more-event-content .sf-appointment{background:rgba(var(--sf-color-primary));color:rgba(var(--sf-color-on-primary));border-radius:4px}.sf-mobile-popup .sf-more-event-content .sf-appointment:focus{box-shadow:var(--sf-elevation-3),var(--sf-elevation-1),var(--sf-elevation-1);border:0}

: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:5px;--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;--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}.dark-theme{--background-color:#1c1b1f;--sb-content-color:#e4dfec;--sidebar-background-color:#1c1b1f;--humberger-color:#d0bcff;--content-background-color:#151515;--text-color:#cac4d0;--text-secondary:#9ca3af;--border-color:#49454f;--shadow-color:#0000001f;--nav-active-color:#4f378b;--nav-hover-color:#111827;--button-hover-bg:#374151;--button-text:#e5e7eb;--button-primary-bg:#d0bcff;--button-primary-text:#fff;--scrollbar-thumb:#4b5563;--scrollbar-thumb-hover:#6b7280;--table-bg:#1e1e1e;--table-text:#fff;--table-header:#2a2a2a;--header-text-color:#e6e1e5;--brand-icon-bg:#fff;--token-operator-color:#67cdcc;--button-icon-bg-color:#4f378b;--notes-bg-color:#e6e1e50f;--preview-bg-color:#d0bcff;--preview-color:#371e73;--highlighter-color:#ff80b3;--props-highlighter-color:#99a1b31a;--anchor-highlight-color:#aaaafc;--accessbility-color:#cdb5f2;--new-bg-color:#1e4e2a;--new-color:#7cda9a;--updated-bg-color:#0d47a1;--updated-color:#90caf9;--sf-body-color:#cac4d0;--sf-body-bg:#1c1b1f;--sb-collapse-color:var(--button-hover-bg)}*,: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-right .5s,padding-left .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{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 .action-buttons{align-items:center;display:flex}#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{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: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{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 .1s;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}