@unifiedsoftware/styles 2.0.0-alpha.2 → 2.0.0-alpha.4

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 (15) hide show
  1. package/css/fci.css +290 -110
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +1284 -194
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_utilities.scss +103 -6
  7. package/scss/components/_accordion.scss +19 -20
  8. package/scss/components/_card.scss +9 -10
  9. package/scss/components/_descriptions.scss +17 -6
  10. package/scss/themes/fci/_tokens.scss +18 -5
  11. package/scss/themes/fci/components/_accordion.scss +81 -131
  12. package/scss/themes/fci/components/_button.scss +61 -28
  13. package/scss/themes/fci/components/_card.scss +3 -3
  14. package/scss/themes/fci/components/_descriptions.scss +37 -0
  15. package/scss/themes/fci/components/_index.scss +1 -0
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;gap:var(--us-toolbar-content-gap)}.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{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__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;overflow:hidden;background-color:#fff}.us-accordion--bordered:not(.us-accordion--splitted){border:var(--us-accordion-border-width) var(--us-accordion-border-style) var(--us-accordion-border-color)}.us-accordion--shadow:not(.us-accordion--splitted){filter:drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px) drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px) drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px)}.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--bordered.us-accordion--splitted .us-accordion-item{border:var(--us-accordion-border-width) var(--us-accordion-border-style) var(--us-accordion-border-color)}.us-accordion--shadow.us-accordion--splitted .us-accordion-item{filter:drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px) drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px) drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px)}.us-accordion-item{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;gap:var(--us-accordion-header-content-gap)}.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}.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{padding-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:0;border-bottom:1px solid var(--us-card-border-color)}.us-card-footer--underlined{padding-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:0;border-top:1px solid var(--us-card-border-color)}.us-card__content>.us-card-header:not(.us-card-header-underlined):last-child{padding-bottom:0}.us-card__content>.us-card-header:not(.us-card-header-underlined):last-child::after{border-bottom:none}.us-card__content>.us-card-footer:not(.us-card-footer-underlined):last-child{padding-top:0}.us-card__content>.us-card-footer:not(.us-card-footer-underlined):last-child::after{border-top:none}.us-description__name{font-size:14px;color:var(--us-secondary-action-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-description__value{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.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-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-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: 600px){.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-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-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: 1264px){.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-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: 1904px){.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-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}: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)}.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;gap:var(--us-toolbar-content-gap)}.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{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__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;gap:var(--us-accordion-header-content-gap)}.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-x);column-gap:var(--us-descriptions-gap-y)}.us-description__label{font-size:var(--us-description-label-font-size);font-weight:var(--us-description-text-font-weight);color:var(--us-description-label-color);opacity:var(--us-description-label-opacity);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.us-description__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.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-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}.us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.us-col-1{grid-column:span 1/span 1}.us-col-2{grid-column:span 2/span 2}.us-col-3{grid-column:span 3/span 3}.us-col-4{grid-column:span 4/span 4}.us-col-5{grid-column:span 5/span 5}.us-col-6{grid-column:span 6/span 6}.us-col-7{grid-column:span 7/span 7}.us-col-8{grid-column:span 8/span 8}.us-col-9{grid-column:span 9/span 9}.us-col-10{grid-column:span 10/span 10}.us-col-11{grid-column:span 11/span 11}.us-col-12{grid-column:span 12/span 12}.us-col-s-1{grid-column-start:1}.us-col-s-2{grid-column-start:2}.us-col-s-3{grid-column-start:3}.us-col-s-4{grid-column-start:4}.us-col-s-5{grid-column-start:5}.us-col-s-6{grid-column-start:6}.us-col-s-7{grid-column-start:7}.us-col-s-8{grid-column-start:8}.us-col-s-9{grid-column-start:9}.us-col-s-10{grid-column-start:10}.us-col-s-11{grid-column-start:11}.us-col-s-12{grid-column-start:12}.us-col-e-1{grid-column:1}.us-col-e-2{grid-column:2}.us-col-e-3{grid-column:3}.us-col-e-4{grid-column:4}.us-col-e-5{grid-column:5}.us-col-e-6{grid-column:6}.us-col-e-7{grid-column:7}.us-col-e-8{grid-column:8}.us-col-e-9{grid-column:9}.us-col-e-10{grid-column:10}.us-col-e-11{grid-column:11}.us-col-e-12{grid-column:12}@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}.xs\:us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.xs\:us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.xs\:us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xs\:us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xs\:us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.xs\:us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.xs\:us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.xs\:us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.xs\:us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.xs\:us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.xs\:us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.xs\:us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.xs\:us-col-1{grid-column:span 1/span 1}.xs\:us-col-2{grid-column:span 2/span 2}.xs\:us-col-3{grid-column:span 3/span 3}.xs\:us-col-4{grid-column:span 4/span 4}.xs\:us-col-5{grid-column:span 5/span 5}.xs\:us-col-6{grid-column:span 6/span 6}.xs\:us-col-7{grid-column:span 7/span 7}.xs\:us-col-8{grid-column:span 8/span 8}.xs\:us-col-9{grid-column:span 9/span 9}.xs\:us-col-10{grid-column:span 10/span 10}.xs\:us-col-11{grid-column:span 11/span 11}.xs\:us-col-12{grid-column:span 12/span 12}.xs\:us-col-s-1{grid-column-start:1}.xs\:us-col-s-2{grid-column-start:2}.xs\:us-col-s-3{grid-column-start:3}.xs\:us-col-s-4{grid-column-start:4}.xs\:us-col-s-5{grid-column-start:5}.xs\:us-col-s-6{grid-column-start:6}.xs\:us-col-s-7{grid-column-start:7}.xs\:us-col-s-8{grid-column-start:8}.xs\:us-col-s-9{grid-column-start:9}.xs\:us-col-s-10{grid-column-start:10}.xs\:us-col-s-11{grid-column-start:11}.xs\:us-col-s-12{grid-column-start:12}.xs\:us-col-e-1{grid-column:1}.xs\:us-col-e-2{grid-column:2}.xs\:us-col-e-3{grid-column:3}.xs\:us-col-e-4{grid-column:4}.xs\:us-col-e-5{grid-column:5}.xs\:us-col-e-6{grid-column:6}.xs\:us-col-e-7{grid-column:7}.xs\:us-col-e-8{grid-column:8}.xs\:us-col-e-9{grid-column:9}.xs\:us-col-e-10{grid-column:10}.xs\:us-col-e-11{grid-column:11}.xs\:us-col-e-12{grid-column:12}}@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}.sm\:us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.sm\:us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\:us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.sm\:us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.sm\:us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.sm\:us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.sm\:us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.sm\:us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.sm\:us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.sm\:us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.sm\:us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.sm\:us-col-1{grid-column:span 1/span 1}.sm\:us-col-2{grid-column:span 2/span 2}.sm\:us-col-3{grid-column:span 3/span 3}.sm\:us-col-4{grid-column:span 4/span 4}.sm\:us-col-5{grid-column:span 5/span 5}.sm\:us-col-6{grid-column:span 6/span 6}.sm\:us-col-7{grid-column:span 7/span 7}.sm\:us-col-8{grid-column:span 8/span 8}.sm\:us-col-9{grid-column:span 9/span 9}.sm\:us-col-10{grid-column:span 10/span 10}.sm\:us-col-11{grid-column:span 11/span 11}.sm\:us-col-12{grid-column:span 12/span 12}.sm\:us-col-s-1{grid-column-start:1}.sm\:us-col-s-2{grid-column-start:2}.sm\:us-col-s-3{grid-column-start:3}.sm\:us-col-s-4{grid-column-start:4}.sm\:us-col-s-5{grid-column-start:5}.sm\:us-col-s-6{grid-column-start:6}.sm\:us-col-s-7{grid-column-start:7}.sm\:us-col-s-8{grid-column-start:8}.sm\:us-col-s-9{grid-column-start:9}.sm\:us-col-s-10{grid-column-start:10}.sm\:us-col-s-11{grid-column-start:11}.sm\:us-col-s-12{grid-column-start:12}.sm\:us-col-e-1{grid-column:1}.sm\:us-col-e-2{grid-column:2}.sm\:us-col-e-3{grid-column:3}.sm\:us-col-e-4{grid-column:4}.sm\:us-col-e-5{grid-column:5}.sm\:us-col-e-6{grid-column:6}.sm\:us-col-e-7{grid-column:7}.sm\:us-col-e-8{grid-column:8}.sm\:us-col-e-9{grid-column:9}.sm\:us-col-e-10{grid-column:10}.sm\:us-col-e-11{grid-column:11}.sm\:us-col-e-12{grid-column:12}}@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}.md\:us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.md\:us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.md\:us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.md\:us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.md\:us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.md\:us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.md\:us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.md\:us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.md\:us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.md\:us-col-1{grid-column:span 1/span 1}.md\:us-col-2{grid-column:span 2/span 2}.md\:us-col-3{grid-column:span 3/span 3}.md\:us-col-4{grid-column:span 4/span 4}.md\:us-col-5{grid-column:span 5/span 5}.md\:us-col-6{grid-column:span 6/span 6}.md\:us-col-7{grid-column:span 7/span 7}.md\:us-col-8{grid-column:span 8/span 8}.md\:us-col-9{grid-column:span 9/span 9}.md\:us-col-10{grid-column:span 10/span 10}.md\:us-col-11{grid-column:span 11/span 11}.md\:us-col-12{grid-column:span 12/span 12}.md\:us-col-s-1{grid-column-start:1}.md\:us-col-s-2{grid-column-start:2}.md\:us-col-s-3{grid-column-start:3}.md\:us-col-s-4{grid-column-start:4}.md\:us-col-s-5{grid-column-start:5}.md\:us-col-s-6{grid-column-start:6}.md\:us-col-s-7{grid-column-start:7}.md\:us-col-s-8{grid-column-start:8}.md\:us-col-s-9{grid-column-start:9}.md\:us-col-s-10{grid-column-start:10}.md\:us-col-s-11{grid-column-start:11}.md\:us-col-s-12{grid-column-start:12}.md\:us-col-e-1{grid-column:1}.md\:us-col-e-2{grid-column:2}.md\:us-col-e-3{grid-column:3}.md\:us-col-e-4{grid-column:4}.md\:us-col-e-5{grid-column:5}.md\:us-col-e-6{grid-column:6}.md\:us-col-e-7{grid-column:7}.md\:us-col-e-8{grid-column:8}.md\:us-col-e-9{grid-column:9}.md\:us-col-e-10{grid-column:10}.md\:us-col-e-11{grid-column:11}.md\:us-col-e-12{grid-column:12}}@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}.lg\:us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.lg\:us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.lg\:us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.lg\:us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.lg\:us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.lg\:us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.lg\:us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.lg\:us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.lg\:us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\:us-col-1{grid-column:span 1/span 1}.lg\:us-col-2{grid-column:span 2/span 2}.lg\:us-col-3{grid-column:span 3/span 3}.lg\:us-col-4{grid-column:span 4/span 4}.lg\:us-col-5{grid-column:span 5/span 5}.lg\:us-col-6{grid-column:span 6/span 6}.lg\:us-col-7{grid-column:span 7/span 7}.lg\:us-col-8{grid-column:span 8/span 8}.lg\:us-col-9{grid-column:span 9/span 9}.lg\:us-col-10{grid-column:span 10/span 10}.lg\:us-col-11{grid-column:span 11/span 11}.lg\:us-col-12{grid-column:span 12/span 12}.lg\:us-col-s-1{grid-column-start:1}.lg\:us-col-s-2{grid-column-start:2}.lg\:us-col-s-3{grid-column-start:3}.lg\:us-col-s-4{grid-column-start:4}.lg\:us-col-s-5{grid-column-start:5}.lg\:us-col-s-6{grid-column-start:6}.lg\:us-col-s-7{grid-column-start:7}.lg\:us-col-s-8{grid-column-start:8}.lg\:us-col-s-9{grid-column-start:9}.lg\:us-col-s-10{grid-column-start:10}.lg\:us-col-s-11{grid-column-start:11}.lg\:us-col-s-12{grid-column-start:12}.lg\:us-col-e-1{grid-column:1}.lg\:us-col-e-2{grid-column:2}.lg\:us-col-e-3{grid-column:3}.lg\:us-col-e-4{grid-column:4}.lg\:us-col-e-5{grid-column:5}.lg\:us-col-e-6{grid-column:6}.lg\:us-col-e-7{grid-column:7}.lg\:us-col-e-8{grid-column:8}.lg\:us-col-e-9{grid-column:9}.lg\:us-col-e-10{grid-column:10}.lg\:us-col-e-11{grid-column:11}.lg\:us-col-e-12{grid-column:12}}@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}.xl\:us-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.xl\:us-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.xl\:us-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xl\:us-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xl\:us-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.xl\:us-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.xl\:us-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.xl\:us-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.xl\:us-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.xl\:us-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.xl\:us-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.xl\:us-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.xl\:us-col-1{grid-column:span 1/span 1}.xl\:us-col-2{grid-column:span 2/span 2}.xl\:us-col-3{grid-column:span 3/span 3}.xl\:us-col-4{grid-column:span 4/span 4}.xl\:us-col-5{grid-column:span 5/span 5}.xl\:us-col-6{grid-column:span 6/span 6}.xl\:us-col-7{grid-column:span 7/span 7}.xl\:us-col-8{grid-column:span 8/span 8}.xl\:us-col-9{grid-column:span 9/span 9}.xl\:us-col-10{grid-column:span 10/span 10}.xl\:us-col-11{grid-column:span 11/span 11}.xl\:us-col-12{grid-column:span 12/span 12}.xl\:us-col-s-1{grid-column-start:1}.xl\:us-col-s-2{grid-column-start:2}.xl\:us-col-s-3{grid-column-start:3}.xl\:us-col-s-4{grid-column-start:4}.xl\:us-col-s-5{grid-column-start:5}.xl\:us-col-s-6{grid-column-start:6}.xl\:us-col-s-7{grid-column-start:7}.xl\:us-col-s-8{grid-column-start:8}.xl\:us-col-s-9{grid-column-start:9}.xl\:us-col-s-10{grid-column-start:10}.xl\:us-col-s-11{grid-column-start:11}.xl\:us-col-s-12{grid-column-start:12}.xl\:us-col-e-1{grid-column:1}.xl\:us-col-e-2{grid-column:2}.xl\:us-col-e-3{grid-column:3}.xl\:us-col-e-4{grid-column:4}.xl\:us-col-e-5{grid-column:5}.xl\:us-col-e-6{grid-column:6}.xl\:us-col-e-7{grid-column:7}.xl\:us-col-e-8{grid-column:8}.xl\:us-col-e-9{grid-column:9}.xl\:us-col-e-10{grid-column:10}.xl\:us-col-e-11{grid-column:11}.xl\:us-col-e-12{grid-column:12}}.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.2",
3
+ "version": "2.0.0-alpha.4",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/_utilities.scss CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  $breakpoints: (
4
4
  xs: 0px,
5
- sm: 600px,
5
+ sm: 640px,
6
6
  md: 960px,
7
- lg: 1264px,
8
- xl: 1904px,
7
+ lg: 1024px,
8
+ xl: 1280px,
9
9
  );
10
10
 
11
11
  $spacer: 1rem;
@@ -125,24 +125,116 @@ $utilities: (
125
125
  ),
126
126
  responsive: true,
127
127
  ),
