@robosophy/ui-vue 1.0.10 → 1.0.12

package/dist/index.css

@@ -1 +1,752 @@
-.rs-icon{--rs-icon-color: currentColor;--rs-icon-fill: 0;--rs-icon-grade: 0;--rs-icon-optical-size: 24;--rs-icon-size: 24px;--rs-icon-weight: 400;align-items:center;color:var(--rs-icon-color);display:inline-flex;flex:0 0 auto;font-family:Material Symbols Outlined Variable;font-size:var(--rs-icon-size);font-style:normal;font-feature-settings:"liga";font-variation-settings:"FILL" var(--rs-icon-fill),"wght" var(--rs-icon-weight),"GRAD" var(--rs-icon-grade),"opsz" var(--rs-icon-optical-size);font-weight:400;-webkit-font-feature-settings:"liga";justify-content:center;direction:ltr;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-wrap:normal}.rs-icon--sm{--rs-icon-optical-size: 20;--rs-icon-size: 18px}.rs-icon--md{--rs-icon-optical-size: 24;--rs-icon-size: 24px}.rs-icon--lg{--rs-icon-optical-size: 40;--rs-icon-size: 32px}.rs-icon--primary{--rs-icon-color: var(--rs-color-icon-primary, #48a0d4)}.rs-icon--secondary{--rs-icon-color: var(--rs-color-icon-secondary, #000000)}.rs-icon--danger{--rs-icon-color: var(--rs-color-icon-brand-red, #d80115)}.rs-icon--inherit{--rs-icon-color: currentColor}.rs-icon--rounded{font-family:Material Symbols Rounded Variable}.rs-icon--sharp{font-family:Material Symbols Sharp Variable}.rs-icon--interactive{cursor:pointer}.rs-account-selector-host{--rs-account-selector-width: 270px;--rs-account-selector-background: var(--rs-color-surface-primary, #ffffff);--rs-account-selector-border: var(--rs-color-stroke-default, #d1d1d1);--rs-account-selector-color: var(--rs-color-text-primary, #000000);--rs-account-selector-muted: var(--rs-color-text-secondary, #909090);--rs-account-selector-active: var(--rs-color-text-brand-green, #4eae01);--rs-account-selector-danger: var(--rs-color-text-brand-red, #d80115);display:inline-flex;position:relative}.rs-account-selector__trigger.p-button{align-items:center;background:transparent;border:0;color:var(--rs-account-selector-color);display:inline-flex;flex:0 0 auto;gap:16px;min-width:0;padding:0}.rs-account-selector__trigger.p-button .p-button-label{align-items:center;display:inline-flex;gap:20px}.rs-account-selector__trigger.p-button:hover,.rs-account-selector__trigger.p-button:focus-visible{background:transparent!important;border:0!important;color:var(--rs-account-selector-color);gap:16px!important;padding:0!important}.rs-account-selector__trigger-chevron{transition:transform .16s ease}.rs-account-selector__trigger--open .rs-account-selector__trigger-chevron{transform:rotate(180deg)}.rs-account-selector__trigger-avatar{--rs-account-selector-avatar-size: 46px;align-items:center;background:var(--rs-color-background-info, #e6f6fb);border-radius:999px;color:var(--rs-color-text-brand, #48a0d4);display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:var(--rs-account-selector-avatar-size);justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:var(--rs-account-selector-avatar-size)}.rs-account-selector{background:var(--rs-account-selector-background);border:1px solid var(--rs-account-selector-border);border-radius:8px;box-sizing:border-box;color:var(--rs-account-selector-color);display:flex;flex-direction:column;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:16px;gap:16px;z-index:20;padding:20px 0 16px;max-width:calc(100vw - 32px);width:var(--rs-account-selector-width)}.rs-account-selector__summary{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px;text-align:center}.rs-account-selector__avatar-stack{align-items:center;display:inline-flex}.rs-account-selector__avatar{--rs-account-selector-avatar-size: 44px;align-items:center;background:var(--rs-color-background-info, #e6f6fb);border:2px solid var(--rs-color-surface-primary, #ffffff);border-radius:999px;box-sizing:border-box;color:var(--rs-color-text-brand, #48a0d4);display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:var(--rs-account-selector-avatar-size);justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:var(--rs-account-selector-avatar-size)}.rs-account-selector__avatar--sm{--rs-account-selector-avatar-size: 35px;font-size:.75rem}.rs-account-selector__avatar--lg{--rs-account-selector-avatar-size: 64px;font-size:1.125rem}.rs-account-selector__avatar-image{display:block;height:100%;object-fit:cover;width:100%}.rs-account-selector__avatar-placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.rs-account-selector__secondary-avatar{margin-left:-20px}.rs-account-selector__user{display:grid;gap:2px;max-width:100%;min-width:0;width:100%}.rs-account-selector__title,.rs-account-selector__name,.rs-account-selector__email,.rs-account-selector__account-label,.rs-account-selector__account-state,.rs-account-selector__state{margin:0}.rs-account-selector__title{font-weight:600;line-height:1.35}.rs-account-selector__name{font-size:.875rem;font-weight:500;line-height:1.35}.rs-account-selector__email{color:var(--rs-account-selector-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__actions,.rs-account-selector__footer{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px}.rs-account-selector__button{width:max-content}.rs-account-selector__button-content{align-items:center;display:inline-flex;gap:8px}.rs-account-selector__accounts{display:grid}.rs-account-selector__account.p-button{align-items:center;background:transparent;border:0;border-top:1px solid var(--rs-account-selector-border);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:8px 16px;text-align:left;width:100%}.rs-account-selector__account.p-button .p-button-label{display:contents}.rs-account-selector__account.p-button:last-child{border-bottom:1px solid var(--rs-account-selector-border)}.rs-account-selector__account.p-button:hover:not(:disabled){background:var(--rs-color-background-info, #e6f6fb)!important;color:inherit}.rs-account-selector__account.p-button:disabled{cursor:default;opacity:1}.rs-account-selector__account--active .rs-account-selector__account-label{font-weight:600}.rs-account-selector__account--active .rs-account-selector__account-avatar{outline:2px solid var(--rs-account-selector-active);outline-offset:2px}.rs-account-selector__account--active .rs-account-selector__account-trailing{opacity:.25}.rs-account-selector__account-info{display:grid;gap:2px;min-width:0}.rs-account-selector__account-label{line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__account-state,.rs-account-selector__state{color:var(--rs-account-selector-muted);font-size:.8125rem;line-height:1.35}.rs-account-selector__account-state--active{color:var(--rs-account-selector-active)}.rs-account-selector__account-state--inactive{color:var(--rs-account-selector-muted)}.rs-account-selector__account-trailing{align-items:center;color:var(--rs-color-icon-secondary, #000000);display:inline-flex;justify-content:center}.rs-account-selector__state{padding:8px 16px;text-align:center}@media(max-width:768px){.rs-account-selector{width:min(100vw - 32px,var(--rs-account-selector-width))}}.rs-sidebar{--rs-sidebar-background: var(--rs-color-surface-primary, #ffffff);--rs-sidebar-border: var(--rs-color-stroke-default, #d1d1d1);--rs-sidebar-color: var(--rs-color-text-primary, #000000);--rs-sidebar-muted: var(--rs-color-text-secondary, #909090);--rs-sidebar-active: var(--rs-color-text-button-tertiary, #48a0d4);--rs-sidebar-hover: var(--rs-color-button-blue-surface, #e6f6fb);--rs-sidebar-width-collapsed: 72px;--rs-sidebar-width-expanded: 286px;background:var(--rs-sidebar-background);border-right:1px solid var(--rs-sidebar-border);box-sizing:border-box;color:var(--rs-sidebar-color);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:18px;gap:32px;height:100%;overflow:hidden;transition:width .18s ease-in-out;width:var(--rs-sidebar-width-collapsed)}.rs-sidebar--pc{--rs-sidebar-active: var(--rs-color-icon-project-pc, #014a9f);--rs-sidebar-hover: var(--rs-color-darkblue-100, #e5ecf5)}.rs-sidebar--alta{--rs-sidebar-active: var(--rs-color-icon-project-alta, #65ac1e);--rs-sidebar-hover: var(--rs-color-green-100, #edf7e6)}.rs-sidebar--cc{--rs-sidebar-active: var(--rs-color-icon-project-cc, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--pog{--rs-sidebar-active: var(--rs-color-icon-project-pog, #007c2f);--rs-sidebar-hover: var(--rs-color-navygreen-100, #e5f1ea)}.rs-sidebar--cyo{--rs-sidebar-active: var(--rs-color-icon-project-cyo, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--expanded,.rs-sidebar--mobile-open{overflow:visible;width:var(--rs-sidebar-width-expanded)}.rs-sidebar__header{align-items:center;position:relative;box-sizing:border-box;display:flex;gap:6px;justify-content:flex-start;min-height:48px;padding:16px 0}.rs-sidebar--expanded .rs-sidebar__header,.rs-sidebar--mobile-open .rs-sidebar__header{padding:16px 12px 16px 16px}.rs-sidebar__brand{align-items:center;display:flex;color:var(--rs-sidebar-active);flex:1;gap:0;min-width:0;transition:gap .18s ease-in-out}.rs-sidebar--expanded .rs-sidebar__brand,.rs-sidebar--mobile-open .rs-sidebar__brand{gap:6px}.rs-sidebar__module-trigger{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;justify-content:flex-start;font:inherit;gap:0;min-width:0;appearance:none;-webkit-appearance:none;padding:0;text-align:left;transition:gap .18s ease-in-out;width:100%}.rs-sidebar--expanded .rs-sidebar__module-trigger,.rs-sidebar--mobile-open .rs-sidebar__module-trigger{gap:6px}.rs-sidebar__module-trigger:hover:not(:disabled),.rs-sidebar__module-trigger:active:not(:disabled){background:transparent;color:inherit}.rs-sidebar__module-trigger:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:2px}.rs-sidebar--expanded .rs-sidebar__module-chevron,.rs-sidebar--mobile-open .rs-sidebar__module-chevron{margin-left:auto}.rs-sidebar__module-trigger>.rs-icon:first-child{margin-left:24px;transition:margin-left .18s ease-in-out}.rs-sidebar--expanded .rs-sidebar__module-trigger>.rs-icon:first-child,.rs-sidebar--mobile-open .rs-sidebar__module-trigger>.rs-icon:first-child{margin-left:0}.rs-sidebar__brand>.rs-icon:first-child{margin-left:24px;transition:margin-left .18s ease-in-out}.rs-sidebar--expanded .rs-sidebar__brand>.rs-icon:first-child,.rs-sidebar--mobile-open .rs-sidebar__brand>.rs-icon:first-child{margin-left:0}.rs-sidebar__title,.rs-sidebar__item-label,.rs-sidebar__item-chevron,.rs-sidebar__module-chevron{max-width:0;opacity:0;overflow:hidden;transition:max-width .18s ease-in-out,opacity .18s ease-in-out;white-space:nowrap}.rs-sidebar--expanded .rs-sidebar__title,.rs-sidebar--expanded .rs-sidebar__item-label,.rs-sidebar--expanded .rs-sidebar__item-chevron,.rs-sidebar--expanded .rs-sidebar__module-chevron,.rs-sidebar--mobile-open .rs-sidebar__title,.rs-sidebar--mobile-open .rs-sidebar__item-label,.rs-sidebar--mobile-open .rs-sidebar__item-chevron,.rs-sidebar--mobile-open .rs-sidebar__module-chevron{max-width:220px;opacity:1}.rs-sidebar__title{color:var(--rs-sidebar-color);font-weight:400;line-height:1.2;text-overflow:ellipsis}.rs-sidebar__module-menu.p-menu{background:var(--rs-sidebar-background);border:1px solid var(--rs-sidebar-border);border-radius:4px;box-shadow:0 8px 24px #0000002e;left:16px;min-width:calc(var(--rs-sidebar-width-expanded) - 32px);overflow:hidden;padding:0;position:absolute;top:52px;z-index:20}.rs-sidebar__module-menu .p-menu-list{gap:0;padding:0}.rs-sidebar__module-option .p-menu-item-content{color:var(--rs-sidebar-color);border-radius:0}.rs-sidebar__module-option .p-menu-item-link{font-family:inherit;font-size:inherit;line-height:1.2;min-height:38px;padding:10px 14px}.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,.rs-sidebar__module-option--active .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option--disabled .p-menu-item-content{color:var(--rs-sidebar-muted);cursor:not-allowed}.rs-sidebar__module-option--disabled .p-menu-item-content:hover{background:transparent}.rs-sidebar__module-option.p-focus .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option.p-focus .p-menu-item-link{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__header-button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--rs-color-icon-secondary, #000000);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;appearance:none;-webkit-appearance:none;min-height:24px;min-width:24px;padding:2px}.rs-sidebar__header-button:hover:not(:disabled),.rs-sidebar__header-button:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-color-icon-secondary, #000000)}.rs-sidebar__header-button:focus-visible,.rs-sidebar__item:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0}.rs-sidebar__nav{min-height:0}.rs-sidebar__list{list-style:none;margin:0;padding:0}.rs-sidebar__item{align-items:center;background:transparent;border:0;border-right:3px solid transparent;box-sizing:border-box;color:var(--rs-sidebar-active);cursor:pointer;display:flex;justify-content:flex-start;font:inherit;font-weight:300;gap:8px;appearance:none;-webkit-appearance:none;min-height:27px;padding:7px 0;text-align:left;transition:gap .18s ease-in-out;width:100%}.rs-sidebar--expanded .rs-sidebar__item,.rs-sidebar--mobile-open .rs-sidebar__item{padding:7px 8px 7px 16px}.rs-sidebar__item:hover:not(:disabled),.rs-sidebar__item:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-sidebar-active)}.rs-sidebar__item:disabled{color:var(--rs-sidebar-muted);cursor:not-allowed;opacity:1}.rs-sidebar__item--active{background:var(--rs-sidebar-hover)!important;border-right-color:var(--rs-sidebar-active)}.rs-sidebar__item--footer{color:var(--rs-sidebar-color);min-height:40px;padding-bottom:16px;padding-top:16px}.rs-sidebar--expanded .rs-sidebar__item--footer,.rs-sidebar--mobile-open .rs-sidebar__item--footer{padding-left:16px}.rs-sidebar__item--footer .rs-sidebar__item-icon{color:inherit}.rs-sidebar__item-icon{flex:0 0 auto;color:var(--rs-sidebar-active);margin-left:24px;transition:margin-left .18s ease-in-out;width:24px;height:24px}.rs-sidebar--expanded .rs-sidebar__item-icon,.rs-sidebar--mobile-open .rs-sidebar__item-icon{margin-left:16px}.rs-sidebar__brand .rs-icon{width:24px;height:24px}.rs-sidebar__item-label{color:var(--rs-sidebar-color);min-width:0;text-overflow:ellipsis}.rs-sidebar__item-chevron{margin-left:auto}.rs-sidebar__footer{margin-top:auto}.rs-sidebar--mobile-open{border-right:0;gap:clamp(8px,4vh,52px);inset:0;position:fixed;width:100%;z-index:10000}.rs-sidebar--mobile-open .rs-sidebar__header{min-height:80px}.rs-sidebar--mobile-open .rs-sidebar__module-menu{left:16px;min-width:min(320px,calc(100% - 32px));top:88px}.rs-sidebar--mobile-open .rs-sidebar__item{font-size:1rem;min-height:64px;padding-bottom:20px;padding-top:20px}
+.rs-icon {
+  --rs-icon-color: currentColor;
+  --rs-icon-fill: 0;
+  --rs-icon-grade: 0;
+  --rs-icon-optical-size: 24;
+  --rs-icon-size: 24px;
+  --rs-icon-weight: 400;
+
+  align-items: center;
+  color: var(--rs-icon-color);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: "Material Symbols Outlined Variable";
+  font-size: var(--rs-icon-size);
+  font-style: normal;
+  font-feature-settings: "liga";
+  font-variation-settings:
+    "FILL" var(--rs-icon-fill),
+    "wght" var(--rs-icon-weight),
+    "GRAD" var(--rs-icon-grade),
+    "opsz" var(--rs-icon-optical-size);
+  font-weight: 400;
+  -webkit-font-feature-settings: "liga";
+  justify-content: center;
+  direction: ltr;
+  letter-spacing: normal;
+  line-height: 1;
+  text-transform: none;
+  user-select: none;
+  white-space: nowrap;
+  word-wrap: normal;
+}
+
+.rs-icon--sm {
+  --rs-icon-optical-size: 20;
+  --rs-icon-size: 18px;
+}
+
+.rs-icon--md {
+  --rs-icon-optical-size: 24;
+  --rs-icon-size: 24px;
+}
+
+.rs-icon--lg {
+  --rs-icon-optical-size: 40;
+  --rs-icon-size: 32px;
+}
+
+.rs-icon--primary {
+  --rs-icon-color: var(--rs-color-icon-primary, #48a0d4);
+}
+
+.rs-icon--secondary {
+  --rs-icon-color: var(--rs-color-icon-secondary, #000000);
+}
+
+.rs-icon--danger {
+  --rs-icon-color: var(--rs-color-icon-brand-red, #d80115);
+}
+
+.rs-icon--inherit {
+  --rs-icon-color: currentColor;
+}
+
+.rs-icon--rounded {
+  font-family: "Material Symbols Rounded Variable";
+}
+
+.rs-icon--sharp {
+  font-family: "Material Symbols Sharp Variable";
+}
+
+.rs-icon--interactive {
+  cursor: pointer;
+}
+.rs-icon {
+  --rs-icon-color: currentColor;
+  --rs-icon-fill: 0;
+  --rs-icon-grade: 0;
+  --rs-icon-optical-size: 24;
+  --rs-icon-size: 24px;
+  --rs-icon-weight: 400;
+
+  align-items: center;
+  color: var(--rs-icon-color);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: "Material Symbols Outlined Variable";
+  font-size: var(--rs-icon-size);
+  font-style: normal;
+  font-feature-settings: "liga";
+  font-variation-settings:
+    "FILL" var(--rs-icon-fill),
+    "wght" var(--rs-icon-weight),
+    "GRAD" var(--rs-icon-grade),
+    "opsz" var(--rs-icon-optical-size);
+  font-weight: 400;
+  -webkit-font-feature-settings: "liga";
+  justify-content: center;
+  direction: ltr;
+  letter-spacing: normal;
+  line-height: 1;
+  text-transform: none;
+  user-select: none;
+  white-space: nowrap;
+  word-wrap: normal;
+}
+.rs-icon--sm {
+  --rs-icon-optical-size: 20;
+  --rs-icon-size: 18px;
+}
+.rs-icon--md {
+  --rs-icon-optical-size: 24;
+  --rs-icon-size: 24px;
+}
+.rs-icon--lg {
+  --rs-icon-optical-size: 40;
+  --rs-icon-size: 32px;
+}
+.rs-icon--primary {
+  --rs-icon-color: var(--rs-color-icon-primary, #48a0d4);
+}
+.rs-icon--secondary {
+  --rs-icon-color: var(--rs-color-icon-secondary, #000000);
+}
+.rs-icon--danger {
+  --rs-icon-color: var(--rs-color-icon-brand-red, #d80115);
+}
+.rs-icon--inherit {
+  --rs-icon-color: currentColor;
+}
+.rs-icon--rounded {
+  font-family: "Material Symbols Rounded Variable";
+}
+.rs-icon--sharp {
+  font-family: "Material Symbols Sharp Variable";
+}
+.rs-icon--interactive {
+  cursor: pointer;
+}
+.rs-account-selector-host {
+  --rs-account-selector-width: 270px;
+  --rs-account-selector-background: var(--rs-color-surface-primary, #ffffff);
+  --rs-account-selector-border: var(--rs-color-stroke-default, #d1d1d1);
+  --rs-account-selector-color: var(--rs-color-text-primary, #000000);
+  --rs-account-selector-muted: var(--rs-color-text-secondary, #909090);
+  --rs-account-selector-active: var(--rs-color-text-brand-green, #4eae01);
+  --rs-account-selector-danger: var(--rs-color-text-brand-red, #d80115);
+
+  display: inline-flex;
+  position: relative;
+}
+.rs-account-selector__trigger.p-button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: var(--rs-account-selector-color);
+  display: inline-flex;
+  flex: 0 0 auto;
+  gap: 16px;
+  min-width: 0;
+  padding: 0;
+}
+.rs-account-selector__trigger.p-button .p-button-label {
+  align-items: center;
+  display: inline-flex;
+  gap: 20px;
+}
+.rs-account-selector__trigger.p-button:hover,
+.rs-account-selector__trigger.p-button:focus-visible {
+  background: transparent !important;
+  border: 0 !important;
+  color: var(--rs-account-selector-color);
+  gap: 16px !important;
+  padding: 0 !important;
+}
+.rs-account-selector__trigger-chevron {
+  transition: transform 160ms ease;
+}
+.rs-account-selector__trigger--open .rs-account-selector__trigger-chevron {
+  transform: rotate(180deg);
+}
+.rs-account-selector__trigger-avatar {
+  --rs-account-selector-avatar-size: 46px;
+
+  align-items: center;
+  background: var(--rs-color-background-info, #e6f6fb);
+  border-radius: 999px;
+  color: var(--rs-color-text-brand, #48a0d4);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 0.875rem;
+  font-weight: 600;
+  height: var(--rs-account-selector-avatar-size);
+  justify-content: center;
+  line-height: 1;
+  overflow: hidden;
+  text-transform: uppercase;
+  width: var(--rs-account-selector-avatar-size);
+}
+.rs-account-selector {
+  background: var(--rs-account-selector-background);
+  border: 1px solid var(--rs-account-selector-border);
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: var(--rs-account-selector-color);
+  display: flex;
+  flex-direction: column;
+  font-family: var(--rs-font-family, "Inter", sans-serif);
+  font-size: 16px;
+  gap: 16px;
+  z-index: 20;
+  padding: 20px 0 16px;
+  max-width: calc(100vw - 32px);
+  width: var(--rs-account-selector-width);
+}
+.rs-account-selector__summary {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 0 16px;
+  text-align: center;
+}
+.rs-account-selector__avatar-stack {
+  align-items: center;
+  display: inline-flex;
+}
+.rs-account-selector__avatar {
+  --rs-account-selector-avatar-size: 44px;
+
+  align-items: center;
+  background: var(--rs-color-background-info, #e6f6fb);
+  border: 2px solid var(--rs-color-surface-primary, #ffffff);
+  border-radius: 999px;
+  box-sizing: border-box;
+  color: var(--rs-color-text-brand, #48a0d4);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 0.875rem;
+  font-weight: 600;
+  height: var(--rs-account-selector-avatar-size);
+  justify-content: center;
+  line-height: 1;
+  overflow: hidden;
+  text-transform: uppercase;
+  width: var(--rs-account-selector-avatar-size);
+}
+.rs-account-selector__avatar--sm {
+  --rs-account-selector-avatar-size: 35px;
+
+  font-size: 0.75rem;
+}
+.rs-account-selector__avatar--lg {
+  --rs-account-selector-avatar-size: 64px;
+
+  font-size: 1.125rem;
+}
+.rs-account-selector__avatar-image {
+  display: block;
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+.rs-account-selector__avatar-placeholder {
+  align-items: center;
+  display: inline-flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}
+.rs-account-selector__secondary-avatar {
+  margin-left: -20px;
+}
+.rs-account-selector__user {
+  display: grid;
+  gap: 2px;
+  max-width: 100%;
+  min-width: 0;
+  width: 100%;
+}
+.rs-account-selector__title,
+.rs-account-selector__name,
+.rs-account-selector__email,
+.rs-account-selector__account-label,
+.rs-account-selector__account-state,
+.rs-account-selector__state {
+  margin: 0;
+}
+.rs-account-selector__title {
+  font-weight: 600;
+  line-height: 1.35;
+}
+.rs-account-selector__name {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.35;
+}
+.rs-account-selector__email {
+  color: var(--rs-account-selector-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-account-selector__actions,
+.rs-account-selector__footer {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 0 16px;
+}
+.rs-account-selector__button {
+  width: max-content;
+}
+.rs-account-selector__button-content {
+  align-items: center;
+  display: inline-flex;
+  gap: 8px;
+}
+.rs-account-selector__accounts {
+  display: grid;
+}
+.rs-account-selector__account.p-button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-top: 1px solid var(--rs-account-selector-border);
+  box-sizing: border-box;
+  color: inherit;
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: 8px;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  min-height: 58px;
+  padding: 8px 16px;
+  text-align: left;
+  width: 100%;
+}
+.rs-account-selector__account.p-button .p-button-label {
+  display: contents;
+}
+.rs-account-selector__account.p-button:last-child {
+  border-bottom: 1px solid var(--rs-account-selector-border);
+}
+.rs-account-selector__account.p-button:hover:not(:disabled) {
+  background: var(--rs-color-background-info, #e6f6fb) !important;
+  color: inherit;
+}
+.rs-account-selector__account.p-button:disabled {
+  cursor: default;
+  opacity: 1;
+}
+.rs-account-selector__account--active .rs-account-selector__account-label {
+  font-weight: 600;
+}
+.rs-account-selector__account--active .rs-account-selector__account-avatar {
+  outline: 2px solid var(--rs-account-selector-active);
+  outline-offset: 2px;
+}
+.rs-account-selector__account--active .rs-account-selector__account-trailing {
+  opacity: 0.25;
+}
+.rs-account-selector__account-info {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+.rs-account-selector__account-label {
+  line-height: 1.35;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-account-selector__account-state,
+.rs-account-selector__state {
+  color: var(--rs-account-selector-muted);
+  font-size: 0.8125rem;
+  line-height: 1.35;
+}
+.rs-account-selector__account-state--active {
+  color: var(--rs-account-selector-active);
+}
+.rs-account-selector__account-state--inactive {
+  color: var(--rs-account-selector-muted);
+}
+.rs-account-selector__account-trailing {
+  align-items: center;
+  color: var(--rs-color-icon-secondary, #000000);
+  display: inline-flex;
+  justify-content: center;
+}
+.rs-account-selector__state {
+  padding: 8px 16px;
+  text-align: center;
+}
+@media (max-width: 768px) {
+.rs-account-selector {
+    width: min(100vw - 32px, var(--rs-account-selector-width));
+}
+}
+.rs-sidebar {
+  --rs-sidebar-background: var(--rs-color-surface-primary, #ffffff);
+  --rs-sidebar-border: var(--rs-color-stroke-default, #d1d1d1);
+  --rs-sidebar-color: var(--rs-color-text-primary, #000000);
+  --rs-sidebar-muted: var(--rs-color-text-secondary, #909090);
+  --rs-sidebar-active: var(--rs-color-text-button-tertiary, #48a0d4);
+  --rs-sidebar-hover: var(--rs-color-button-blue-surface, #e6f6fb);
+  --rs-sidebar-width-collapsed: 72px;
+  --rs-sidebar-width-expanded: 286px;
+
+  background: var(--rs-sidebar-background);
+  border-right: 1px solid var(--rs-sidebar-border);
+  box-sizing: border-box;
+  color: var(--rs-sidebar-color);
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  font-family: var(--rs-font-family, "Inter", sans-serif);
+  font-size: 18px;
+  gap: 32px;
+  height: 100%;
+  overflow: hidden;
+  transition: width 180ms ease-in-out;
+  width: var(--rs-sidebar-width-collapsed);
+}
+.rs-sidebar--pc {
+  --rs-sidebar-active: var(--rs-color-icon-project-pc, #014a9f);
+  --rs-sidebar-hover: var(--rs-color-darkblue-100, #e5ecf5);
+}
+.rs-sidebar--alta {
+  --rs-sidebar-active: var(--rs-color-icon-project-alta, #65ac1e);
+  --rs-sidebar-hover: var(--rs-color-green-100, #edf7e6);
+}
+.rs-sidebar--cc {
+  --rs-sidebar-active: var(--rs-color-icon-project-cc, #49a0d4);
+  --rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb);
+}
+.rs-sidebar--pog {
+  --rs-sidebar-active: var(--rs-color-icon-project-pog, #007c2f);
+  --rs-sidebar-hover: var(--rs-color-navygreen-100, #e5f1ea);
+}
+.rs-sidebar--cyo {
+  --rs-sidebar-active: var(--rs-color-icon-project-cyo, #49a0d4);
+  --rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb);
+}
+.rs-sidebar--expanded,
+.rs-sidebar--mobile-open {
+  overflow: visible;
+  width: var(--rs-sidebar-width-expanded);
+}
+.rs-sidebar__header {
+  align-items: center;
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  gap: 6px;
+  justify-content: flex-start;
+  min-height: 48px;
+  padding: 16px 0;
+}
+.rs-sidebar--expanded .rs-sidebar__header,
+.rs-sidebar--mobile-open .rs-sidebar__header {
+  padding: 16px 12px 16px 16px;
+}
+.rs-sidebar__brand {
+  align-items: center;
+  display: flex;
+  color: var(--rs-sidebar-active);
+  flex: 1;
+  gap: 0;
+  min-width: 0;
+  transition: gap 180ms ease-in-out;
+}
+.rs-sidebar--expanded .rs-sidebar__brand,
+.rs-sidebar--mobile-open .rs-sidebar__brand {
+  gap: 6px;
+}
+.rs-sidebar__module-trigger {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: flex-start;
+  font: inherit;
+  gap: 0;
+  min-width: 0;
+  appearance: none;
+  -webkit-appearance: none;
+  padding: 0;
+  text-align: left;
+  transition: gap 180ms ease-in-out;
+  width: 100%;
+}
+.rs-sidebar--expanded .rs-sidebar__module-trigger,
+.rs-sidebar--mobile-open .rs-sidebar__module-trigger {
+  gap: 6px;
+}
+.rs-sidebar__module-trigger:hover:not(:disabled),
+.rs-sidebar__module-trigger:active:not(:disabled) {
+  background: transparent;
+  color: inherit;
+}
+.rs-sidebar__module-trigger:focus-visible {
+  outline: 2px solid var(--rs-color-stroke-focused, #48a0d4);
+  outline-offset: 2px;
+}
+.rs-sidebar--expanded .rs-sidebar__module-chevron,
+.rs-sidebar--mobile-open .rs-sidebar__module-chevron {
+  margin-left: auto;
+}
+.rs-sidebar__module-trigger > .rs-icon:first-child {
+  margin-left: 24px;
+  transition: margin-left 180ms ease-in-out;
+}
+.rs-sidebar--expanded .rs-sidebar__module-trigger > .rs-icon:first-child,
+.rs-sidebar--mobile-open .rs-sidebar__module-trigger > .rs-icon:first-child {
+  margin-left: 0;
+}
+.rs-sidebar__brand > .rs-icon:first-child {
+  margin-left: 24px;
+  transition: margin-left 180ms ease-in-out;
+}
+.rs-sidebar--expanded .rs-sidebar__brand > .rs-icon:first-child,
+.rs-sidebar--mobile-open .rs-sidebar__brand > .rs-icon:first-child {
+  margin-left: 0;
+}
+.rs-sidebar__title,
+.rs-sidebar__item-label,
+.rs-sidebar__item-chevron,
+.rs-sidebar__module-chevron {
+  max-width: 0;
+  opacity: 0;
+  overflow: hidden;
+  transition:
+    max-width 180ms ease-in-out,
+    opacity 180ms ease-in-out;
+  white-space: nowrap;
+}
+.rs-sidebar--expanded .rs-sidebar__title,
+.rs-sidebar--expanded .rs-sidebar__item-label,
+.rs-sidebar--expanded .rs-sidebar__item-chevron,
+.rs-sidebar--expanded .rs-sidebar__module-chevron,
+.rs-sidebar--mobile-open .rs-sidebar__title,
+.rs-sidebar--mobile-open .rs-sidebar__item-label,
+.rs-sidebar--mobile-open .rs-sidebar__item-chevron,
+.rs-sidebar--mobile-open .rs-sidebar__module-chevron {
+  max-width: 220px;
+  opacity: 1;
+}
+.rs-sidebar__title {
+  color: var(--rs-sidebar-color);
+  font-weight: 400;
+  line-height: 1.2;
+  text-overflow: ellipsis;
+}
+.rs-sidebar__module-menu.p-menu {
+  background: var(--rs-sidebar-background);
+  border: 1px solid var(--rs-sidebar-border);
+  border-radius: 4px;
+  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
+  left: 16px;
+  min-width: calc(var(--rs-sidebar-width-expanded) - 32px);
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  top: 52px;
+  z-index: 20;
+}
+.rs-sidebar__module-menu .p-menu-list {
+  gap: 0;
+  padding: 0;
+}
+.rs-sidebar__module-option .p-menu-item-content {
+  color: var(--rs-sidebar-color);
+  border-radius: 0;
+}
+.rs-sidebar__module-option .p-menu-item-link {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: 1.2;
+  min-height: 38px;
+  padding: 10px 14px;
+}
+.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,
+.rs-sidebar__module-option--active .p-menu-item-content {
+  background: var(--rs-sidebar-hover);
+  color: var(--rs-sidebar-color);
+}
+.rs-sidebar__module-option--disabled .p-menu-item-content {
+  color: var(--rs-sidebar-muted);
+  cursor: not-allowed;
+}
+.rs-sidebar__module-option--disabled .p-menu-item-content:hover {
+  background: transparent;
+}
+.rs-sidebar__module-option.p-focus .p-menu-item-content {
+  background: var(--rs-sidebar-hover);
+  color: var(--rs-sidebar-color);
+}
+.rs-sidebar__module-option.p-focus .p-menu-item-link {
+  outline: 2px solid var(--rs-color-stroke-focused, #48a0d4);
+  outline-offset: -2px;
+}
+.rs-sidebar__header-button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 999px;
+  color: var(--rs-color-icon-secondary, #000000);
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  justify-content: center;
+  appearance: none;
+  -webkit-appearance: none;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 2px;
+}
+.rs-sidebar__header-button:hover:not(:disabled),
+.rs-sidebar__header-button:active:not(:disabled) {
+  background: var(--rs-sidebar-hover) !important;
+  color: var(--rs-color-icon-secondary, #000000);
+}
+.rs-sidebar__header-button:focus-visible,
+.rs-sidebar__item:focus-visible {
+  outline: 2px solid var(--rs-color-stroke-focused, #48a0d4);
+  outline-offset: -2px;
+}
+.rs-sidebar__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 0;
+}
+.rs-sidebar__nav {
+  min-height: 0;
+}
+.rs-sidebar__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.rs-sidebar__item {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-right: 3px solid transparent;
+  box-sizing: border-box;
+  color: var(--rs-sidebar-active);
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-start;
+  font: inherit;
+  font-weight: 300;
+  gap: 8px;
+  appearance: none;
+  -webkit-appearance: none;
+  min-height: 27px;
+  padding: 7px 0;
+  text-align: left;
+  transition: gap 180ms ease-in-out;
+  width: 100%;
+}
+.rs-sidebar--expanded .rs-sidebar__item,
+.rs-sidebar--mobile-open .rs-sidebar__item {
+  padding: 7px 8px 7px 16px;
+}
+.rs-sidebar__item:hover:not(:disabled),
+.rs-sidebar__item:active:not(:disabled) {
+  background: var(--rs-sidebar-hover) !important;
+  color: var(--rs-sidebar-active);
+}
+.rs-sidebar__item:disabled {
+  color: var(--rs-sidebar-muted);
+  cursor: not-allowed;
+  opacity: 1;
+}
+.rs-sidebar__item--active {
+  background: var(--rs-sidebar-hover) !important;
+  border-right-color: var(--rs-sidebar-active);
+}
+.rs-sidebar__item--footer {
+  color: var(--rs-sidebar-color);
+  min-height: 40px;
+  padding-bottom: 16px;
+  padding-top: 16px;
+}
+.rs-sidebar--expanded .rs-sidebar__item--footer,
+.rs-sidebar--mobile-open .rs-sidebar__item--footer {
+  padding-left: 16px;
+}
+.rs-sidebar__item--footer .rs-sidebar__item-icon {
+  color: inherit;
+}
+.rs-sidebar__item-icon {
+  flex: 0 0 auto;
+  color: var(--rs-sidebar-active);
+  margin-left: 24px;
+  transition: margin-left 180ms ease-in-out;
+  width: 24px;
+  height: 24px;
+}
+.rs-sidebar--expanded .rs-sidebar__item-icon,
+.rs-sidebar--mobile-open .rs-sidebar__item-icon {
+  margin-left: 16px;
+}
+.rs-sidebar__brand .rs-icon {
+  width: 24px;
+  height: 24px;
+}
+.rs-sidebar__item-label {
+  color: var(--rs-sidebar-color);
+  min-width: 0;
+  text-overflow: ellipsis;
+}
+.rs-sidebar__item-chevron {
+  margin-left: auto;
+}
+.rs-sidebar__footer {
+  margin-top: auto;
+}
+.rs-sidebar--mobile-open {
+  border-right: 0;
+  bottom: 0;
+  gap: clamp(8px, 4vh, 52px);
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 10000;
+}
+.rs-sidebar--mobile-open .rs-sidebar__header {
+  min-height: 80px;
+}
+.rs-sidebar--mobile-open .rs-sidebar__module-menu {
+  left: 16px;
+  min-width: min(320px, calc(100% - 32px));
+  top: 88px;
+}
+.rs-sidebar--mobile-open .rs-sidebar__item {
+  font-size: 1rem;
+  min-height: 64px;
+  padding-bottom: 20px;
+  padding-top: 20px;
+}