@unifiedsoftware/styles 2.0.0-alpha.7 → 2.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/css/fci.css +56 -28
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +238 -184
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_utilities.scss +3 -3
  7. package/scss/components/_card.scss +22 -20
  8. package/scss/components/_descriptions.scss +27 -6
  9. package/scss/components/_input.scss +45 -1
  10. package/scss/themes/fci/_tokens.scss +2 -2
  11. package/scss/themes/fci/components/_card.scss +36 -24
  12. package/scss/themes/fci/components/_descriptions.scss +18 -9
  13. package/scss/themes/fci/components/_input.scss +5 -2
  14. package/scss/themes/fci/components/_list.scss +0 -4
package/css/styles.min.css CHANGED
@@ -1 +1 @@
1
- .us-toolbar{position:relative;width:100%;min-height:var(--us-toolbar-min-height);padding-block:var(--us-toolbar-padding-y);padding-inline:var(--us-toolbar-padding-x);border-bottom:var(--us-toolbar-border);background:var(--us-toolbar-background);display:flex;align-items:center}.us-toolbar__container{width:100%;margin:0 auto;display:flex;align-items:center;gap:var(--us-toolbar-gap);z-index:1}.us-toolbar__start-action,.us-toolbar__start-content,.us-toolbar__end-action,.us-toolbar__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-toolbar-content-gap)}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);line-height:var(--us-toolbar-title-line-height);overflow:hidden;color:var(--us-toolbar-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-toolbar__subtitle{font-size:var(--us-toolbar-subtitle-font-size);font-weight:var(--us-toolbar-subtitle-font-weight);line-height:var(--us-toolbar-subtitle-line-height);overflow:hidden;color:var(--us-toolbar-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-badge:not(.us-badge--unstyled){min-width:var(--us-badge-min-width);min-height:var(--us-badge-min-height);padding-block:var(--us-badge-padding-y);padding-block:var(--us-badge-padding-y);padding-inline:var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);line-height:var(--us-badge-line-height);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex;justify-content:center;align-items:center}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-badge-wrapper .us-badge{position:absolute}.us-badge-wrapper .us-badge--top-left{top:10%;left:10%}.us-badge-wrapper .us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge-wrapper .us-badge--bottom-left{bottom:10%;left:10%}.us-badge-wrapper .us-badge--bottom-right{bottom:0;right:0}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size, var(--us-icon-font-size-default)) !important;color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding-block:var(--us-chip-padding-y);padding-inline:var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-style:var(--us-chip-font-style);font-family:var(--us-chip-font-family);white-space:nowrap;border-radius:var(--us-chip-border-radius);z-index:0;color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip--disabled{opacity:.6;pointer-events:none}.us-chip--closable{padding-inline-end:calc(var(--us-chip-padding-x)/2)}.us-chip__closable{position:relative;padding:.125rem;color:currentColor;border-radius:9999px;cursor:pointer;opacity:.8}.us-chip__closable:hover{opacity:1}.us-chip__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:.2}.us-button{position:relative;height:var(--us-button-height);padding-block:var(--us-button-padding-y);padding-inline:var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-style:var(--us-button-font-style);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button-group{display:inline-flex;align-items:center}.us-button-group .us-button{border-radius:0px}.us-button-group--row{flex-direction:row}.us-button-group--col{flex-direction:column;align-items:stretch}.us-button-group--row .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-bottom-left-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:last-of-type{border-top-right-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-top-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:last-of-type{border-bottom-left-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:not(.us-button:first-of-type){border-left:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button-group--col .us-button:not(.us-button:last-of-type){border-bottom:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;inset:0px;z-index:20;display:flex}.us-backdrop--opaque{background-color:rgba(0,0,0,.6)}.us-backdrop--blur{background-color:rgba(255,255,255,.5);backdrop-filter:blur(12px)}.us-backdrop--transparent{background-color:rgba(0,0,0,0)}.us-backdrop--scrollable{overflow:auto}.us-backdrop--top,.us-backdrop--bottom,.us-backdrop--center{justify-content:center}.us-backdrop--top{align-items:flex-start}.us-backdrop--center{align-items:center}.us-backdrop--bottom{align-items:flex-end}.us-backdrop--left{justify-content:flex-start}.us-backdrop--right{justify-content:flex-end}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-popover{min-width:240px;position:absolute;border-radius:6px;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:1060;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background);display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--us-drawer-border-color)}.us-drawer>form{width:inherit;max-width:inherit;height:inherit;max-height:inherit;display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit}.us-drawer-header{position:relative;flex-shrink:0;height:var(--us-drawer-header-height);min-height:var(--us-drawer-header-min-height);padding-block:var(--us-drawer-header-padding-y);padding-inline:var(--us-drawer-header-padding-x);display:flex;align-items:center;gap:var(--us-drawer-header-gap)}.us-drawer-header__start-content,.us-drawer-header__end-content{flex-shrink:0;display:flex;align-items:center}.us-drawer-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-drawer-header-content-gap)}.us-drawer-header__title{font-size:var(--us-drawer-header-title-font-size);font-weight:var(--us-drawer-header-title-font-weight);line-height:var(--us-drawer-header-title-line-height);overflow:hidden;color:var(--us-drawer-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-drawer-header__subtitle{font-size:var(--us-drawer-header-subtitle-font-size);font-weight:var(--us-drawer-header-subtitle-font-weight);line-height:var(--us-drawer-header-subtitle-line-height);overflow:hidden;color:var(--us-drawer-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-drawer-header:not(.us-drawer-header--bordered)~.us-drawer-body:not([data-hidden=true]),.us-drawer-header:not(.us-drawer-header--bordered)~:not([hidden]) .us-drawer-body:not([data-hidden=true]){padding-top:0}.us-drawer-header--bordered~.us-drawer-body:not([data-hidden=true]),.us-drawer-header--bordered~:not([hidden]) .us-drawer-body:not([data-hidden=true]){border-top-width:1px}.us-drawer-body{flex-grow:1;border-top:0px solid #ddd;padding-block:var(--us-drawer-body-padding-y);padding-inline:var(--us-drawer-body-padding-x);font-size:var(--us-drawer-body-font-size);line-height:var(--us-drawer-body-line-height);color:var(--us-drawer-body-color)}.us-drawer-footer{flex-shrink:0;position:relative;min-height:var(--us-drawer-footer-min-height);padding-block:var(--us-drawer-footer-padding-y);padding-inline:var(--us-drawer-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-drawer-footer-border-color);background-color:var(--us-drawer-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-drawer-body:not([data-hidden=true])~.us-drawer-footer:not(.us-drawer-footer--bordered){padding-top:0}.us-drawer-footer--bordered{border-top-width:1px}.us-drawer-appear,.us-drawer-enter{opacity:0;transform:translateX(-100%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-xs-width);max-height:100%}.us-drawer--left{left:0;border-right-width:var(--us-drawer-border-width)}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0;border-left-width:var(--us-drawer-border-width)}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-xs-width)}.us-drawer--top{top:0;border-bottom-width:var(--us-drawer-border-width)}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0;border-top-width:var(--us-drawer-border-width)}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 480px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-modal{z-index:20;position:relative;overflow:hidden;max-width:var(--us-modal-width);width:100%;border-radius:var(--us-modal-border-radius);border-width:var(--us-modal-border-width);border-style:solid;border-color:var(--us-modal-border-color);box-shadow:var(--us-modal-box-shadow);color:var(--us-modal-color);display:flex;flex-direction:column;background-color:var(--us-modal-background)}.us-modal-wrapper{padding:var(--us-modal-wrapper-padding)}.us-modal-wrapper--fullscreen{padding:0}.us-modal-wrapper--fullscreen .us-modal{max-width:100%;height:100vh;border-radius:0px;border-width:0px}.us-modal--top{margin-bottom:auto}.us-modal--center{margin-top:auto;margin-bottom:auto}.us-modal--bottom{margin-top:auto}.us-modal>form{width:inherit;max-width:inherit;height:inherit;max-height:inherit;display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit}.us-modal--scroll-inside{height:calc(100vh - 2*var(--us-modal-wrapper-padding))}.us-modal-header{position:relative;flex-shrink:0;height:var(--us-modal-header-height);min-height:var(--us-modal-header-min-height);border-bottom:0px solid #ddd;padding-block:var(--us-modal-header-padding-y);padding-inline:var(--us-modal-header-padding-x);display:flex;align-items:center;gap:var(--us-modal-header-gap)}.us-modal-header__start-content,.us-modal-header__end-content{flex-shrink:0;display:flex;align-items:center}.us-modal-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-modal-header-content-gap)}.us-modal-header__title{font-size:var(--us-modal-header-title-font-size);font-weight:var(--us-modal-header-title-font-weight);line-height:var(--us-modal-header-title-line-height);overflow:hidden;color:var(--us-modal-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-modal-header__subtitle{font-size:var(--us-modal-header-subtitle-font-size);font-weight:var(--us-modal-header-subtitle-font-weight);line-height:var(--us-modal-header-subtitle-line-height);overflow:hidden;color:var(--us-modal-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-modal-header:not(.us-modal-header--bordered)~.us-modal-body:not([data-hidden=true]),.us-modal-header:not(.us-modal-header--bordered)~:not([hidden]) .us-modal-body:not([data-hidden=true]){padding-top:0}.us-modal-header--bordered{border-bottom-width:1px}.us-modal-body{flex-grow:1;padding-block:var(--us-modal-body-padding-y);padding-inline:var(--us-modal-body-padding-x);font-size:var(--us-modal-body-font-size);line-height:var(--us-modal-body-line-height);color:var(--us-modal-body-color)}.us-modal--scroll-inside .us-modal-body{overflow-y:auto}.us-modal-footer{flex-shrink:0;position:relative;min-height:var(--us-modal-footer-min-height);padding-block:var(--us-modal-footer-padding-y);padding-inline:var(--us-modal-footer-padding-x);border-top-width:var(--us-modal-footer-border-width);border-top-style:solid;border-top-color:var(--us-modal-footer-border-color);background-color:var(--us-modal-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-modal-appear,.us-modal-enter{opacity:0;transform:scale(0.9)}.us-modal-appear-active,.us-modal-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-modal-exit{opacity:1;transform:scale(1)}.us-modal-exit-active{opacity:0;transform:scale(0.9);transition:opacity 300ms,transform 300ms}.us-modal-fullscreen.us-modal-exit-active{transform:translateY(100%)}.us-input{position:relative;width:100%;padding:0;min-height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background);z-index:0;transition:all .2s ease-in-out}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input__clearable{display:flex;justify-content:center;align-items:center}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__field::placeholder{color:var(--us-input-placeholder-color)}.us-input__search,.us-input__placeholder{flex:1;width:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);color:var(--us-input-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-input__placeholder{opacity:.6}.us-input__chips{padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);flex-grow:1;display:flex;flex-wrap:wrap;gap:.25rem}.us-input__chips input{flex:1;height:24px;border:none;outline:none;color:inherit;background:inherit;min-width:0}.us-input__start-content,.us-input__end-content{flex-shrink:0;display:flex;align-items:center}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding-inline:calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding-inline:calc(.75*var(--us-input-padding-x))}.us-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-checkbox-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-checkbox input{position:absolute;width:0;height:0;opacity:0}.us-checkbox--disabled{opacity:.6;pointer-events:none}.us-checkbox--read-only{pointer-events:none}.us-checkbox__control{position:relative;width:var(--us-checkbox-control-width);height:var(--us-checkbox-control-height);border-width:var(--us-checkbox-control-border-width);border-style:var(--us-checkbox-control-border-style);border-color:var(--us-checkbox-control-border-color);border-radius:var(--us-checkbox-control-border-radius);color:var(--us-checkbox-control-color);display:flex;justify-content:center;align-items:center;transition:color .1s ease-in-out .05s,border-color .1s ease-in-out .05s;overflow:hidden}.us-checkbox--before .us-checkbox__control{order:2}.us-checkbox--befire .us-checkbox__label{order:1}.us-checkbox--checked .us-checkbox__control{border-color:var(--us-_checked-checkbox-control-border-color, var(--us-checkbox-control-border-color));color:var(--us-_checked-checkbox-control-color, var(--us-checkbox-control-color))}.us-checkbox--focus .us-checkbox__control{box-shadow:var(--us-_focus-checkbox-control-box-shadow)}.us-checkbox__tap{position:absolute;inset:0px;opacity:0;border-radius:inherit;background-color:var(--us-checkbox-tap-background);transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-checkbox--checked .us-checkbox__tap{opacity:1;transform:scale(1.5)}.us-checkbox .us-icon{opacity:1;transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-checkbox--checked .us-icon{opacity:1;transform:scale(1)}.us-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--us-checkbox-group-gap)}.us-checkbox-group--row{flex-direction:row;align-items:center}.us-checkbox-group--col{flex-direction:column}.us-checkbox-group--start{justify-content:flex-start}.us-checkbox-group--center{justify-content:center}.us-checkbox-group--end{justify-content:flex-end}.us-checkbox-group--stretch .us-checkbox{flex-grow:1}.us-checkbox__label{font-size:var(--us-checkbox-label-font-size);color:var(--us-checkbox-label-color)}.us-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-radio-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-radio--disabled{opacity:.6;pointer-events:none}.us-radio--read-only{pointer-events:none}.us-radio__control{position:relative;width:var(--us-radio-control-width);height:var(--us-radio-control-height);border-width:var(--us-radio-control-border-width);border-style:var(--us-radio-control-border-style);border-color:var(--us-radio-control-border-color);border-radius:var(--us-radio-control-border-radius);color:var(--us-radio-control-color);display:flex;justify-content:center;align-items:center;transition:color .1s ease-in-out .05s,border-color .1s ease-in-out .05s;overflow:hidden}.us-radio--before .us-radio__control{order:2}.us-radio--befire .us-radio__label{order:1}.us-radio--checked .us-radio__control{border-color:var(--us-_checked-radio-control-border-color, var(--us-radio-control-border-color));color:var(--us-_checked-radio-control-color, var(--us-radio-control-color))}.us-radio--focus .us-radio__control{box-shadow:var(--us-_focus-radio-control-box-shadow)}.us-radio__tap{position:absolute;inset:0px;opacity:0;border-radius:inherit;background-color:var(--us-radio-tap-background);transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-radio--checked .us-radio__tap{opacity:1;transform:scale(1.5)}.us-radio .us-icon{opacity:1;transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-radio--checked .us-icon{opacity:1;transform:scale(1)}.us-radio-group{display:flex;flex-wrap:wrap;gap:var(--us-radio-group-gap)}.us-radio-group--row{flex-direction:row;align-items:center}.us-radio-group--col{flex-direction:column}.us-radio-group--start{justify-content:flex-start}.us-radio-group--center{justify-content:center}.us-radio-group--end{justify-content:flex-end}.us-radio-group--stretch .us-radio{flex-grow:1}.us-radio input{position:absolute;width:0;height:0;opacity:0}.us-radio__label{font-size:var(--us-radio-label-font-size);color:var(--us-radio-label-color)}.us-switch{--us-switch-control-padding: calc(var(--us-switch-thumb-width) * 0.25);cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-switch-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--disabled{opacity:.6;pointer-events:none}.us-switch--read-only{pointer-events:none}.us-switch__control{position:relative;display:inline-block;width:var(--us-switch-control-width);height:var(--us-switch-control-height);border-radius:var(--us-switch-control-border-radius);cursor:pointer;background-color:var(--us-switch-control-color);display:inline-flex;align-items:center;transition:all .15s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch--before .us-switch__control{order:2}.us-switch--befire .us-switch__label{order:1}.us-switch--checked .us-switch__control{background-color:var(--us-_checked-switch-control-color, var(--us-switch-control-color))}.us-switch--focus .us-switch__control{box-shadow:var(--us-_focus-switch-control-box-shadow)}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-control-padding));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .15s ease-in-out}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-control-width) - var(--us-switch-thumb-width) - (var(--us-switch-control-padding))))}.us-switch__label{font-size:var(--us-switch-label-font-size);color:var(--us-switch-label-color)}.us-accordion{position:relative;border-radius:var(--us-accordion-border-radius);z-index:0}.us-accordion:not(.us-accordion--splitted){overflow:hidden;background-color:#fff}.us-accordion--splitted{display:grid;gap:var(--us-accordion-splitted-gap)}.us-accordion--splitted .us-accordion-item{border-radius:var(--us-accordion-border-radius);overflow:hidden}.us-accordion-item{position:relative;border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{position:relative;height:var(--us-accordion-header-height);min-height:var(--us-accordion-header-min-height);padding-block:var(--us-accordion-header-padding-y);padding-inline:var(--us-accordion-header-padding-x);color:var(--us-accordion-header-color);z-index:0;display:flex;align-items:center;gap:var(--us-accordion-header-gap)}.us-accordion-header--collapsible{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-accordion-header-content-gap)}.us-accordion-header__content{flex-grow:1;display:flex;flex-direction:column}.us-accordion-header__title{font-size:var(--us-accordion-header-title-font-size);font-weight:var(--us-accordion-header-title-font-weight);line-height:var(--us-accordion-header-title-line-height);opacity:var(--us-accordion-header-title-opacity);overflow:hidden;color:var(--us-accordion-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header__subtitle{font-size:var(--us-accordion-header-subtitle-font-size);font-weight:var(--us-accordion-header-subtitle-font-weight);line-height:var(--us-accordion-header-subtitle-line-height);opacity:var(--us-accordion-header-subtitle-opacity);overflow:hidden;color:var(--us-accordion-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header:not(.us-accordion-header--bordered)~.us-accordion-body:not([data-hidden=true]),.us-accordion-header:not(.us-accordion-header--bordered)~:not([hidden]) .us-accordion-body:not([data-hidden=true]){padding-top:0}.us-accordion-header--bordered~.us-accordion-body:not([data-hidden=true]),.us-accordion-header--bordered~:not([hidden]) .us-accordion-body:not([data-hidden=true]){border-top-width:1px}.us-accordion-body{position:relative;border-top:0px solid #ddd;padding-block:var(--us-accordion-body-padding-y);padding-inline:var(--us-accordion-body-padding-x);font-size:var(--us-accordion-body-font-size);line-height:var(--us-accordion-body-line-height);color:var(--us-accordion-body-color)}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item--hoverable,.us-list-item--selected{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader--bordered{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-data-list{flex-grow:1;overflow:hidden}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:var(--us-border-color)}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative}.us-swipe__content{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe__content{overflow-x:auto}}.us-swipe__start-content,.us-swipe__end-content{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe__start-content{left:-1.25rem}.us-swipe__end-content{right:-1.25rem}.us-swipe--auto-hide .us-swipe__start-content,.us-swipe--auto-hide .us-swipe__end-content{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe--auto-hide:hover .us-swipe__start-content,.us-swipe--auto-hide:hover .us-swipe__end-content{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;flex-wrap:wrap;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding-block:var(--us-tab-padding-y);padding-inline:var(--us-tab-padding-x);font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;border-radius:var(--us-tab-border-radius);z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab--closable{padding-inline-end:calc(var(--us-tab-padding-x)/2)}.us-tab__start-content,.us-tab__end-content{display:flex;align-items:center}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;color:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-tab__closable{position:relative;padding:.125rem;color:var(--us-tab-closable-color);border-radius:9999px;transform:scale(0.75);cursor:pointer;transition:all .15s ease-in-out}.us-tab__closable:hover{transform:scale(1)}.us-tab__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:0}.us-card{position:relative;border-radius:var(--us-card-border-radius);z-index:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff}.us-card__content{padding-block:var(--us-card-padding-y);padding-inline:var(--us-card-padding-x);display:flex;flex-direction:column;gap:var(--us-card-gap)}.us-card:hover{text-decoration:none}.us-card--bordered{border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color)}.us-card--shadow{box-shadow:var(--us-card-box-shadow)}.us-card--hoverable,.us-card--selected{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-card-header{position:relative;flex-shrink:0;height:var(--us-card-header-height);min-height:var(--us-card-header-min-height);padding-block:var(--us-card-header-padding-y);padding-inline:var(--us-card-header-padding-x);color:var(--us-card-header-color);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-card-header-content-gap)}.us-card-header__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.us-card-header--centered .us-card-header__start-content,.us-card-header--centered .us-card-header__end-content{position:absolute}.us-card-header--centered .us-card-header__start-content{left:var(--us-card-header-padding-x)}.us-card-header--centered .us-card-header__end-content{right:var(--us-card-header-padding-x)}.us-card-header--centered .us-card-header__content{align-items:center;text-align:center}.us-card-header .us-card-title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header .us-card-subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card .us-card-title:not(.us-card-header .us-card-title){flex-shrink:0;padding-block:var(--us-card-title-padding-y);padding-inline:var(--us-card-title-padding-x);font-size:var(--us-card-title-font-size);font-weight:var(--us-card-title-font-weight);line-height:var(--us-card-title-line-height);color:var(--us-card-title-color)}.us-card .us-card-title--centered:not(.us-card-header .us-card-title){text-align:center}.us-card .us-card-subtitle:not(.us-card-header .us-card-subtitle){flex-shrink:0;font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color)}.us-card-body{padding-block:var(--us-card-body-padding-y);padding-inline:var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-card-footer{flex-shrink:0;position:relative;min-height:var(--us-card-footer-min-height);padding-block:var(--us-card-footer-padding-y);padding-inline:var(--us-card-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-card-footer-border-color);background-color:var(--us-card-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-card-media{position:relative;margin:8px;border-radius:8px;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.08)}.us-card-media__top-left-content{padding:4px;position:absolute;top:0;left:0}.us-card-media__top-right-content{padding:4px;position:absolute;top:0;right:0}.us-card-media img{width:100%;height:100%;object-fit:cover}.us-card-header--underlined{margin-bottom:var(--us-card-padding-y)}.us-card-header--underlined::after{content:"";position:absolute;left:calc(var(--us-card-padding-x)*-1);right:calc(var(--us-card-padding-x)*-1);bottom:calc(var(--us-card-padding-y)*-1);border-bottom:1px solid var(--us-card-border-color)}.us-card-footer--underlined{margin-top:var(--us-card-padding-y)}.us-card-footer--underlined::after{content:"";position:absolute;left:calc(var(--us-card-padding-x)*-1);right:calc(var(--us-card-padding-x)*-1);top:calc(var(--us-card-padding-y)*-1);border-top:1px solid var(--us-card-border-color)}.us-card-header--underlined:last-child{margin-bottom:0}.us-card-header--underlined:last-child::after{border-bottom:none}.us-card-footer--underlined:last-child::before{border-top:none}.us-descriptions{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));row-gap:var(--us-descriptions-gap-y);column-gap:var(--us-descriptions-gap-x)}.us-description{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));row-gap:var(--us-description-gap-y);column-gap:var(--us-description-gap-x)}.us-descriptions--row .us-description-label{grid-column:span 6/span 6}.us-descriptions--row .us-description__content{grid-column:span 6/span 6}.us-descriptions--col .us-description-label,.us-descriptions--col .us-description__content{grid-column:span 12/span 12}.us-description-label{font-size:var(--us-description-label-font-size);font-weight:var(--us-description-label-font-weight);color:var(--us-description-label-color);opacity:var(--us-description-label-opacity)}.us-description-text{font-size:var(--us-description-text-font-size);font-weight:var(--us-description-text-font-weight);color:var(--us-description-text-color);opacity:var(--us-description-text-opacity)}.us-description-empty{opacity:.75;user-select:none;cursor:default}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-nav-rail{flex-shrink:0;position:relative;width:73px;height:100%;overflow:hidden;display:flex;flex-direction:column}.us-nav-rail--left{border-right-width:1px;border-right-color:var(--us-nav-rail-border-color);border-right-style:solid}.us-nav-rail--right{border-left-width:1px;border-left-color:var(--us-nav-rail-border-color);border-left-style:solid}.us-nav-rail__start-content,.us-nav-rail__end-content{flex-shrink:0}.us-nav-rail__start-content{padding-block:var(--us-nav-rail-start-content-padding-y);padding-inline:var(--us-nav-rail-start-content-padding-x);gap:var(--us-nav-rail-start-content-gap)}.us-nav-rail__end-content{padding-block:var(--us-nav-rail-end-content-padding-y);padding-inline:var(--us-nav-rail-end-content-padding-x);gap:var(--us-nav-rail-end-content-gap)}.us-nav-rail__content{flex-grow:1;padding-block:var(--us-nav-rail-content-padding-y);padding-inline:var(--us-nav-rail-content-padding-x);gap:var(--us-nav-rail-content-gap)}.us-nav-rail__start-content,.us-nav-rail__end-content,.us-nav-rail__content{display:flex;flex-direction:column}.us-nav-rail-item{flex-shrink:0;padding-block:var(--us-nav-rail-item-padding-y);padding-inline:var(--us-nav-rail-item-padding-x);position:relative;text-decoration:none;opacity:var(--us-nav-rail-item-opacity);border-radius:var(--us-nav-rail-item-border-radius);cursor:default;color:var(--us-nav-rail-item-color);background-color:var(--us-nav-rail-item-background);display:flex;user-select:none}.us-nav-rail-item__indicator{position:absolute;top:0;bottom:0;z-index:1;width:var(--us-nav-rail-item-indicator-size);z-index:1;background:var(--us-nav-rail-item-indicator-color);transform:translateX(calc(var(--us-nav-rail-item-indicator-size) * -1));transition:transform .125s cubic-bezier(0.17, 0.67, 0.55, 1.09),inset .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item__content{flex-grow:1;position:relative;padding-block:var(--us-nav-rail-item-content-padding-y);padding-inline:var(--us-nav-rail-item-content-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-nav-rail-item-gap)}.us-nav-rail-item__media{position:relative;outline-width:var(--us-nav-rail-item-media-border-width);outline-style:var(--us-nav-rail-item-media-border-style);outline-color:var(--us-nav-rail-item-media-border-color);width:var(--us-nav-rail-item-media-width);height:var(--us-nav-rail-item-media-height);border-radius:var(--us-nav-rail-item-media-border-radius);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item__icon{padding-block:var(--us-nav-rail-item-icon-padding-y);padding-inline:var(--us-nav-rail-item-icon-padding-x);display:flex;justify-content:center;align-items:center}.us-nav-rail-item__icon .us-icon{font-size:var(--us-nav-rail-item-icon-font-size)}.us-nav-rail-item__label{position:absolute;bottom:calc((var(--us-nav-rail-item-label-font-size) + var(--us-nav-rail-item-gap, 0))*-1);left:50%;transform:translateX(-50%);font-size:var(--us-nav-rail-item-label-font-size);font-weight:var(--us-nav-rail-item-label-font-weight);line-height:var(--us-nav-rail-item-label-line-height);text-wrap:nowrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:opacity .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item--selected{color:var(--us-_active-nav-rail-item-color)}.us-nav-rail-item--selected .us-nav-rail-item__media{outline-color:var(--us-_active-nav-rail-item-media-border-color)}.us-nav-rail-item--selected .us-nav-rail-item__icon,.us-nav-rail-item:hover .us-nav-rail-item__icon{transform:scale(1.15)}.us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{color:var(--us-_active-nav-rail-item-indicator-color)}.us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail-item:hover .us-nav-rail-item__indicator{transform:translateX(0px)}.us-nav-rail--left .us-nav-rail-item__indicator{left:-25%;border-radius:0px var(--us-nav-rail-item-indicator-border-radius) var(--us-nav-rail-item-indicator-border-radius) 0px}.us-nav-rail--right .us-nav-rail-item__indicator{right:-25%;border-radius:var(--us-nav-rail-item-indicator-border-radius) 0px 0px var(--us-nav-rail-item-indicator-border-radius)}.us-nav-rail--left .us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail--left .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{left:0px}.us-nav-rail--right .us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail--right .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{right:0px}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-fs-xs{font-size:var(--us-fs-xs)}.us-fs-sm{font-size:var(--us-fs-sm)}.us-fs-md{font-size:var(--us-fs-md)}.us-fs-lg{font-size:var(--us-fs-lg)}.us-fs-xl{font-size:var(--us-fs-xl)}.us-fs-2xl{font-size:var(--us-fs-2xl)}.us-fs-3xl{font-size:var(--us-fs-3xl)}.us-fs-4xl{font-size:var(--us-fs-4xl)}.us-fs-5xl{font-size:var(--us-fs-5xl)}.us-g-0{gap:0}.us-g-1{gap:.25rem}.us-g-2{gap:.5rem}.us-g-3{gap:.75rem}.us-g-4{gap:1rem}.us-g-5{gap:1.25rem}.us-g-6{gap:1.5rem}.us-g-7{gap:1.75rem}.us-g-8{gap:2rem}.us-gx-0{column-gap:0}.us-gx-1{column-gap:.25rem}.us-gx-2{column-gap:.5rem}.us-gx-3{column-gap:.75rem}.us-gx-4{column-gap:1rem}.us-gx-5{column-gap:1.25rem}.us-gx-6{column-gap:1.5rem}.us-gx-7{column-gap:1.75rem}.us-gx-8{column-gap:2rem}.us-gy-0{row-gap:0}.us-gy-1{row-gap:.25rem}.us-gy-2{row-gap:.5rem}.us-gy-3{row-gap:.75rem}.us-gy-4{row-gap:1rem}.us-gy-5{row-gap:1.25rem}.us-gy-6{row-gap:1.5rem}.us-gy-7{row-gap:1.75rem}.us-gy-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-fs-xs{font-size:var(--us-fs-xs)}.xs\:us-fs-sm{font-size:var(--us-fs-sm)}.xs\:us-fs-md{font-size:var(--us-fs-md)}.xs\:us-fs-lg{font-size:var(--us-fs-lg)}.xs\:us-fs-xl{font-size:var(--us-fs-xl)}.xs\:us-fs-2xl{font-size:var(--us-fs-2xl)}.xs\:us-fs-3xl{font-size:var(--us-fs-3xl)}.xs\:us-fs-4xl{font-size:var(--us-fs-4xl)}.xs\:us-fs-5xl{font-size:var(--us-fs-5xl)}.xs\:us-g-0{gap:0}.xs\:us-g-1{gap:.25rem}.xs\:us-g-2{gap:.5rem}.xs\:us-g-3{gap:.75rem}.xs\:us-g-4{gap:1rem}.xs\:us-g-5{gap:1.25rem}.xs\:us-g-6{gap:1.5rem}.xs\:us-g-7{gap:1.75rem}.xs\:us-g-8{gap:2rem}.xs\:us-gx-0{column-gap:0}.xs\:us-gx-1{column-gap:.25rem}.xs\:us-gx-2{column-gap:.5rem}.xs\:us-gx-3{column-gap:.75rem}.xs\:us-gx-4{column-gap:1rem}.xs\:us-gx-5{column-gap:1.25rem}.xs\:us-gx-6{column-gap:1.5rem}.xs\:us-gx-7{column-gap:1.75rem}.xs\:us-gx-8{column-gap:2rem}.xs\:us-gy-0{row-gap:0}.xs\:us-gy-1{row-gap:.25rem}.xs\:us-gy-2{row-gap:.5rem}.xs\:us-gy-3{row-gap:.75rem}.xs\:us-gy-4{row-gap:1rem}.xs\:us-gy-5{row-gap:1.25rem}.xs\:us-gy-6{row-gap:1.5rem}.xs\:us-gy-7{row-gap:1.75rem}.xs\:us-gy-8{row-gap:2rem}}@media screen and (min-width: 640px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-fs-xs{font-size:var(--us-fs-xs)}.sm\:us-fs-sm{font-size:var(--us-fs-sm)}.sm\:us-fs-md{font-size:var(--us-fs-md)}.sm\:us-fs-lg{font-size:var(--us-fs-lg)}.sm\:us-fs-xl{font-size:var(--us-fs-xl)}.sm\:us-fs-2xl{font-size:var(--us-fs-2xl)}.sm\:us-fs-3xl{font-size:var(--us-fs-3xl)}.sm\:us-fs-4xl{font-size:var(--us-fs-4xl)}.sm\:us-fs-5xl{font-size:var(--us-fs-5xl)}.sm\:us-g-0{gap:0}.sm\:us-g-1{gap:.25rem}.sm\:us-g-2{gap:.5rem}.sm\:us-g-3{gap:.75rem}.sm\:us-g-4{gap:1rem}.sm\:us-g-5{gap:1.25rem}.sm\:us-g-6{gap:1.5rem}.sm\:us-g-7{gap:1.75rem}.sm\:us-g-8{gap:2rem}.sm\:us-gx-0{column-gap:0}.sm\:us-gx-1{column-gap:.25rem}.sm\:us-gx-2{column-gap:.5rem}.sm\:us-gx-3{column-gap:.75rem}.sm\:us-gx-4{column-gap:1rem}.sm\:us-gx-5{column-gap:1.25rem}.sm\:us-gx-6{column-gap:1.5rem}.sm\:us-gx-7{column-gap:1.75rem}.sm\:us-gx-8{column-gap:2rem}.sm\:us-gy-0{row-gap:0}.sm\:us-gy-1{row-gap:.25rem}.sm\:us-gy-2{row-gap:.5rem}.sm\:us-gy-3{row-gap:.75rem}.sm\:us-gy-4{row-gap:1rem}.sm\:us-gy-5{row-gap:1.25rem}.sm\:us-gy-6{row-gap:1.5rem}.sm\:us-gy-7{row-gap:1.75rem}.sm\:us-gy-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-fs-xs{font-size:var(--us-fs-xs)}.md\:us-fs-sm{font-size:var(--us-fs-sm)}.md\:us-fs-md{font-size:var(--us-fs-md)}.md\:us-fs-lg{font-size:var(--us-fs-lg)}.md\:us-fs-xl{font-size:var(--us-fs-xl)}.md\:us-fs-2xl{font-size:var(--us-fs-2xl)}.md\:us-fs-3xl{font-size:var(--us-fs-3xl)}.md\:us-fs-4xl{font-size:var(--us-fs-4xl)}.md\:us-fs-5xl{font-size:var(--us-fs-5xl)}.md\:us-g-0{gap:0}.md\:us-g-1{gap:.25rem}.md\:us-g-2{gap:.5rem}.md\:us-g-3{gap:.75rem}.md\:us-g-4{gap:1rem}.md\:us-g-5{gap:1.25rem}.md\:us-g-6{gap:1.5rem}.md\:us-g-7{gap:1.75rem}.md\:us-g-8{gap:2rem}.md\:us-gx-0{column-gap:0}.md\:us-gx-1{column-gap:.25rem}.md\:us-gx-2{column-gap:.5rem}.md\:us-gx-3{column-gap:.75rem}.md\:us-gx-4{column-gap:1rem}.md\:us-gx-5{column-gap:1.25rem}.md\:us-gx-6{column-gap:1.5rem}.md\:us-gx-7{column-gap:1.75rem}.md\:us-gx-8{column-gap:2rem}.md\:us-gy-0{row-gap:0}.md\:us-gy-1{row-gap:.25rem}.md\:us-gy-2{row-gap:.5rem}.md\:us-gy-3{row-gap:.75rem}.md\:us-gy-4{row-gap:1rem}.md\:us-gy-5{row-gap:1.25rem}.md\:us-gy-6{row-gap:1.5rem}.md\:us-gy-7{row-gap:1.75rem}.md\:us-gy-8{row-gap:2rem}}@media screen and (min-width: 1024px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-fs-xs{font-size:var(--us-fs-xs)}.lg\:us-fs-sm{font-size:var(--us-fs-sm)}.lg\:us-fs-md{font-size:var(--us-fs-md)}.lg\:us-fs-lg{font-size:var(--us-fs-lg)}.lg\:us-fs-xl{font-size:var(--us-fs-xl)}.lg\:us-fs-2xl{font-size:var(--us-fs-2xl)}.lg\:us-fs-3xl{font-size:var(--us-fs-3xl)}.lg\:us-fs-4xl{font-size:var(--us-fs-4xl)}.lg\:us-fs-5xl{font-size:var(--us-fs-5xl)}.lg\:us-g-0{gap:0}.lg\:us-g-1{gap:.25rem}.lg\:us-g-2{gap:.5rem}.lg\:us-g-3{gap:.75rem}.lg\:us-g-4{gap:1rem}.lg\:us-g-5{gap:1.25rem}.lg\:us-g-6{gap:1.5rem}.lg\:us-g-7{gap:1.75rem}.lg\:us-g-8{gap:2rem}.lg\:us-gx-0{column-gap:0}.lg\:us-gx-1{column-gap:.25rem}.lg\:us-gx-2{column-gap:.5rem}.lg\:us-gx-3{column-gap:.75rem}.lg\:us-gx-4{column-gap:1rem}.lg\:us-gx-5{column-gap:1.25rem}.lg\:us-gx-6{column-gap:1.5rem}.lg\:us-gx-7{column-gap:1.75rem}.lg\:us-gx-8{column-gap:2rem}.lg\:us-gy-0{row-gap:0}.lg\:us-gy-1{row-gap:.25rem}.lg\:us-gy-2{row-gap:.5rem}.lg\:us-gy-3{row-gap:.75rem}.lg\:us-gy-4{row-gap:1rem}.lg\:us-gy-5{row-gap:1.25rem}.lg\:us-gy-6{row-gap:1.5rem}.lg\:us-gy-7{row-gap:1.75rem}.lg\:us-gy-8{row-gap:2rem}}@media screen and (min-width: 1280px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-fs-xs{font-size:var(--us-fs-xs)}.xl\:us-fs-sm{font-size:var(--us-fs-sm)}.xl\:us-fs-md{font-size:var(--us-fs-md)}.xl\:us-fs-lg{font-size:var(--us-fs-lg)}.xl\:us-fs-xl{font-size:var(--us-fs-xl)}.xl\:us-fs-2xl{font-size:var(--us-fs-2xl)}.xl\:us-fs-3xl{font-size:var(--us-fs-3xl)}.xl\:us-fs-4xl{font-size:var(--us-fs-4xl)}.xl\:us-fs-5xl{font-size:var(--us-fs-5xl)}.xl\:us-g-0{gap:0}.xl\:us-g-1{gap:.25rem}.xl\:us-g-2{gap:.5rem}.xl\:us-g-3{gap:.75rem}.xl\:us-g-4{gap:1rem}.xl\:us-g-5{gap:1.25rem}.xl\:us-g-6{gap:1.5rem}.xl\:us-g-7{gap:1.75rem}.xl\:us-g-8{gap:2rem}.xl\:us-gx-0{column-gap:0}.xl\:us-gx-1{column-gap:.25rem}.xl\:us-gx-2{column-gap:.5rem}.xl\:us-gx-3{column-gap:.75rem}.xl\:us-gx-4{column-gap:1rem}.xl\:us-gx-5{column-gap:1.25rem}.xl\:us-gx-6{column-gap:1.5rem}.xl\:us-gx-7{column-gap:1.75rem}.xl\:us-gx-8{column-gap:2rem}.xl\:us-gy-0{row-gap:0}.xl\:us-gy-1{row-gap:.25rem}.xl\:us-gy-2{row-gap:.5rem}.xl\:us-gy-3{row-gap:.75rem}.xl\:us-gy-4{row-gap:1rem}.xl\:us-gy-5{row-gap:1.25rem}.xl\:us-gy-6{row-gap:1.5rem}.xl\:us-gy-7{row-gap:1.75rem}.xl\:us-gy-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.us-shadow-none{box-shadow:var(--us-shadow-none)}.us-shadow-xs{box-shadow:var(--us-shadow-xs)}.us-shadow-sm{box-shadow:var(--us-shadow-sm)}.us-shadow-md{box-shadow:var(--us-shadow-md)}.us-shadow-lg{box-shadow:var(--us-shadow-lg)}.us-shadow-xl{box-shadow:var(--us-shadow-xl)}.us-transition-none{transition-property:none}.us-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-rounded-none{border-radius:0}.us-rounded-xs{border-radius:0.125rem}.us-rounded-sm{border-radius:0.25rem}.us-rounded-md{border-radius:0.375rem}.us-rounded-lg{border-radius:0.5rem}.us-rounded-xl{border-radius:0.75rem}.us-rounded-2xl{border-radius:1rem}.us-rounded-3xl{border-radius:1.5rem}.us-rounded-full{border-radius:9999px}.hover\:us-shadow-none:hover{box-shadow:var(--us-shadow-none)}.hover\:us-shadow-xs:hover{box-shadow:var(--us-shadow-xs)}.hover\:us-shadow-sm:hover{box-shadow:var(--us-shadow-sm)}.hover\:us-shadow-md:hover{box-shadow:var(--us-shadow-md)}.hover\:us-shadow-lg:hover{box-shadow:var(--us-shadow-lg)}.hover\:us-shadow-xl:hover{box-shadow:var(--us-shadow-xl)}.hover\:us-transition-none:hover{transition-property:none}.hover\:us-transition-all:hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:us-transition-shadow:hover{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-shadow-none:active{box-shadow:var(--us-shadow-none)}.active\:us-shadow-xs:active{box-shadow:var(--us-shadow-xs)}.active\:us-shadow-sm:active{box-shadow:var(--us-shadow-sm)}.active\:us-shadow-md:active{box-shadow:var(--us-shadow-md)}.active\:us-shadow-lg:active{box-shadow:var(--us-shadow-lg)}.active\:us-shadow-xl:active{box-shadow:var(--us-shadow-xl)}.active\:us-transition-none:active{transition-property:none}.active\:us-transition-all:active{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-transition-shadow:active{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:var(--us-overlay-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1))}:not([hidden]):hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}:not([hidden]):active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}[class*="--focus"]>.us-overlay,:not([hidden]):focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-overlay-color));opacity:var(--us-_focus-overlay-opacity, var(--us-overlay-opacity))}[class*="--focus"]:hover>.us-overlay,:not([hidden]):focus:hover>.us-overlay{color:var(--us-_focus-hover-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-hover-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)))}[class*="--focus"]:active>.us-overlay,:not([hidden]):focus:active>.us-overlay{color:var(--us-_focus-active-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-active-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)))}.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none;z-index:var(--us-outline-z-index)}:not([hidden]):hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}:not([hidden]):active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}[class*="--focus"]>.us-outline,[class*="--focus"]:hover>.us-outline,:not([hidden]):focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-surface{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-surface-color);opacity:var(--us-surface-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:var(--us-surface-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1))}.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-grid{display:grid}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
1
+ .us-toolbar{position:relative;width:100%;min-height:var(--us-toolbar-min-height);padding-block:var(--us-toolbar-padding-y);padding-inline:var(--us-toolbar-padding-x);border-bottom:var(--us-toolbar-border);background:var(--us-toolbar-background);display:flex;align-items:center}.us-toolbar__container{width:100%;margin:0 auto;display:flex;align-items:center;gap:var(--us-toolbar-gap);z-index:1}.us-toolbar__start-action,.us-toolbar__start-content,.us-toolbar__end-action,.us-toolbar__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-toolbar-content-gap)}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);line-height:var(--us-toolbar-title-line-height);overflow:hidden;color:var(--us-toolbar-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-toolbar__subtitle{font-size:var(--us-toolbar-subtitle-font-size);font-weight:var(--us-toolbar-subtitle-font-weight);line-height:var(--us-toolbar-subtitle-line-height);overflow:hidden;color:var(--us-toolbar-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-badge:not(.us-badge--unstyled){min-width:var(--us-badge-min-width);min-height:var(--us-badge-min-height);padding-block:var(--us-badge-padding-y);padding-block:var(--us-badge-padding-y);padding-inline:var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);line-height:var(--us-badge-line-height);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex;justify-content:center;align-items:center}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-badge-wrapper .us-badge{position:absolute}.us-badge-wrapper .us-badge--top-left{top:10%;left:10%}.us-badge-wrapper .us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge-wrapper .us-badge--bottom-left{bottom:10%;left:10%}.us-badge-wrapper .us-badge--bottom-right{bottom:0;right:0}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size, var(--us-icon-font-size-default)) !important;color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding-block:var(--us-chip-padding-y);padding-inline:var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-style:var(--us-chip-font-style);font-family:var(--us-chip-font-family);white-space:nowrap;border-radius:var(--us-chip-border-radius);z-index:0;color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip--disabled{opacity:.6;pointer-events:none}.us-chip--closable{padding-inline-end:calc(var(--us-chip-padding-x)/2)}.us-chip__closable{position:relative;padding:.125rem;color:currentColor;border-radius:9999px;cursor:pointer;opacity:.8}.us-chip__closable:hover{opacity:1}.us-chip__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:.2}.us-button{position:relative;height:var(--us-button-height);padding-block:var(--us-button-padding-y);padding-inline:var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-style:var(--us-button-font-style);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button-group{display:inline-flex;align-items:center}.us-button-group .us-button{border-radius:0px}.us-button-group--row{flex-direction:row}.us-button-group--col{flex-direction:column;align-items:stretch}.us-button-group--row .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-bottom-left-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:last-of-type{border-top-right-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-top-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:last-of-type{border-bottom-left-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:not(.us-button:first-of-type){border-left:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button-group--col .us-button:not(.us-button:last-of-type){border-bottom:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;inset:0px;z-index:20;display:flex}.us-backdrop--opaque{background-color:rgba(0,0,0,.6)}.us-backdrop--blur{background-color:rgba(255,255,255,.5);backdrop-filter:blur(12px)}.us-backdrop--transparent{background-color:rgba(0,0,0,0)}.us-backdrop--scrollable{overflow:auto}.us-backdrop--top,.us-backdrop--bottom,.us-backdrop--center{justify-content:center}.us-backdrop--top{align-items:flex-start}.us-backdrop--center{align-items:center}.us-backdrop--bottom{align-items:flex-end}.us-backdrop--left{justify-content:flex-start}.us-backdrop--right{justify-content:flex-end}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-popover{min-width:240px;position:absolute;border-radius:6px;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:1060;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background);display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--us-drawer-border-color)}.us-drawer>form{width:inherit;max-width:inherit;height:inherit;max-height:inherit;display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit}.us-drawer-header{position:relative;flex-shrink:0;height:var(--us-drawer-header-height);min-height:var(--us-drawer-header-min-height);padding-block:var(--us-drawer-header-padding-y);padding-inline:var(--us-drawer-header-padding-x);display:flex;align-items:center;gap:var(--us-drawer-header-gap)}.us-drawer-header__start-content,.us-drawer-header__end-content{flex-shrink:0;display:flex;align-items:center}.us-drawer-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-drawer-header-content-gap)}.us-drawer-header__title{font-size:var(--us-drawer-header-title-font-size);font-weight:var(--us-drawer-header-title-font-weight);line-height:var(--us-drawer-header-title-line-height);overflow:hidden;color:var(--us-drawer-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-drawer-header__subtitle{font-size:var(--us-drawer-header-subtitle-font-size);font-weight:var(--us-drawer-header-subtitle-font-weight);line-height:var(--us-drawer-header-subtitle-line-height);overflow:hidden;color:var(--us-drawer-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-drawer-header:not(.us-drawer-header--bordered)~.us-drawer-body:not([data-hidden=true]),.us-drawer-header:not(.us-drawer-header--bordered)~:not([hidden]) .us-drawer-body:not([data-hidden=true]){padding-top:0}.us-drawer-header--bordered~.us-drawer-body:not([data-hidden=true]),.us-drawer-header--bordered~:not([hidden]) .us-drawer-body:not([data-hidden=true]){border-top-width:1px}.us-drawer-body{flex-grow:1;border-top:0px solid #ddd;padding-block:var(--us-drawer-body-padding-y);padding-inline:var(--us-drawer-body-padding-x);font-size:var(--us-drawer-body-font-size);line-height:var(--us-drawer-body-line-height);color:var(--us-drawer-body-color)}.us-drawer-footer{flex-shrink:0;position:relative;min-height:var(--us-drawer-footer-min-height);padding-block:var(--us-drawer-footer-padding-y);padding-inline:var(--us-drawer-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-drawer-footer-border-color);background-color:var(--us-drawer-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-drawer-body:not([data-hidden=true])~.us-drawer-footer:not(.us-drawer-footer--bordered){padding-top:0}.us-drawer-footer--bordered{border-top-width:1px}.us-drawer-appear,.us-drawer-enter{opacity:0;transform:translateX(-100%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-xs-width);max-height:100%}.us-drawer--left{left:0;border-right-width:var(--us-drawer-border-width)}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0;border-left-width:var(--us-drawer-border-width)}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-xs-width)}.us-drawer--top{top:0;border-bottom-width:var(--us-drawer-border-width)}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0;border-top-width:var(--us-drawer-border-width)}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 480px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-modal{z-index:20;position:relative;overflow:hidden;max-width:var(--us-modal-width);width:100%;border-radius:var(--us-modal-border-radius);border-width:var(--us-modal-border-width);border-style:solid;border-color:var(--us-modal-border-color);box-shadow:var(--us-modal-box-shadow);color:var(--us-modal-color);display:flex;flex-direction:column;background-color:var(--us-modal-background)}.us-modal-wrapper{padding:var(--us-modal-wrapper-padding)}.us-modal-wrapper--fullscreen{padding:0}.us-modal-wrapper--fullscreen .us-modal{max-width:100%;height:100vh;border-radius:0px;border-width:0px}.us-modal--top{margin-bottom:auto}.us-modal--center{margin-top:auto;margin-bottom:auto}.us-modal--bottom{margin-top:auto}.us-modal>form{width:inherit;max-width:inherit;height:inherit;max-height:inherit;display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit}.us-modal--scroll-inside{height:calc(100vh - 2*var(--us-modal-wrapper-padding))}.us-modal-header{position:relative;flex-shrink:0;height:var(--us-modal-header-height);min-height:var(--us-modal-header-min-height);border-bottom:0px solid #ddd;padding-block:var(--us-modal-header-padding-y);padding-inline:var(--us-modal-header-padding-x);display:flex;align-items:center;gap:var(--us-modal-header-gap)}.us-modal-header__start-content,.us-modal-header__end-content{flex-shrink:0;display:flex;align-items:center}.us-modal-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-modal-header-content-gap)}.us-modal-header__title{font-size:var(--us-modal-header-title-font-size);font-weight:var(--us-modal-header-title-font-weight);line-height:var(--us-modal-header-title-line-height);overflow:hidden;color:var(--us-modal-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-modal-header__subtitle{font-size:var(--us-modal-header-subtitle-font-size);font-weight:var(--us-modal-header-subtitle-font-weight);line-height:var(--us-modal-header-subtitle-line-height);overflow:hidden;color:var(--us-modal-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-modal-header:not(.us-modal-header--bordered)~.us-modal-body:not([data-hidden=true]),.us-modal-header:not(.us-modal-header--bordered)~:not([hidden]) .us-modal-body:not([data-hidden=true]){padding-top:0}.us-modal-header--bordered{border-bottom-width:1px}.us-modal-body{flex-grow:1;padding-block:var(--us-modal-body-padding-y);padding-inline:var(--us-modal-body-padding-x);font-size:var(--us-modal-body-font-size);line-height:var(--us-modal-body-line-height);color:var(--us-modal-body-color)}.us-modal--scroll-inside .us-modal-body{overflow-y:auto}.us-modal-footer{flex-shrink:0;position:relative;min-height:var(--us-modal-footer-min-height);padding-block:var(--us-modal-footer-padding-y);padding-inline:var(--us-modal-footer-padding-x);border-top-width:var(--us-modal-footer-border-width);border-top-style:solid;border-top-color:var(--us-modal-footer-border-color);background-color:var(--us-modal-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-modal-appear,.us-modal-enter{opacity:0;transform:scale(0.9)}.us-modal-appear-active,.us-modal-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-modal-exit{opacity:1;transform:scale(1)}.us-modal-exit-active{opacity:0;transform:scale(0.9);transition:opacity 300ms,transform 300ms}.us-modal-fullscreen.us-modal-exit-active{transform:translateY(100%)}.us-input{position:relative;width:100%;padding:0;min-height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background);z-index:0;transition:all .2s ease-in-out}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input-group{display:flex;align-items:center}.us-input-group .us-input{border-radius:0px}.us-input-group .us-input:first-of-type{border-top-left-radius:var(--us-input-border-radius);border-bottom-left-radius:var(--us-input-border-radius)}.us-input-group .us-input:last-of-type{border-top-right-radius:var(--us-input-border-radius);border-bottom-right-radius:var(--us-input-border-radius)}.us-input__icon{padding:0;display:flex;justify-content:center;align-items:center;border:none;outline:none;background-color:rgba(0,0,0,0)}.us-input__icon--opacity{opacity:0}.us-input__icon--pointer{cursor:pointer}.us-input:hover .us-input__icon--opacity-hoverable{opacity:.5}.us-input:hover .us-input__icon--opacity-hoverable:hover{opacity:1}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__field::placeholder{color:var(--us-input-placeholder-color)}.us-input__search,.us-input__placeholder{flex:1;width:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);color:var(--us-input-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-input__placeholder{opacity:.6}.us-input__chips{padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);flex-grow:1;display:flex;flex-wrap:wrap;gap:.25rem}.us-input__chips input{flex:1;height:24px;border:none;outline:none;color:inherit;background:inherit;min-width:0}.us-input__start-content,.us-input__end-content{flex-shrink:0;height:100%;display:flex;align-items:center;font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);gap:var(--us-input-content-gap)}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding-inline:calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding-inline:calc(.75*var(--us-input-padding-x))}.us-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-checkbox-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-checkbox input{position:absolute;width:0;height:0;opacity:0}.us-checkbox--disabled{opacity:.6;pointer-events:none}.us-checkbox--read-only{pointer-events:none}.us-checkbox__control{position:relative;width:var(--us-checkbox-control-width);height:var(--us-checkbox-control-height);border-width:var(--us-checkbox-control-border-width);border-style:var(--us-checkbox-control-border-style);border-color:var(--us-checkbox-control-border-color);border-radius:var(--us-checkbox-control-border-radius);color:var(--us-checkbox-control-color);display:flex;justify-content:center;align-items:center;transition:color .1s ease-in-out .05s,border-color .1s ease-in-out .05s;overflow:hidden}.us-checkbox--before .us-checkbox__control{order:2}.us-checkbox--befire .us-checkbox__label{order:1}.us-checkbox--checked .us-checkbox__control{border-color:var(--us-_checked-checkbox-control-border-color, var(--us-checkbox-control-border-color));color:var(--us-_checked-checkbox-control-color, var(--us-checkbox-control-color))}.us-checkbox--focus .us-checkbox__control{box-shadow:var(--us-_focus-checkbox-control-box-shadow)}.us-checkbox__tap{position:absolute;inset:0px;opacity:0;border-radius:inherit;background-color:var(--us-checkbox-tap-background);transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-checkbox--checked .us-checkbox__tap{opacity:1;transform:scale(1.5)}.us-checkbox .us-icon{opacity:1;transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-checkbox--checked .us-icon{opacity:1;transform:scale(1)}.us-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--us-checkbox-group-gap)}.us-checkbox-group--row{flex-direction:row;align-items:center}.us-checkbox-group--col{flex-direction:column}.us-checkbox-group--start{justify-content:flex-start}.us-checkbox-group--center{justify-content:center}.us-checkbox-group--end{justify-content:flex-end}.us-checkbox-group--stretch .us-checkbox{flex-grow:1}.us-checkbox__label{font-size:var(--us-checkbox-label-font-size);color:var(--us-checkbox-label-color)}.us-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-radio-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-radio--disabled{opacity:.6;pointer-events:none}.us-radio--read-only{pointer-events:none}.us-radio__control{position:relative;width:var(--us-radio-control-width);height:var(--us-radio-control-height);border-width:var(--us-radio-control-border-width);border-style:var(--us-radio-control-border-style);border-color:var(--us-radio-control-border-color);border-radius:var(--us-radio-control-border-radius);color:var(--us-radio-control-color);display:flex;justify-content:center;align-items:center;transition:color .1s ease-in-out .05s,border-color .1s ease-in-out .05s;overflow:hidden}.us-radio--before .us-radio__control{order:2}.us-radio--befire .us-radio__label{order:1}.us-radio--checked .us-radio__control{border-color:var(--us-_checked-radio-control-border-color, var(--us-radio-control-border-color));color:var(--us-_checked-radio-control-color, var(--us-radio-control-color))}.us-radio--focus .us-radio__control{box-shadow:var(--us-_focus-radio-control-box-shadow)}.us-radio__tap{position:absolute;inset:0px;opacity:0;border-radius:inherit;background-color:var(--us-radio-tap-background);transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-radio--checked .us-radio__tap{opacity:1;transform:scale(1.5)}.us-radio .us-icon{opacity:1;transform:scale(0);transition:opacity .1s ease-in-out .05s,transform .1s ease-in-out .05s}.us-radio--checked .us-icon{opacity:1;transform:scale(1)}.us-radio-group{display:flex;flex-wrap:wrap;gap:var(--us-radio-group-gap)}.us-radio-group--row{flex-direction:row;align-items:center}.us-radio-group--col{flex-direction:column}.us-radio-group--start{justify-content:flex-start}.us-radio-group--center{justify-content:center}.us-radio-group--end{justify-content:flex-end}.us-radio-group--stretch .us-radio{flex-grow:1}.us-radio input{position:absolute;width:0;height:0;opacity:0}.us-radio__label{font-size:var(--us-radio-label-font-size);color:var(--us-radio-label-color)}.us-switch{--us-switch-control-padding: calc(var(--us-switch-thumb-width) * 0.25);cursor:pointer;display:inline-flex;align-items:center;gap:var(--us-switch-gap);-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--disabled{opacity:.6;pointer-events:none}.us-switch--read-only{pointer-events:none}.us-switch__control{position:relative;display:inline-block;width:var(--us-switch-control-width);height:var(--us-switch-control-height);border-radius:var(--us-switch-control-border-radius);cursor:pointer;background-color:var(--us-switch-control-color);display:inline-flex;align-items:center;transition:all .15s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch--before .us-switch__control{order:2}.us-switch--befire .us-switch__label{order:1}.us-switch--checked .us-switch__control{background-color:var(--us-_checked-switch-control-color, var(--us-switch-control-color))}.us-switch--focus .us-switch__control{box-shadow:var(--us-_focus-switch-control-box-shadow)}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-control-padding));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .15s ease-in-out}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-control-width) - var(--us-switch-thumb-width) - (var(--us-switch-control-padding))))}.us-switch__label{font-size:var(--us-switch-label-font-size);color:var(--us-switch-label-color)}.us-accordion{position:relative;border-radius:var(--us-accordion-border-radius);z-index:0}.us-accordion:not(.us-accordion--splitted){overflow:hidden;background-color:#fff}.us-accordion--splitted{display:grid;gap:var(--us-accordion-splitted-gap)}.us-accordion--splitted .us-accordion-item{border-radius:var(--us-accordion-border-radius);overflow:hidden}.us-accordion-item{position:relative;border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{position:relative;height:var(--us-accordion-header-height);min-height:var(--us-accordion-header-min-height);padding-block:var(--us-accordion-header-padding-y);padding-inline:var(--us-accordion-header-padding-x);color:var(--us-accordion-header-color);z-index:0;display:flex;align-items:center;gap:var(--us-accordion-header-gap)}.us-accordion-header--collapsible{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-accordion-header-content-gap)}.us-accordion-header__content{flex-grow:1;display:flex;flex-direction:column}.us-accordion-header__title{font-size:var(--us-accordion-header-title-font-size);font-weight:var(--us-accordion-header-title-font-weight);line-height:var(--us-accordion-header-title-line-height);opacity:var(--us-accordion-header-title-opacity);overflow:hidden;color:var(--us-accordion-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header__subtitle{font-size:var(--us-accordion-header-subtitle-font-size);font-weight:var(--us-accordion-header-subtitle-font-weight);line-height:var(--us-accordion-header-subtitle-line-height);opacity:var(--us-accordion-header-subtitle-opacity);overflow:hidden;color:var(--us-accordion-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header:not(.us-accordion-header--bordered)~.us-accordion-body:not([data-hidden=true]),.us-accordion-header:not(.us-accordion-header--bordered)~:not([hidden]) .us-accordion-body:not([data-hidden=true]){padding-top:0}.us-accordion-header--bordered~.us-accordion-body:not([data-hidden=true]),.us-accordion-header--bordered~:not([hidden]) .us-accordion-body:not([data-hidden=true]){border-top-width:1px}.us-accordion-body{position:relative;border-top:0px solid #ddd;padding-block:var(--us-accordion-body-padding-y);padding-inline:var(--us-accordion-body-padding-x);font-size:var(--us-accordion-body-font-size);line-height:var(--us-accordion-body-line-height);color:var(--us-accordion-body-color)}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item--hoverable,.us-list-item--selected{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader--bordered{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-data-list{flex-grow:1;overflow:hidden}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:var(--us-border-color)}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative}.us-swipe__content{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe__content{overflow-x:auto}}.us-swipe__start-content,.us-swipe__end-content{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe__start-content{left:-1.25rem}.us-swipe__end-content{right:-1.25rem}.us-swipe--auto-hide .us-swipe__start-content,.us-swipe--auto-hide .us-swipe__end-content{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe--auto-hide:hover .us-swipe__start-content,.us-swipe--auto-hide:hover .us-swipe__end-content{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;flex-wrap:wrap;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding-block:var(--us-tab-padding-y);padding-inline:var(--us-tab-padding-x);font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;border-radius:var(--us-tab-border-radius);z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab--closable{padding-inline-end:calc(var(--us-tab-padding-x)/2)}.us-tab__start-content,.us-tab__end-content{display:flex;align-items:center}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;color:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-tab__closable{position:relative;padding:.125rem;color:var(--us-tab-closable-color);border-radius:9999px;transform:scale(0.75);cursor:pointer;transition:all .15s ease-in-out}.us-tab__closable:hover{transform:scale(1)}.us-tab__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:0}.us-card{position:relative;border-radius:var(--us-card-border-radius);z-index:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff}.us-card__content{padding-block:var(--us-card-padding-y);padding-inline:var(--us-card-padding-x);display:flex;flex-direction:column;gap:var(--us-card-gap)}.us-card:hover{text-decoration:none}.us-card--bordered{border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color)}.us-card--shadow{box-shadow:var(--us-card-box-shadow)}.us-card--hoverable,.us-card--selected{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-card-header{position:relative;flex-shrink:0;height:var(--us-card-header-height);min-height:var(--us-card-header-min-height);padding-block:var(--us-card-header-padding-y);padding-inline:var(--us-card-header-padding-x);color:var(--us-card-header-color);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0;display:flex;align-items:center;gap:var(--us-card-header-content-gap)}.us-card-header__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.us-card-header--centered .us-card-header__start-content,.us-card-header--centered .us-card-header__end-content{position:absolute}.us-card-header--centered .us-card-header__start-content{left:var(--us-card-header-padding-x)}.us-card-header--centered .us-card-header__end-content{right:var(--us-card-header-padding-x)}.us-card-header--centered .us-card-header__content{align-items:center;text-align:center}.us-card-header .us-card-title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header .us-card-subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card .us-card-title:not(.us-card-header .us-card-title){flex-shrink:0;padding-block:var(--us-card-title-padding-y);padding-inline:var(--us-card-title-padding-x);font-size:var(--us-card-title-font-size);font-weight:var(--us-card-title-font-weight);line-height:var(--us-card-title-line-height);color:var(--us-card-title-color)}.us-card .us-card-title--centered:not(.us-card-header .us-card-title){text-align:center}.us-card .us-card-subtitle:not(.us-card-header .us-card-subtitle){flex-shrink:0;font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color)}.us-card-body{position:relative;padding-block:var(--us-card-body-padding-y);padding-inline:var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-card-footer{flex-shrink:0;position:relative;min-height:var(--us-card-footer-min-height);padding-block:var(--us-card-footer-padding-y);padding-inline:var(--us-card-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-card-footer-border-color);background-color:var(--us-card-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-card-media{position:relative;margin:8px;border-radius:8px;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.08)}.us-card-media__top-left-content{padding:4px;position:absolute;top:0;left:0}.us-card-media__top-right-content{padding:4px;position:absolute;top:0;right:0}.us-card-media img{width:100%;height:100%;object-fit:cover}.us-card--divider .us-card-body{margin-bottom:var(--us-card-padding-y);margin-top:var(--us-card-padding-y)}.us-card--divider .us-card-body::before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--us-card-border-color)}.us-card--divider .us-card-body::after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--us-card-border-color)}.us-card--divider .us-card__content>.us-card-body:first-child,.us-card--divider .us-card__content :not([hidden]):first-child .us-card-body{margin-top:0}.us-card--divider .us-card__content>.us-card-body:first-child::before,.us-card--divider .us-card__content :not([hidden]):first-child .us-card-body::before{border-top:none}.us-card--divider .us-card__content>.us-card-body:last-child,.us-card--divider .us-card__content :not([hidden]):last-child .us-card-body{margin-bottom:0}.us-card--divider .us-card__content>.us-card-body:last-child::after,.us-card--divider .us-card__content :not([hidden]):last-child .us-card-body::after{border-bottom:none}.us-descriptions{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));row-gap:var(--us-descriptions-gap-y);column-gap:var(--us-descriptions-gap-x)}.us-description{position:relative;padding-block:var(--us-description-padding-y);padding-inline:var(--us-description-padding-x)}.us-description__container{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));row-gap:var(--us-description-gap-y);column-gap:var(--us-description-gap-x)}.us-description-value{display:flex;align-items:center}.us-description-value__start-content,.us-description-value__end-content{flex-shrink:0}.us-description-value__content{flex-grow:1}.us-descriptions--row .us-description-label{grid-column:span 6/span 6}.us-descriptions--row .us-description-value{grid-column:span 6/span 6}.us-descriptions--col .us-description-label,.us-descriptions--col .us-description-value{grid-column:span 12/span 12}.us-description-label{font-size:var(--us-description-label-font-size);font-weight:var(--us-description-label-font-weight);color:var(--us-description-label-color);opacity:var(--us-description-label-opacity)}.us-description-text{display:inline;font-size:var(--us-description-text-font-size);font-weight:var(--us-description-text-font-weight);color:var(--us-description-text-color);opacity:var(--us-description-text-opacity)}.us-description-empty{opacity:.75;user-select:none;cursor:default}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-nav-rail{flex-shrink:0;position:relative;width:73px;height:100%;overflow:hidden;display:flex;flex-direction:column}.us-nav-rail--left{border-right-width:1px;border-right-color:var(--us-nav-rail-border-color);border-right-style:solid}.us-nav-rail--right{border-left-width:1px;border-left-color:var(--us-nav-rail-border-color);border-left-style:solid}.us-nav-rail__start-content,.us-nav-rail__end-content{flex-shrink:0}.us-nav-rail__start-content{padding-block:var(--us-nav-rail-start-content-padding-y);padding-inline:var(--us-nav-rail-start-content-padding-x);gap:var(--us-nav-rail-start-content-gap)}.us-nav-rail__end-content{padding-block:var(--us-nav-rail-end-content-padding-y);padding-inline:var(--us-nav-rail-end-content-padding-x);gap:var(--us-nav-rail-end-content-gap)}.us-nav-rail__content{flex-grow:1;padding-block:var(--us-nav-rail-content-padding-y);padding-inline:var(--us-nav-rail-content-padding-x);gap:var(--us-nav-rail-content-gap)}.us-nav-rail__start-content,.us-nav-rail__end-content,.us-nav-rail__content{display:flex;flex-direction:column}.us-nav-rail-item{flex-shrink:0;padding-block:var(--us-nav-rail-item-padding-y);padding-inline:var(--us-nav-rail-item-padding-x);position:relative;text-decoration:none;opacity:var(--us-nav-rail-item-opacity);border-radius:var(--us-nav-rail-item-border-radius);cursor:default;color:var(--us-nav-rail-item-color);background-color:var(--us-nav-rail-item-background);display:flex;user-select:none}.us-nav-rail-item__indicator{position:absolute;top:0;bottom:0;z-index:1;width:var(--us-nav-rail-item-indicator-size);z-index:1;background:var(--us-nav-rail-item-indicator-color);transform:translateX(calc(var(--us-nav-rail-item-indicator-size) * -1));transition:transform .125s cubic-bezier(0.17, 0.67, 0.55, 1.09),inset .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item__content{flex-grow:1;position:relative;padding-block:var(--us-nav-rail-item-content-padding-y);padding-inline:var(--us-nav-rail-item-content-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-nav-rail-item-gap)}.us-nav-rail-item__media{position:relative;outline-width:var(--us-nav-rail-item-media-border-width);outline-style:var(--us-nav-rail-item-media-border-style);outline-color:var(--us-nav-rail-item-media-border-color);width:var(--us-nav-rail-item-media-width);height:var(--us-nav-rail-item-media-height);border-radius:var(--us-nav-rail-item-media-border-radius);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item__icon{padding-block:var(--us-nav-rail-item-icon-padding-y);padding-inline:var(--us-nav-rail-item-icon-padding-x);display:flex;justify-content:center;align-items:center}.us-nav-rail-item__icon .us-icon{font-size:var(--us-nav-rail-item-icon-font-size)}.us-nav-rail-item__label{position:absolute;bottom:calc((var(--us-nav-rail-item-label-font-size) + var(--us-nav-rail-item-gap, 0))*-1);left:50%;transform:translateX(-50%);font-size:var(--us-nav-rail-item-label-font-size);font-weight:var(--us-nav-rail-item-label-font-weight);line-height:var(--us-nav-rail-item-label-line-height);text-wrap:nowrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:opacity .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)}.us-nav-rail-item--selected{color:var(--us-_active-nav-rail-item-color)}.us-nav-rail-item--selected .us-nav-rail-item__media{outline-color:var(--us-_active-nav-rail-item-media-border-color)}.us-nav-rail-item--selected .us-nav-rail-item__icon,.us-nav-rail-item:hover .us-nav-rail-item__icon{transform:scale(1.15)}.us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{color:var(--us-_active-nav-rail-item-indicator-color)}.us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail-item:hover .us-nav-rail-item__indicator{transform:translateX(0px)}.us-nav-rail--left .us-nav-rail-item__indicator{left:-25%;border-radius:0px var(--us-nav-rail-item-indicator-border-radius) var(--us-nav-rail-item-indicator-border-radius) 0px}.us-nav-rail--right .us-nav-rail-item__indicator{right:-25%;border-radius:var(--us-nav-rail-item-indicator-border-radius) 0px 0px var(--us-nav-rail-item-indicator-border-radius)}.us-nav-rail--left .us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail--left .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{left:0px}.us-nav-rail--right .us-nav-rail-item--selected .us-nav-rail-item__indicator,.us-nav-rail--right .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator{right:0px}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-fs-xs{font-size:var(--us-fs-xs)}.us-fs-sm{font-size:var(--us-fs-sm)}.us-fs-md{font-size:var(--us-fs-md)}.us-fs-lg{font-size:var(--us-fs-lg)}.us-fs-xl{font-size:var(--us-fs-xl)}.us-fs-2xl{font-size:var(--us-fs-2xl)}.us-fs-3xl{font-size:var(--us-fs-3xl)}.us-fs-4xl{font-size:var(--us-fs-4xl)}.us-fs-5xl{font-size:var(--us-fs-5xl)}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-fs-xs{font-size:var(--us-fs-xs)}.xs\:us-fs-sm{font-size:var(--us-fs-sm)}.xs\:us-fs-md{font-size:var(--us-fs-md)}.xs\:us-fs-lg{font-size:var(--us-fs-lg)}.xs\:us-fs-xl{font-size:var(--us-fs-xl)}.xs\:us-fs-2xl{font-size:var(--us-fs-2xl)}.xs\:us-fs-3xl{font-size:var(--us-fs-3xl)}.xs\:us-fs-4xl{font-size:var(--us-fs-4xl)}.xs\:us-fs-5xl{font-size:var(--us-fs-5xl)}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 640px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-fs-xs{font-size:var(--us-fs-xs)}.sm\:us-fs-sm{font-size:var(--us-fs-sm)}.sm\:us-fs-md{font-size:var(--us-fs-md)}.sm\:us-fs-lg{font-size:var(--us-fs-lg)}.sm\:us-fs-xl{font-size:var(--us-fs-xl)}.sm\:us-fs-2xl{font-size:var(--us-fs-2xl)}.sm\:us-fs-3xl{font-size:var(--us-fs-3xl)}.sm\:us-fs-4xl{font-size:var(--us-fs-4xl)}.sm\:us-fs-5xl{font-size:var(--us-fs-5xl)}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-fs-xs{font-size:var(--us-fs-xs)}.md\:us-fs-sm{font-size:var(--us-fs-sm)}.md\:us-fs-md{font-size:var(--us-fs-md)}.md\:us-fs-lg{font-size:var(--us-fs-lg)}.md\:us-fs-xl{font-size:var(--us-fs-xl)}.md\:us-fs-2xl{font-size:var(--us-fs-2xl)}.md\:us-fs-3xl{font-size:var(--us-fs-3xl)}.md\:us-fs-4xl{font-size:var(--us-fs-4xl)}.md\:us-fs-5xl{font-size:var(--us-fs-5xl)}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1024px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-fs-xs{font-size:var(--us-fs-xs)}.lg\:us-fs-sm{font-size:var(--us-fs-sm)}.lg\:us-fs-md{font-size:var(--us-fs-md)}.lg\:us-fs-lg{font-size:var(--us-fs-lg)}.lg\:us-fs-xl{font-size:var(--us-fs-xl)}.lg\:us-fs-2xl{font-size:var(--us-fs-2xl)}.lg\:us-fs-3xl{font-size:var(--us-fs-3xl)}.lg\:us-fs-4xl{font-size:var(--us-fs-4xl)}.lg\:us-fs-5xl{font-size:var(--us-fs-5xl)}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1280px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-fs-xs{font-size:var(--us-fs-xs)}.xl\:us-fs-sm{font-size:var(--us-fs-sm)}.xl\:us-fs-md{font-size:var(--us-fs-md)}.xl\:us-fs-lg{font-size:var(--us-fs-lg)}.xl\:us-fs-xl{font-size:var(--us-fs-xl)}.xl\:us-fs-2xl{font-size:var(--us-fs-2xl)}.xl\:us-fs-3xl{font-size:var(--us-fs-3xl)}.xl\:us-fs-4xl{font-size:var(--us-fs-4xl)}.xl\:us-fs-5xl{font-size:var(--us-fs-5xl)}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.us-shadow-none{box-shadow:var(--us-shadow-none)}.us-shadow-xs{box-shadow:var(--us-shadow-xs)}.us-shadow-sm{box-shadow:var(--us-shadow-sm)}.us-shadow-md{box-shadow:var(--us-shadow-md)}.us-shadow-lg{box-shadow:var(--us-shadow-lg)}.us-shadow-xl{box-shadow:var(--us-shadow-xl)}.us-transition-none{transition-property:none}.us-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-rounded-none{border-radius:0}.us-rounded-xs{border-radius:0.125rem}.us-rounded-sm{border-radius:0.25rem}.us-rounded-md{border-radius:0.375rem}.us-rounded-lg{border-radius:0.5rem}.us-rounded-xl{border-radius:0.75rem}.us-rounded-2xl{border-radius:1rem}.us-rounded-3xl{border-radius:1.5rem}.us-rounded-full{border-radius:9999px}.hover\:us-shadow-none:hover{box-shadow:var(--us-shadow-none)}.hover\:us-shadow-xs:hover{box-shadow:var(--us-shadow-xs)}.hover\:us-shadow-sm:hover{box-shadow:var(--us-shadow-sm)}.hover\:us-shadow-md:hover{box-shadow:var(--us-shadow-md)}.hover\:us-shadow-lg:hover{box-shadow:var(--us-shadow-lg)}.hover\:us-shadow-xl:hover{box-shadow:var(--us-shadow-xl)}.hover\:us-transition-none:hover{transition-property:none}.hover\:us-transition-all:hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:us-transition-shadow:hover{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-shadow-none:active{box-shadow:var(--us-shadow-none)}.active\:us-shadow-xs:active{box-shadow:var(--us-shadow-xs)}.active\:us-shadow-sm:active{box-shadow:var(--us-shadow-sm)}.active\:us-shadow-md:active{box-shadow:var(--us-shadow-md)}.active\:us-shadow-lg:active{box-shadow:var(--us-shadow-lg)}.active\:us-shadow-xl:active{box-shadow:var(--us-shadow-xl)}.active\:us-transition-none:active{transition-property:none}.active\:us-transition-all:active{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-transition-shadow:active{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:var(--us-overlay-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1))}:not([hidden]):hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}:not([hidden]):active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}[class*="--focus"]>.us-overlay,:not([hidden]):focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-overlay-color));opacity:var(--us-_focus-overlay-opacity, var(--us-overlay-opacity))}[class*="--focus"]:hover>.us-overlay,:not([hidden]):focus:hover>.us-overlay{color:var(--us-_focus-hover-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-hover-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)))}[class*="--focus"]:active>.us-overlay,:not([hidden]):focus:active>.us-overlay{color:var(--us-_focus-active-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-active-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)))}.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none;z-index:var(--us-outline-z-index)}:not([hidden]):hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}:not([hidden]):active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}[class*="--focus"]>.us-outline,[class*="--focus"]:hover>.us-outline,:not([hidden]):focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-surface{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-surface-color);opacity:var(--us-surface-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:var(--us-surface-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1))}.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-grid{display:grid}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifiedsoftware/styles",
3
- "version": "2.0.0-alpha.7",
3
+ "version": "2.0.0-alpha.8",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/_utilities.scss CHANGED
@@ -143,19 +143,19 @@ $utilities: (
143
143
  ),
144
144
  'gap': (
145
145
  properties: gap,
146
- class: 'g',
146
+ class: 'gap',
147
147
  values: $spacers,
148
148
  responsive: true,
149
149
  ),
150
150
  'gap-x': (
151
151
  properties: column-gap,
152
- class: 'gx',
152
+ class: 'gap-x',
153
153
  values: $spacers,
154
154
  responsive: true,
155
155
  ),
156
156
  'gap-y': (
157
157
  properties: row-gap,
158
- class: 'gy',
158
+ class: 'gap-y',
159
159
  values: $spacers,
160
160
  responsive: true,
161
161
  ),
package/scss/components/_card.scss CHANGED
@@ -133,6 +133,7 @@
133
133
  }
134
134
 
135
135
  &-body {
136
+ position: relative;
136
137
  padding-block: var(--#{$prefix}card-body-padding-y);
137
138
  padding-inline: var(--#{$prefix}card-body-padding-x);
138
139
  font-size: var(--#{$prefix}card-body-font-size);
@@ -188,43 +189,44 @@
188
189
  }
189
190
  }
190
191
 
191
- &-header--underlined {
192
+ &--divider &-body {
192
193
  margin-bottom: var(--#{$prefix}card-padding-y);
194
+ margin-top: var(--#{$prefix}card-padding-y);
195
+
196
+ &::before {
197
+ content: '';
198
+ position: absolute;
199
+ left: 0;
200
+ right: 0;
201
+ top: 0;
202
+ border-top: 1px solid var(--#{$prefix}card-border-color);
203
+ }
193
204
 
194
205
  &::after {
195
206
  content: '';
196
207
  position: absolute;
197
- left: calc(var(--#{$prefix}card-padding-x) * -1);
198
- right: calc(var(--#{$prefix}card-padding-x) * -1);
199
- bottom: calc(var(--#{$prefix}card-padding-y) * -1);
208
+ left: 0;
209
+ right: 0;
210
+ bottom: 0;
200
211
  border-bottom: 1px solid var(--#{$prefix}card-border-color);
201
212
  }
202
213
  }
203
214
 
204
- &-footer--underlined {
205
- margin-top: var(--#{$prefix}card-padding-y);
215
+ &--divider &__content > &-body:first-child,
216
+ &--divider &__content :not([hidden]):first-child &-body {
217
+ margin-top: 0;
206
218
 
207
- &::after {
208
- content: '';
209
- position: absolute;
210
- left: calc(var(--#{$prefix}card-padding-x) * -1);
211
- right: calc(var(--#{$prefix}card-padding-x) * -1);
212
- top: calc(var(--#{$prefix}card-padding-y) * -1);
213
- border-top: 1px solid var(--#{$prefix}card-border-color);
219
+ &::before {
220
+ border-top: none;
214
221
  }
215
222
  }
216
223
 
217
- &-header--underlined:last-child {
224
+ &--divider &__content > &-body:last-child,
225
+ &--divider &__content :not([hidden]):last-child &-body {
218
226
  margin-bottom: 0;
219
227
 
220
228
  &::after {
221
229
  border-bottom: none;
222
230
  }
223
231
  }
224
-
225
- &-footer--underlined:last-child {
226
- &::before {
227
- border-top: none;
228
- }
229
- }
230
232
  }
package/scss/components/_descriptions.scss CHANGED
@@ -8,21 +8,41 @@
8
8
  }
9
9
 
10
10
  .#{$prefix}description {
11
- display: grid;
12
- grid-template-columns: repeat(12, minmax(0, 1fr));
13
- row-gap: var(--#{$prefix}description-gap-y);
14
- column-gap: var(--#{$prefix}description-gap-x);
11
+ position: relative;
12
+ padding-block: var(--#{$prefix}description-padding-y);
13
+ padding-inline: var(--#{$prefix}description-padding-x);
14
+
15
+ &__container {
16
+ display: grid;
17
+ grid-template-columns: repeat(12, minmax(0, 1fr));
18
+ row-gap: var(--#{$prefix}description-gap-y);
19
+ column-gap: var(--#{$prefix}description-gap-x);
20
+ }
21
+
22
+ &-value {
23
+ display: flex;
24
+ align-items: center;
25
+
26
+ &__start-content,
27
+ &__end-content {
28
+ flex-shrink: 0;
29
+ }
30
+
31
+ &__content {
32
+ flex-grow: 1;
33
+ }
34
+ }
15
35
 
16
36
  .#{$prefix}descriptions--row &-label {
17
37
  grid-column: span 6 / span 6;
18
38
  }
19
39
 
20
- .#{$prefix}descriptions--row &__content {
40
+ .#{$prefix}descriptions--row &-value {
21
41
  grid-column: span 6 / span 6;
22
42
  }
23
43
 
24
44
  .#{$prefix}descriptions--col &-label,
25
- .#{$prefix}descriptions--col &__content {
45
+ .#{$prefix}descriptions--col &-value {
26
46
  grid-column: span 12 / span 12;
27
47
  }
28
48
 
@@ -34,6 +54,7 @@
34
54
  }
35
55
 
36
56
  &-text {
57
+ display: inline;
37
58
  font-size: var(--#{$prefix}description-text-font-size);
38
59
  font-weight: var(--#{$prefix}description-text-font-weight);
39
60
  color: var(--#{$prefix}description-text-color);
package/scss/components/_input.scss CHANGED
@@ -36,10 +36,49 @@
36
36
  transform: scale(0.75);
37
37
  }
38
38
 
39
- &__clearable {
39
+ &-group {
40
+ display: flex;
41
+ align-items: center;
42
+ }
43
+
44
+ &-group & {
45
+ border-radius: 0px;
46
+ }
47
+
48
+ &-group &:first-of-type {
49
+ border-top-left-radius: var(--#{$prefix}input-border-radius);
50
+ border-bottom-left-radius: var(--#{$prefix}input-border-radius);
51
+ }
52
+
53
+ &-group &:last-of-type {
54
+ border-top-right-radius: var(--#{$prefix}input-border-radius);
55
+ border-bottom-right-radius: var(--#{$prefix}input-border-radius);
56
+ }
57
+
58
+ &__icon {
59
+ padding: 0;
40
60
  display: flex;
41
61
  justify-content: center;
42
62
  align-items: center;
63
+ border: none;
64
+ outline: none;
65
+ background-color: transparent;
66
+ }
67
+
68
+ &__icon--opacity {
69
+ opacity: 0;
70
+ }
71
+
72
+ &__icon--pointer {
73
+ cursor: pointer;
74
+ }
75
+
76
+ &:hover &__icon--opacity-hoverable {
77
+ opacity: 0.5;
78
+
79
+ &:hover {
80
+ opacity: 1;
81
+ }
43
82
  }
44
83
 
45
84
  &__content {
@@ -117,8 +156,13 @@
117
156
  &__start-content,
118
157
  &__end-content {
119
158
  flex-shrink: 0;
159
+ height: 100%;
120
160
  display: flex;
121
161
  align-items: center;
162
+ font-size: var(--#{$prefix}input-font-size);
163
+ font-family: var(--#{$prefix}input-font-family);
164
+ line-height: var(--#{$prefix}input-line-height);
165
+ gap: var(--#{$prefix}input-content-gap);
122
166
 
123
167
  .#{$prefix}icon {
124
168
  font-size: var(--#{$prefix}input-icon-size);
package/scss/themes/fci/_tokens.scss CHANGED
@@ -9,8 +9,8 @@
9
9
  --#{$prefix}success-dark-color: #15803d;
10
10
  --#{$prefix}info-color: #7c3aed;
11
11
  --#{$prefix}info-dark-color: #5b21b6;
12
- --#{$prefix}warning-color: #f59e0b;
13
- --#{$prefix}warning-dark-color: #b45309;
12
+ --#{$prefix}warning-color: #f89406;
13
+ --#{$prefix}warning-dark-color: #ae6704;
14
14
  --#{$prefix}danger-color: #dc2626;
15
15
  --#{$prefix}black-color: #000;
16
16
  --#{$prefix}white-color: #fff;