128
+ 'font-size': (
129
+ properties: font-size,
130
+ class: 'fs',
131
+ values: (
132
+ xs: var(--#{$prefix}fs-xs),
133
+ sm: var(--#{$prefix}fs-sm),
134
+ md: var(--#{$prefix}fs-md),
135
+ lg: var(--#{$prefix}fs-lg),
136
+ xl: var(--#{$prefix}fs-xl),
137
+ 2xl: var(--#{$prefix}fs-2xl),
138
+ 3xl: var(--#{$prefix}fs-3xl),
139
+ 4xl: var(--#{$prefix}fs-4xl),
140
+ 5xl: var(--#{$prefix}fs-5xl),
141
+ ),
142
+ responsive: true,
143
+ ),
128
144
  'gap': (
129
145
  properties: gap,
130
- class: 'gap',
146
+ class: 'g',
131
147
  values: $spacers,
132
148
  responsive: true,
133
149
  ),
134
150
  'gap-x': (
135
151
  properties: column-gap,
136
- class: 'gap-x',
152
+ class: 'gx',
137
153
  values: $spacers,
138
154
  responsive: true,
139
155
  ),
140
156
  'gap-y': (
141
157
  properties: row-gap,
142
- class: 'gap-y',
158
+ class: 'gy',
143
159
  values: $spacers,
144
160
  responsive: true,
145
161
  ),
162
+ 'grid-template-cols': (
163
+ properties: grid-template-columns,
164
+ class: 'cols',
165
+ values: (
166
+ 1: repeat(1, minmax(0, 1fr)),
167
+ 2: repeat(2, minmax(0, 1fr)),
168
+ 3: repeat(3, minmax(0, 1fr)),
169
+ 4: repeat(4, minmax(0, 1fr)),
170
+ 5: repeat(5, minmax(0, 1fr)),
171
+ 6: repeat(6, minmax(0, 1fr)),
172
+ 7: repeat(7, minmax(0, 1fr)),
173
+ 8: repeat(8, minmax(0, 1fr)),
174
+ 9: repeat(9, minmax(0, 1fr)),
175
+ 10: repeat(10, minmax(0, 1fr)),
176
+ 11: repeat(11, minmax(0, 1fr)),
177
+ 12: repeat(12, minmax(0, 1fr)),
178
+ ),
179
+ responsive: true,
180
+ ),
181
+ 'grid-column': (
182
+ properties: grid-column,
183
+ class: 'col',
184
+ values: (
185
+ 1: span 1 / span 1,
186
+ 2: span 2 / span 2,
187
+ 3: span 3 / span 3,
188
+ 4: span 4 / span 4,
189
+ 5: span 5 / span 5,
190
+ 6: span 6 / span 6,
191
+ 7: span 7 / span 7,
192
+ 8: span 8 / span 8,
193
+ 9: span 9 / span 9,
194
+ 10: span 10 / span 10,
195
+ 11: span 11 / span 11,
196
+ 12: span 12 / span 12,
197
+ ),
198
+ responsive: true,
199
+ ),
200
+ 'grid-column-start': (
201
+ properties: grid-column-start,
202
+ class: 'col-s',
203
+ values: (
204
+ 1: 1,
205
+ 2: 2,
206
+ 3: 3,
207
+ 4: 4,
208
+ 5: 5,
209
+ 6: 6,
210
+ 7: 7,
211
+ 8: 8,
212
+ 9: 9,
213
+ 10: 10,
214
+ 11: 11,
215
+ 12: 12,
216
+ ),
217
+ responsive: true,
218
+ ),
219
+ 'grid-column-end': (
220
+ properties: grid-column,
221
+ class: 'col-e',
222
+ values: (
223
+ 1: 1,
224
+ 2: 2,
225
+ 3: 3,
226
+ 4: 4,
227
+ 5: 5,
228
+ 6: 6,
229
+ 7: 7,
230
+ 8: 8,
231
+ 9: 9,
232
+ 10: 10,
233
+ 11: 11,
234
+ 12: 12,
235
+ ),
236
+ responsive: true,
237
+ ),
146
238
  );
147
239
 
148
240
  @each $key, $map in $utilities {
@@ -362,6 +454,7 @@ $rounded-sizes: (
362
454
  border-color: var(--#{$prefix}outline-border-color);
363
455
  opacity: var(--#{$prefix}outline-opacity);
364
456
  pointer-events: none;
457
+ z-index: var(--#{$prefix}outline-z-index);
365
458
  }
366
459
 
367
460
  :not([hidden]):hover > .#{$prefix}outline {
@@ -422,3 +515,7 @@ $rounded-sizes: (
422
515
  overflow: hidden;
423
516
  border-bottom: var(--#{$prefix}outline-border-width) solid var(--#{$prefix}outline-border-color);
424
517
  }
518
+
519
+ .#{$prefix}grid {
520
+ display: grid;
521
+ }
package/scss/components/_accordion.scss CHANGED
@@ -4,19 +4,22 @@
4
4
  position: relative;
5
5
  border-radius: var(--#{$prefix}accordion-border-radius);
6
6
  z-index: 0;
7
- overflow: hidden;
8
- background-color: white;
9
7
 
10
- &--bordered:not(&--splitted) {
11
- border: var(--#{$prefix}accordion-border-width) var(--#{$prefix}accordion-border-style)
12
- var(--#{$prefix}accordion-border-color);
8
+ &:not(&--splitted) {
9
+ overflow: hidden;
10
+ background-color: white;
13
11
  }
14
12
 
15
- &--shadow:not(&--splitted) {
16
- filter: drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px)
17
- drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px)
18
- drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px);
19
- }
13
+ // &--bordered:not(&--splitted) {
14
+ // border: var(--#{$prefix}accordion-border-width) var(--#{$prefix}accordion-border-style)
15
+ // var(--#{$prefix}accordion-border-color);
16
+ // }
17
+
18
+ // &--shadow:not(&--splitted) {
19
+ // filter: drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px)
20
+ // drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px)
21
+ // drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px);
22
+ // }
20
23
 
21
24
  &--splitted {
22
25
  display: grid;
@@ -28,18 +31,14 @@
28
31
  overflow: hidden;
29
32
  }
30
33
 
31
- &--bordered#{&}--splitted &-item {
32
- border: var(--#{$prefix}accordion-border-width) var(--#{$prefix}accordion-border-style)
33
- var(--#{$prefix}accordion-border-color);
34
- }
35
-
36
- &--shadow#{&}--splitted &-item {
37
- filter: drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px)
38
- drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px)
39
- drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px);
40
- }
34
+ // &--shadow#{&}--splitted &-item {
35
+ // filter: drop-shadow(rgba(141, 141, 141, 0.15) 0.5px 1px 1px) drop-shadow(rgba(141, 141, 141, 0.15) 1px 2px 2px)
36
+ // drop-shadow(rgba(141, 141, 141, 0.15) 2px 4px 4px) drop-shadow(rgba(141, 141, 141, 0.15) 4px 8px 8px)
37
+ // drop-shadow(rgba(141, 141, 141, 0.15) 8px 16px 16px);
38
+ // }
41
39
 
42
40
  &-item {
41
+ position: relative;
43
42
  border-bottom: 1px solid #e6e6e6;
44
43
 
45
44
  &:last-child {
package/scss/components/_card.scss CHANGED
@@ -65,6 +65,7 @@
65
65
  overflow: hidden;
66
66
  display: flex;
67
67
  flex-direction: column;
68
+ justify-content: center;
68
69
  }
69
70
 
70
71
  &--centered &__start-content,
@@ -188,43 +189,41 @@
188
189
  }
189
190
 
190
191
  &-header--underlined {
191
- padding-bottom: var(--#{$prefix}card-padding-y);
192
+ margin-bottom: var(--#{$prefix}card-padding-y);
192
193
 
193
194
  &::after {
194
195
  content: '';
195
196
  position: absolute;
196
197
  left: calc(var(--#{$prefix}card-padding-x) * -1);
197
198
  right: calc(var(--#{$prefix}card-padding-x) * -1);
198
- bottom: 0;
199
+ bottom: calc(var(--#{$prefix}card-padding-y) * -1);
199
200
  border-bottom: 1px solid var(--#{$prefix}card-border-color);
200
201
  }
201
202
  }
202
203
 
203
204
  &-footer--underlined {
204
- padding-top: var(--#{$prefix}card-padding-y);
205
+ margin-top: var(--#{$prefix}card-padding-y);
205
206
 
206
207
  &::after {
207
208
  content: '';
208
209
  position: absolute;
209
210
  left: calc(var(--#{$prefix}card-padding-x) * -1);
210
211
  right: calc(var(--#{$prefix}card-padding-x) * -1);
211
- top: 0;
212
+ top: calc(var(--#{$prefix}card-padding-y) * -1);
212
213
  border-top: 1px solid var(--#{$prefix}card-border-color);
213
214
  }
214
215
  }
215
216
 
216
- &__content > &-header:not(&-header-underlined):last-child {
217
- padding-bottom: 0;
217
+ &-header--underlined:last-child {
218
+ margin-bottom: 0;
218
219
 
219
220
  &::after {
220
221
  border-bottom: none;
221
222
  }
222
223
  }
223
224
 
224
- &__content > &-footer:not(&-footer-underlined):last-child {
225
- padding-top: 0;
226
-
227
- &::after {
225
+ &-footer--underlined:last-child {
226
+ &::before {
228
227
  border-top: none;
229
228
  }
230
229
  }