@planningcenter/topbar 10.18.2 → 10.18.3-rc.0

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 (16) hide show
  1. package/dist/topbar.css +1 -1
  2. package/dist/topbar.css.map +1 -1
  3. package/dist/topbar.js +1 -1
  4. package/dist/topbar.js.map +1 -1
  5. package/dist/topbar.modern.js +1 -1
  6. package/dist/topbar.modern.js.map +1 -1
  7. package/dist/topbar.module.js +1 -1
  8. package/dist/topbar.module.js.map +1 -1
  9. package/dist/topbar.umd.js +1 -1
  10. package/dist/topbar.umd.js.map +1 -1
  11. package/dist/types/classic/modules/toolbar/tools/chat/pco_chat.d.ts.map +1 -1
  12. package/dist/types/modules/small_topbar/small_topbar.d.ts.map +1 -1
  13. package/dist/types/modules/small_topbar/user_profile_menu.d.ts.map +1 -1
  14. package/dist/types/modules/toolbar/components/color_mode_switcher.d.ts.map +1 -1
  15. package/dist/types/modules/toolbar/tools/chat/pco_chat.d.ts.map +1 -1
  16. package/package.json +2 -2
package/dist/topbar.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--topbar-height:56px;--topbar-slight-transition:120ms ease-in;--topbar-slight-transition-background:background-color var(--topbar-slight-transition);--topbar-scrollbar-color:var(--t-fill-color-transparency-dark-030) transparent;--topbar-scrollbar-width:thin;--topbar-nav-link-font-size:var(--t-font-size-sm);--topbar-nav-link-font-color:var(--t-text-color-default-headline);--topbar-nav-link-height:var(--t-container-size-md);--topbar-nav-link-background-color:transparent;--topbar-nav-link-padding-x:12px;--topbar-nav-link-border-color:transparent;--topbar-nav-link-border-radius:999px;--topbar-nav-link-transition:var(--topbar-slight-transition-background);--topbar-nav-link-background-color-hover:var(--t-fill-color-transparency-light-040);--topbar-nav-link-background-color-active:var(--t-fill-color-transparency-light-060);--topbar-nav-link-border-color-active:var(--t-fill-color-transparency-light-030);--toolbar-width:64px;--toolbar-inner-width:48px;--toolbar-drawer-width:360px;--toolbar-navbar-height:56px;--content-wrap-border-color:rgba(0,0,0,.08);--content-wrap-shadow-dimensions:0 -1px 0 0}@media (min-width:600px){:root{--topbar-height:64px;--content-wrap-shadow-dimensions:0 0 0 1px}}:root[data-color-mode=dark]{--content-wrap-border-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:dark){:root[data-color-mode=system]{--content-wrap-border-color:hsla(0,0%,100%,.04)}}.hide-scrollbar-9LCh9{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar-9LCh9::-webkit-scrollbar{display:none}.unbutton-lEbTR{-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;display:inline-block;font-family:inherit;outline:0;padding:0}.button-XMbeQ{--_svg-display:none;align-items:center;color:var(--t-text-color-default-primary);display:flex;gap:var(--t-spacing-1);height:100%;padding-left:var(--t-spacing-1);padding-right:var(--t-spacing-1);transition:var(--topbar-slight-transition-background);white-space:nowrap}.button-XMbeQ svg[class^=chevron],.button-XMbeQ svg[data-logo=mono-app-text]{display:var(--_svg-display)}@media (min-width:720px){.button-XMbeQ{--_svg-display:block;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-2)}.button-XMbeQ svg[data-logo=color-app-icon]{height:24px;width:24px}}.button-accounts-nNh-z{color:var(--t-text-color-default-primary);font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-medium);margin-left:var(--t-spacing-quarter)}.chevron-RRg9k{border-radius:100%;display:block;padding:var(--t-spacing-fourth);transition:var(--topbar-slight-transition-background);transition-property:background-color,transform}.chevron-RRg9k polygon{transform:translateY(.5px)}.button-XMbeQ.is-expanded-zD0A0 .chevron-RRg9k,.button-XMbeQ:hover .chevron-RRg9k{background-color:var(--t-fill-color-transparency-light-050)}.button-XMbeQ.is-expanded-zD0A0 .chevron-RRg9k{transform:rotate(180deg)}.popup-sJ-Nv{left:var(--t-spacing-2);max-height:calc(100% - var(--topbar-height) - var(--t-spacing-3));min-width:180px;top:calc(var(--topbar-height) - var(--t-spacing-1))}.popup-root-SeL5u{align-self:flex-end;display:flex}.popup-nQXYW{background:var(--t-surface-color-card);border-radius:var(--t-border-radius-lg);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);opacity:0;overflow:auto;position:absolute;scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);transition:all .12s ease-in;visibility:hidden}.popup-nQXYW.is-visible-3DAUP{opacity:1;transition:none;visibility:visible}.route--8BWe{align-items:center;border:1px solid var(--topbar-nav-link-border-color);border-radius:var(--topbar-nav-link-border-radius);color:var(--topbar-nav-link-font-color)!important;display:inline-flex;font-family:inherit;font-size:var(--topbar-nav-link-font-size);height:var(--topbar-nav-link-height);margin-right:var(--t-spacing-half);padding-left:var(--topbar-nav-link-padding-x);padding-right:var(--topbar-nav-link-padding-x);text-decoration:none;text-transform:capitalize;transition:var(--topbar-nav-link-transition);vertical-align:middle;white-space:nowrap}.route--8BWe:hover{background-color:var(--topbar-nav-link-background-color-hover)}.route--8BWe.is-active-FsU9Y,.route--8BWe:active{background-color:var(--topbar-nav-link-background-color-active);border-color:var(--topbar-nav-link-border-color-active)}.apps-routes-separator-Nlm-N{margin-right:var(--t-spacing-2)}@media (min-width:720px){.apps-routes-separator-Nlm-N{margin-right:var(--t-spacing-3)}}.popup-mDNKn{color:var(--t-text-color-default-primary);margin-top:calc(var(--t-spacing-1)*-1);max-height:calc(100% - var(--topbar-height) - var(--t-spacing-3));max-width:320px;min-width:242px;right:calc(var(--t-spacing-1) + 1px)}.trigger-wrap-Jd-KR{cursor:pointer;margin-left:var(--t-spacing-1);position:relative;white-space:nowrap}.trigger-WgRT5{align-items:center;-moz-appearance:none;appearance:none;background-color:var(--topbar-nav-link-background-color-active);border:1px solid var(--topbar-nav-link-border-color-active);border-radius:var(--topbar-nav-link-border-radius);color:var(--topbar-nav-link-font-color);cursor:pointer;display:flex;font-size:var(--topbar-nav-link-font-size);height:var(--topbar-nav-link-height);justify-content:center;min-width:var(--t-container-size-md);outline:0;padding:0 var(--topbar-nav-link-padding-x);transition:var(--topbar-nav-link-transition)}.trigger-WgRT5 svg{margin-left:calc(var(--t-spacing-1)*-1);margin-right:calc(var(--t-spacing-1)*-1);transition:transform var(--topbar-slight-transition)}.trigger-WgRT5.is-visible-GZC0- svg{transform:rotate(180deg)}.trigger-orgname-TDHCc{margin-right:var(--t-spacing-fourth);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-orgname-TDHCc+svg{color:var(--t-fill-color-transparency-dark-050);margin-left:0;margin-right:calc(var(--t-spacing-fourth)*-1)}.announcement-pI5tM{align-items:center;background-color:rgba(0,0,0,.5);box-sizing:border-box;color:#f0f0f0;-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;font-size:var(--t-font-size-sm);padding:var(--t-spacing-2)}.announcement--platform-EcUn2{background-color:rgba(0,0,0,.6)}.announcement-icon-Ov39-{flex-grow:0;flex-shrink:0}.announcement-content-q2ad6{align-items:center;-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;flex-grow:1;justify-content:space-between}.announcement-pI5tM a{color:currentColor;text-decoration:underline}.announcement-pI5tM a:hover{color:currentColor;text-decoration:none}@media (min-width:600px){.announcement-pI5tM{padding-left:var(--t-spacing-3);padding-right:var(--t-spacing-3)}}.dismiss-wUAoU{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;cursor:pointer;margin:calc(var(--t-spacing-1)*-1);padding:var(--t-spacing-1)}.opt-in-container-ZAm-V{display:flex;flex-direction:column;gap:var(--t-spacing-5);padding:var(--t-spacing-3);position:relative}.opt-in-container-ZAm-V:before{background:radial-gradient(ellipse at bottom right,var(--t-fill-color-product-giving-070),transparent 70%),radial-gradient(ellipse at top left,var(--t-fill-color-product-staff-base),transparent 40%),radial-gradient(ellipse at top right,var(--t-fill-color-product-registrations-050),transparent),radial-gradient(ellipse at center right,var(--t-fill-color-product-services-040),transparent),radial-gradient(ellipse at center left,var(--t-fill-color-product-home-050),transparent);border-radius:var(--t-border-radius-lg);bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.opt-in-content-50x-w,.opt-in-content-50x-w p,.opt-in-content__feedback-vIspl p{color:var(--t-text-color-default-primary);font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-normal);line-height:135%}.opt-in-content__feedback-vIspl p{color:var(--t-text-color-default-secondary)}.opt-in-content__feedback-vIspl p:first-of-type{margin-top:0}.opt-in-content__heading-uK6rl,.opt-in-content__inline-bold-9wIFS{font-weight:var(--t-font-weight-semibold)}.opt-in-content__heading-uK6rl{font-size:var(--t-font-size-md);line-height:140%;margin-top:0}.opt-in-content-50x-w button[role=switch]{justify-content:space-between;text-align:left;width:100%}.phoenix-feedback-iY7jv dialog[open]{color:var(--t-text-color-default-primary)}.phoenix-feedback-iY7jv dialog[open] h1{color:var(--t-text-color-default-headline);font-size:var(--t-font-size-2xl);font-weight:var(--t-font-weight-medium);line-height:140%}.phoenix-feedback-iY7jv dialog[open] form{display:flex;flex-direction:column;gap:var(--t-spacing-2)}.phoenix-feedback-iY7jv dialog[open] form textarea{height:120px}.phoenix-feedback-iY7jv dialog[open] button{color:var(--t-text-color-status-neutral);font-size:var(--t-font-size-md);font-weight:var(--t-font-weight-normal);line-height:1.4}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]){background-color:var(--t-fill-color-button-neutral-outline-dim-default);border:1px solid var(--t-border-color-button-neutral);border-radius:var(--t-border-radius-md)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):hover{background-color:var(--t-fill-color-button-neutral-outline-dim-hover)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type{background-color:var(--t-fill-color-interaction-default);border-color:transparent;color:var(--t-text-color-default-inverted)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type:hover{background-color:var(--t-fill-color-interaction-hover)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type:active{background-color:var(--t-fill-color-interaction-active)}.avatar-tW-wn{background-color:#fff;background-position:50%;background-size:cover;border-radius:50%;height:var(--t-element-size-2xl);margin-left:var(--t-spacing-half);width:var(--t-element-size-2xl)}.appmenu-button-b0UvT{align-items:center;-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;display:flex;height:100%;justify-content:center;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-3)}.appmenu-layer-0IQpN{-webkit-tap-highlight-color:transparent;background-color:var(--t-fill-color-transparency-dark-070);bottom:var(--toolbar-navbar-height);color:#000;display:none;left:0;position:fixed;right:0;top:0;-moz-user-select:none;user-select:none}.appmenu-container-gackd{background-color:var(--t-surface-color-card);display:flex;flex-direction:column;height:calc(100% - env(safe-area-inset-bottom));overflow:hidden;position:relative;width:calc(100% - var(--t-spacing-7))}.appmenu-scroll-mPSx0{overflow:auto;scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width)}.appmenu-list-h7clX{list-style:none;margin:0;padding:0}.appmenu-list-a-rGIQN{align-items:center;color:var(--t-text-color-default-primary);display:flex;font-size:var(--t-font-size-sm);min-height:var(--t-container-size-lg);padding:var(--t-spacing-half) var(--t-spacing-2);text-decoration:none}.appmenu-list-a--top-RT-2F{border-bottom:1px solid var(--t-border-color-default-base);min-height:var(--t-container-size-xl)}.appmenu-list-a--bottom-YDeBC{border-top:1px solid var(--t-border-color-default-base);min-height:var(--t-container-size-xl)}.appmenu-list-a--bottom-YDeBC svg{display:block;margin-left:calc(var(--t-spacing-fourth)*-1);margin-right:var(--t-spacing-half)}.appmenu-close-button-vv9bV{padding:0;position:absolute;right:var(--t-spacing-2);top:calc(var(--t-spacing-1) + var(--t-spacing-half))}.appmenu-close-button-vv9bV,.current-route-wpJgz{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0}.current-route-wpJgz{align-items:center;color:var(--t-text-color-default-headline);-moz-column-gap:var(--t-spacing-half);column-gap:var(--t-spacing-half);display:flex;flex-grow:1;font:inherit;justify-content:center;line-height:var(--topbar-height);text-align:center}.current-route-wpJgz svg{transition:transform var(--topbar-slight-transition);vertical-align:middle}.current-route-wpJgz.is-active-wy8Bg svg{transform:rotate(180deg)}.routes-Nmt1S{background-color:var(--t-surface-color-card);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--topbar-height) - 1px);max-width:360px;overflow:auto;padding:var(--t-spacing-2);position:absolute;row-gap:var(--t-spacing-half);scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);top:calc(var(--topbar-height) - var(--t-spacing-half));transform:translateX(-50%);width:calc(100% - var(--t-spacing-4))}.route-kkknQ,.routes-Nmt1S{border-radius:var(--t-border-radius-lg)}.route-kkknQ{color:var(--t-text-color-default-primary);display:block;font-family:inherit;font-size:var(--t-font-size-sm);padding-bottom:12px;padding-top:12px;position:relative;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.route-kkknQ:hover{background-color:var(--t-fill-color-button-interaction-outline-dim-hover)}.route-kkknQ.is-active-wy8Bg{background-color:var(--t-fill-color-button-interaction-outline-dim-active);color:var(--t-text-color-default-headline);font-weight:var(--t-font-weight-semibold)}.profile-button-a2WO2{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;padding:var(--t-spacing-2)}.color-mode-switcher-JpczO{border:0;padding:0}.color-mode-switcher-label-3jPM2{display:inline-block;font-weight:var(--t-font-weight-semibold);margin-bottom:var(--t-spacing-1)}.color-mode-switcher-label-beta-pwv5t{background-color:var(--t-fill-color-status-neutral-ghost);border-radius:var(--t-border-radius-sm);color:var(--t-text-color-status-secondary);font-size:var(--t-font-size-xs);font-weight:var(--t-font-weight-semibold);line-height:var(--t-element-size-sm);padding:0 var(--t-spacing-1);text-transform:uppercase;vertical-align:middle}.color-mode-switcher-modes-u-bic{border:1px solid var(--t-border-color-default-base);border-radius:var(--t-border-radius-md);display:flex;gap:var(--t-spacing-half);padding:var(--t-spacing-half)}.color-mode-switcher-modes-u-bic input[type=radio]{opacity:0;pointer-events:none;position:absolute}.color-mode-switcher-modes-u-bic label{align-items:center;border-radius:var(--t-border-radius-sm);display:inline-flex;flex-grow:1;justify-content:center;margin:0;min-height:var(--t-element-size-xl);-moz-user-select:none;user-select:none}.color-mode-switcher-modes-u-bic label:hover{background:var(--t-fill-color-button-neutral-ghost-hover)}.color-mode-switcher-modes-u-bic label:has(input:focus-visible){outline:auto}.color-mode-switcher-modes-u-bic svg{display:none}@media (min-width:360px){.color-mode-switcher-modes-u-bic svg{display:block}}.color-mode-switcher-modes-u-bic svg{margin-right:var(--t-spacing-half)}.color-mode-switcher-modes-u-bic svg path{stroke:var(--t-icon-color-default-dim)}.color-mode-switcher-modes-u-bic label,.color-mode-switcher-modes-u-bic svg path{transition-duration:.1s;transition-property:color,background-color,stroke;transition-timing-function:linear}.color-mode-switcher-modes-u-bic label:has(input:checked){background-color:var(--t-fill-color-status-info-ghost);color:var(--t-text-color-status-info)}.color-mode-switcher-modes-u-bic label:has(input:checked) svg path{stroke:var(--t-icon-color-status-info-primary)}.drawer-wrap-J0rSL{background-color:var(--t-surface-color-card);bottom:var(--toolbar-navbar-height);display:none;overflow:hidden;position:fixed;top:0;width:100%}.drawer-wrap-J0rSL.is-visible-KTME8{display:block}.drawer-j7f4l{display:flex;flex-direction:column;height:100%;overflow:auto;scrollbar-color:var(--t-fill-color-transparency-dark-030);scrollbar-width:var(--topbar-scrollbar-width)}@media (min-width:600px){.drawer-wrap-J0rSL{border-radius:6px;bottom:var(--t-spacing-2);box-shadow:0 0 0 1px var(--content-wrap-border-color),0 4px 12px 2px rgba(0,0,0,.16);display:block;opacity:0;position:absolute;right:calc(var(--toolbar-drawer-width)*-1);top:calc(var(--topbar-height) + var(--t-spacing-1));transform:translateX(var(--t-spacing-1));transition-delay:0s,0s,.1s;transition-duration:.1s;transition-property:opacity,transform,right;transition-timing-function:ease-in-out;width:var(--toolbar-drawer-width)}.drawer-wrap-J0rSL.is-visible-KTME8{opacity:1;right:calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);transform:translateX(0);transition-delay:0s;transition-property:opacity,transform}}.indicator-dot-MdX3N{background-color:#33adff;background:radial-gradient(#33adff 50%,transparent 0);border-radius:50%;box-shadow:inset 0 0 0 2px #b1bfda;height:12px;pointer-events:none;position:absolute;width:12px;z-index:6}.indicator-dot-MdX3N.is-active-mlX23{box-shadow:inset 0 0 0 2px var(--t-fill-color-neutral-100);height:10px;transform:translateX(-1.5px) translateY(1.5px);width:10px}.toolbar-KHJR5{display:flex;gap:var(--t-spacing-1);height:var(--toolbar-navbar-height);padding:var(--t-spacing-1);padding-top:calc(var(--t-spacing-1) - 1px);width:100vw}.toolbar-button-Ye4h5{align-items:center;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:var(--t-border-radius-lg);color:var(--t-fill-color-transparency-dark-060);cursor:pointer;display:inline-flex;flex-grow:1;font:inherit;justify-content:center;transition:var(--topbar-slight-transition-background)}.toolbar-button-Ye4h5:hover{background-color:var(--t-fill-color-button-interaction-ghost-hover)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-button-interaction-ghost-active);color:var(--t-fill-color-transparency-dark-080)}.toolbar-button--avatar-5FUik{display:none}.toolbar-button--avatar-5FUik>div{aspect-ratio:1/1;height:auto;margin-left:0;width:var(--t-container-size-md)}.toolbar-button--home-Pthd0{color:#2265f7}@media (min-width:600px){.toolbar-KHJR5{flex-direction:column;height:auto;padding-top:var(--t-spacing-1);width:var(--toolbar-width)}.toolbar-button-Ye4h5{aspect-ratio:1/1}.toolbar-button-Ye4h5:hover{background-color:var(--t-fill-color-transparency-light-040)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-transparency-light-060);border-color:var(--t-fill-color-transparency-light-030);color:var(--t-fill-color-transparency-dark-080)}.toolbar-button--avatar-5FUik{display:inline-flex}.toolbar-button--home-Pthd0{display:none}}
1
+ :root{--topbar-height:56px;--topbar-slight-transition:120ms ease-in;--topbar-slight-transition-background:background-color var(--topbar-slight-transition);--topbar-scrollbar-color:var(--t-fill-color-transparency-dark-030) transparent;--topbar-scrollbar-width:thin;--topbar-nav-link-font-size:var(--t-font-size-sm);--topbar-nav-link-font-color:var(--t-text-color-default-headline);--topbar-nav-link-height:var(--t-container-size-md);--topbar-nav-link-background-color:transparent;--topbar-nav-link-padding-x:12px;--topbar-nav-link-border-color:transparent;--topbar-nav-link-border-radius:999px;--topbar-nav-link-transition:var(--topbar-slight-transition-background);--topbar-nav-link-background-color-hover:var(--t-fill-color-transparency-light-040);--topbar-nav-link-background-color-active:var(--t-fill-color-transparency-light-060);--topbar-nav-link-border-color-active:var(--t-fill-color-transparency-light-030);--toolbar-width:64px;--toolbar-inner-width:48px;--toolbar-drawer-width:360px;--toolbar-navbar-height:56px;--content-wrap-border-color:rgba(0,0,0,.08);--content-wrap-shadow-dimensions:0 -1px 0 0}@media (min-width:600px){:root{--topbar-height:64px;--content-wrap-shadow-dimensions:0 0 0 1px}}:root[data-color-mode=dark]{--topbar-nav-link-background-color-hover:var(--t-fill-color-transparency-light-020);--topbar-nav-link-background-color-active:var(--t-fill-color-transparency-light-030);--topbar-nav-link-border-color-active:var(--t-fill-color-transparency-light-010);--content-wrap-border-color:hsla(0,0%,100%,.04)}@media (prefers-color-scheme:dark){:root[data-color-mode=system]{--topbar-nav-link-background-color-hover:var(--t-fill-color-transparency-light-020);--topbar-nav-link-background-color-active:var(--t-fill-color-transparency-light-030);--topbar-nav-link-border-color-active:var(--t-fill-color-transparency-light-010);--content-wrap-border-color:hsla(0,0%,100%,.04)}}.page-wrap:has(div[class^=appmenu-layer][style*="display: block"],div[data-small-topbar-user-profile-menu-wrap][style*="display: block"]) .topbar-wrap{z-index:auto!important}.hide-scrollbar-9LCh9{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar-9LCh9::-webkit-scrollbar{display:none}.unbutton-lEbTR{-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;display:inline-block;font-family:inherit;outline:0;padding:0}.button-XMbeQ{--_svg-display:none;align-items:center;color:var(--t-text-color-default-primary);display:flex;gap:var(--t-spacing-1);height:100%;padding-left:var(--t-spacing-1);padding-right:var(--t-spacing-1);transition:var(--topbar-slight-transition-background);white-space:nowrap}.button-XMbeQ svg[class^=chevron],.button-XMbeQ svg[data-logo=mono-app-text]{display:var(--_svg-display)}@media (min-width:720px){.button-XMbeQ{--_svg-display:block;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-2)}.button-XMbeQ svg[data-logo=color-app-icon]{height:24px;width:24px}}.button-accounts-nNh-z{color:var(--t-text-color-default-primary);font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-medium);margin-left:var(--t-spacing-quarter)}.chevron-RRg9k{border-radius:100%;display:block;padding:var(--t-spacing-fourth);transition:var(--topbar-slight-transition-background);transition-property:background-color,transform}.chevron-RRg9k polygon{transform:translateY(.5px)}.button-XMbeQ.is-expanded-zD0A0 .chevron-RRg9k,.button-XMbeQ:hover .chevron-RRg9k{background-color:var(--t-fill-color-transparency-light-050)}.button-XMbeQ.is-expanded-zD0A0 .chevron-RRg9k{transform:rotate(180deg)}.popup-sJ-Nv{left:var(--t-spacing-2);max-height:calc(100% - var(--topbar-height) - var(--t-spacing-3));min-width:180px;top:calc(var(--topbar-height) - var(--t-spacing-1))}.popup-root-SeL5u{align-self:flex-end;display:flex}.popup-nQXYW{background:var(--t-surface-color-card);border-radius:var(--t-border-radius-lg);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);opacity:0;overflow:auto;position:absolute;scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);transition:all .12s ease-in;visibility:hidden}.popup-nQXYW.is-visible-3DAUP{opacity:1;transition:none;visibility:visible}.route--8BWe{align-items:center;border:1px solid var(--topbar-nav-link-border-color);border-radius:var(--topbar-nav-link-border-radius);color:var(--topbar-nav-link-font-color)!important;display:inline-flex;font-family:inherit;font-size:var(--topbar-nav-link-font-size);height:var(--topbar-nav-link-height);margin-right:var(--t-spacing-half);padding-left:var(--topbar-nav-link-padding-x);padding-right:var(--topbar-nav-link-padding-x);text-decoration:none;text-transform:capitalize;transition:var(--topbar-nav-link-transition);vertical-align:middle;white-space:nowrap}.route--8BWe:hover{background-color:var(--topbar-nav-link-background-color-hover)}.route--8BWe.is-active-FsU9Y,.route--8BWe:active{background-color:var(--topbar-nav-link-background-color-active);border-color:var(--topbar-nav-link-border-color-active)}.apps-routes-separator-Nlm-N{margin-right:var(--t-spacing-2)}@media (min-width:720px){.apps-routes-separator-Nlm-N{margin-right:var(--t-spacing-3)}}.popup-mDNKn{color:var(--t-text-color-default-primary);margin-top:calc(var(--t-spacing-1)*-1);max-height:calc(100% - var(--topbar-height) - var(--t-spacing-3));max-width:320px;min-width:242px;right:calc(var(--t-spacing-1) + 1px)}.trigger-wrap-Jd-KR{cursor:pointer;margin-left:var(--t-spacing-1);position:relative;white-space:nowrap}.trigger-WgRT5{align-items:center;-moz-appearance:none;appearance:none;background-color:var(--topbar-nav-link-background-color-active);border:1px solid var(--topbar-nav-link-border-color-active);border-radius:var(--topbar-nav-link-border-radius);color:var(--topbar-nav-link-font-color);cursor:pointer;display:flex;font-size:var(--topbar-nav-link-font-size);height:var(--topbar-nav-link-height);justify-content:center;min-width:var(--t-container-size-md);outline:0;padding:0 var(--topbar-nav-link-padding-x);transition:var(--topbar-nav-link-transition)}.trigger-WgRT5 svg{margin-left:calc(var(--t-spacing-1)*-1);margin-right:calc(var(--t-spacing-1)*-1);transition:transform var(--topbar-slight-transition)}.trigger-WgRT5.is-visible-GZC0- svg{transform:rotate(180deg)}.trigger-orgname-TDHCc{margin-right:var(--t-spacing-fourth);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-orgname-TDHCc+svg{color:var(--t-fill-color-transparency-dark-050);margin-left:0;margin-right:calc(var(--t-spacing-fourth)*-1)}.announcement-pI5tM{align-items:center;background-color:rgba(0,0,0,.5);box-sizing:border-box;color:#f0f0f0;-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;font-size:var(--t-font-size-sm);padding:var(--t-spacing-2)}.announcement--platform-EcUn2{background-color:rgba(0,0,0,.6)}.announcement-icon-Ov39-{flex-grow:0;flex-shrink:0}.announcement-content-q2ad6{align-items:center;-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;flex-grow:1;justify-content:space-between}.announcement-pI5tM a{color:currentColor;text-decoration:underline}.announcement-pI5tM a:hover{color:currentColor;text-decoration:none}@media (min-width:600px){.announcement-pI5tM{padding-left:var(--t-spacing-3);padding-right:var(--t-spacing-3)}}.dismiss-wUAoU{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;cursor:pointer;margin:calc(var(--t-spacing-1)*-1);padding:var(--t-spacing-1)}.opt-in-container-ZAm-V{display:flex;flex-direction:column;gap:var(--t-spacing-5);padding:var(--t-spacing-3);position:relative}.opt-in-container-ZAm-V:before{background:radial-gradient(ellipse at bottom right,var(--t-fill-color-product-giving-070),transparent 70%),radial-gradient(ellipse at top left,var(--t-fill-color-product-staff-base),transparent 40%),radial-gradient(ellipse at top right,var(--t-fill-color-product-registrations-050),transparent),radial-gradient(ellipse at center right,var(--t-fill-color-product-services-040),transparent),radial-gradient(ellipse at center left,var(--t-fill-color-product-home-050),transparent);border-radius:var(--t-border-radius-lg);bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.opt-in-content-50x-w,.opt-in-content-50x-w p,.opt-in-content__feedback-vIspl p{color:var(--t-text-color-default-primary);font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-normal);line-height:135%}.opt-in-content__feedback-vIspl p{color:var(--t-text-color-default-secondary)}.opt-in-content__feedback-vIspl p:first-of-type{margin-top:0}.opt-in-content__heading-uK6rl,.opt-in-content__inline-bold-9wIFS{font-weight:var(--t-font-weight-semibold)}.opt-in-content__heading-uK6rl{font-size:var(--t-font-size-md);line-height:140%;margin-top:0}.opt-in-content-50x-w button[role=switch]{justify-content:space-between;text-align:left;width:100%}.phoenix-feedback-iY7jv dialog[open]{color:var(--t-text-color-default-primary)}.phoenix-feedback-iY7jv dialog[open] h1{color:var(--t-text-color-default-headline);font-size:var(--t-font-size-2xl);font-weight:var(--t-font-weight-medium);line-height:140%}.phoenix-feedback-iY7jv dialog[open] form{display:flex;flex-direction:column;gap:var(--t-spacing-2)}.phoenix-feedback-iY7jv dialog[open] form textarea{height:120px}.phoenix-feedback-iY7jv dialog[open] button{color:var(--t-text-color-status-neutral);font-size:var(--t-font-size-md);font-weight:var(--t-font-weight-normal);line-height:1.4}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]){background-color:var(--t-fill-color-button-neutral-outline-dim-default);border:1px solid var(--t-border-color-button-neutral);border-radius:var(--t-border-radius-md)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):hover{background-color:var(--t-fill-color-button-neutral-outline-dim-hover)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type{background-color:var(--t-fill-color-interaction-default);border-color:transparent;color:var(--t-text-color-default-inverted)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type:hover{background-color:var(--t-fill-color-interaction-hover)}.phoenix-feedback-iY7jv dialog[open] button:not([aria-label]):last-of-type:active{background-color:var(--t-fill-color-interaction-active)}.avatar-tW-wn{background-color:#fff;background-position:50%;background-size:cover;border-radius:50%;height:var(--t-element-size-2xl);margin-left:var(--t-spacing-half);width:var(--t-element-size-2xl)}.appmenu-button-b0UvT{align-items:center;-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;display:flex;height:100%;justify-content:center;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-3)}.appmenu-layer-0IQpN{-webkit-tap-highlight-color:transparent;background-color:var(--t-fill-color-transparency-dark-static-070);bottom:var(--toolbar-navbar-height);color:#000;display:none;left:0;position:fixed;right:0;top:0;-moz-user-select:none;user-select:none;z-index:100}.appmenu-container-gackd{background-color:var(--t-surface-color-card);display:flex;flex-direction:column;height:calc(100% - env(safe-area-inset-bottom));overflow:hidden;position:relative;width:calc(100% - var(--t-spacing-7))}.appmenu-scroll-mPSx0{overflow:auto;scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width)}.appmenu-list-h7clX{list-style:none;margin:0;padding:0}.appmenu-list-a-rGIQN{align-items:center;color:var(--t-text-color-default-primary);display:flex;font-size:var(--t-font-size-sm);min-height:var(--t-container-size-lg);padding:var(--t-spacing-half) var(--t-spacing-2);text-decoration:none}.appmenu-list-a--top-RT-2F{border-bottom:1px solid var(--t-border-color-default-base);min-height:var(--t-container-size-xl)}.appmenu-list-a--bottom-YDeBC{border-top:1px solid var(--t-border-color-default-base);min-height:var(--t-container-size-xl)}.appmenu-list-a--bottom-YDeBC svg{display:block;margin-left:calc(var(--t-spacing-fourth)*-1);margin-right:var(--t-spacing-half)}.appmenu-close-button-vv9bV{padding:0;position:absolute;right:var(--t-spacing-2);top:calc(var(--t-spacing-1) + var(--t-spacing-half))}.appmenu-close-button-vv9bV,.current-route-wpJgz{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0}.current-route-wpJgz{align-items:center;color:var(--t-text-color-default-headline);-moz-column-gap:var(--t-spacing-half);column-gap:var(--t-spacing-half);display:flex;flex-grow:1;font:inherit;justify-content:center;line-height:var(--topbar-height);text-align:center}.current-route-wpJgz svg{transition:transform var(--topbar-slight-transition);vertical-align:middle}.current-route-wpJgz.is-active-wy8Bg svg{transform:rotate(180deg)}.routes-Nmt1S{background-color:var(--t-surface-color-card);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--topbar-height) - 1px);max-width:360px;overflow:auto;padding:var(--t-spacing-2);position:absolute;row-gap:var(--t-spacing-half);scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);top:calc(var(--topbar-height) - var(--t-spacing-half));transform:translateX(-50%);width:calc(100% - var(--t-spacing-4))}.route-kkknQ,.routes-Nmt1S{border-radius:var(--t-border-radius-lg)}.route-kkknQ{color:var(--t-text-color-default-primary);display:block;font-family:inherit;font-size:var(--t-font-size-sm);padding-bottom:12px;padding-top:12px;position:relative;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.route-kkknQ:hover{background-color:var(--t-fill-color-button-interaction-outline-dim-hover)}.route-kkknQ.is-active-wy8Bg{background-color:var(--t-fill-color-button-interaction-outline-dim-active);color:var(--t-text-color-default-headline);font-weight:var(--t-font-weight-semibold)}.profile-button-a2WO2{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;padding:var(--t-spacing-2)}.color-mode-switcher-JpczO{border:0;color:var(--t-text-color-default-primary);padding:0}.color-mode-switcher-label-3jPM2{display:inline-block;font-weight:var(--t-font-weight-semibold);margin-bottom:var(--t-spacing-1)}.color-mode-switcher-label-beta-pwv5t{background-color:var(--t-fill-color-status-neutral-ghost);border-radius:var(--t-border-radius-sm);color:var(--t-text-color-status-secondary);font-size:var(--t-font-size-xs);font-weight:var(--t-font-weight-semibold);line-height:var(--t-element-size-sm);padding:0 var(--t-spacing-1);text-transform:uppercase;vertical-align:middle}.color-mode-switcher-modes-u-bic{border:1px solid var(--t-border-color-default-base);border-radius:var(--t-border-radius-md);container-type:inline-size;display:flex;gap:var(--t-spacing-half);padding:var(--t-spacing-half)}.color-mode-switcher-modes-u-bic input[type=radio]{opacity:0;pointer-events:none;position:absolute}.color-mode-switcher-modes-u-bic label{align-items:center;border-radius:var(--t-border-radius-sm);display:inline-flex;flex-grow:1;justify-content:center;margin:0;min-height:var(--t-element-size-xl);position:relative;-moz-user-select:none;user-select:none}.color-mode-switcher-modes-u-bic label:hover{background:var(--t-fill-color-button-neutral-ghost-hover)}.color-mode-switcher-modes-u-bic label:has(input:focus-visible){outline:auto}.color-mode-switcher-modes-u-bic svg{display:none}@container (width >= 256px){.color-mode-switcher-modes-u-bic svg{display:block}}.color-mode-switcher-modes-u-bic svg{margin-right:var(--t-spacing-half)}.color-mode-switcher-modes-u-bic svg path{stroke:var(--t-icon-color-default-dim)}.color-mode-switcher-modes-u-bic label,.color-mode-switcher-modes-u-bic svg path{transition-duration:.1s;transition-property:color,background-color,stroke;transition-timing-function:linear}.color-mode-switcher-modes-u-bic label:has(input:checked){background-color:var(--t-fill-color-status-info-ghost);color:var(--t-text-color-status-info)}.color-mode-switcher-modes-u-bic label:has(input:checked) svg path{stroke:var(--t-icon-color-status-info-primary)}.drawer-wrap-J0rSL{background-color:var(--t-surface-color-card);bottom:var(--toolbar-navbar-height);display:none;overflow:hidden;position:fixed;top:0;width:100%}.drawer-wrap-J0rSL.is-visible-KTME8{display:block}.drawer-j7f4l{display:flex;flex-direction:column;height:100%;overflow:auto;scrollbar-color:var(--t-fill-color-transparency-dark-030);scrollbar-width:var(--topbar-scrollbar-width)}@media (min-width:600px){.drawer-wrap-J0rSL{border-radius:6px;bottom:var(--t-spacing-2);box-shadow:0 0 0 1px var(--content-wrap-border-color),0 4px 12px 2px rgba(0,0,0,.16);display:block;opacity:0;position:absolute;right:calc(var(--toolbar-drawer-width)*-1);top:calc(var(--topbar-height) + var(--t-spacing-1));transform:translateX(var(--t-spacing-1));transition-delay:0s,0s,.1s;transition-duration:.1s;transition-property:opacity,transform,right;transition-timing-function:ease-in-out;width:var(--toolbar-drawer-width)}.drawer-wrap-J0rSL.is-visible-KTME8{opacity:1;right:calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);transform:translateX(0);transition-delay:0s;transition-property:opacity,transform}}.indicator-dot-MdX3N{background-color:#33adff;background:radial-gradient(#33adff 50%,transparent 0);border-radius:50%;box-shadow:inset 0 0 0 2px #b1bfda;height:12px;pointer-events:none;position:absolute;width:12px;z-index:6}.indicator-dot-MdX3N.is-active-mlX23{box-shadow:inset 0 0 0 2px var(--t-fill-color-neutral-100);height:10px;transform:translateX(-1.5px) translateY(1.5px);width:10px}.toolbar-KHJR5{display:flex;gap:var(--t-spacing-1);height:var(--toolbar-navbar-height);padding:var(--t-spacing-1);padding-top:calc(var(--t-spacing-1) - 1px);width:100vw}.toolbar-button-Ye4h5{align-items:center;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:var(--t-border-radius-lg);color:var(--t-fill-color-transparency-dark-060);cursor:pointer;display:inline-flex;flex-grow:1;font:inherit;justify-content:center;transition:var(--topbar-slight-transition-background)}.toolbar-button-Ye4h5:hover{background-color:var(--t-fill-color-button-interaction-ghost-hover)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-button-interaction-ghost-active);color:var(--t-fill-color-transparency-dark-080)}.toolbar-button--avatar-5FUik{display:none}.toolbar-button--avatar-5FUik>div{aspect-ratio:1/1;height:auto;margin-left:0;width:var(--t-container-size-md)}.toolbar-button--home-Pthd0{color:#2265f7}@media (min-width:600px){.toolbar-KHJR5{flex-direction:column;height:auto;padding-top:var(--t-spacing-1);width:var(--toolbar-width)}.toolbar-button-Ye4h5{aspect-ratio:1/1}.toolbar-button-Ye4h5:hover{background-color:var(--t-fill-color-transparency-light-040)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-transparency-light-060);border-color:var(--t-fill-color-transparency-light-030);color:var(--t-fill-color-transparency-dark-080)}.toolbar-button--avatar-5FUik{display:inline-flex}.toolbar-button--home-Pthd0{display:none}}
2
2
  /*# sourceMappingURL=topbar.css.map */
package/dist/topbar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["topbar.scss","unbutton.module.css","apps_button.module.scss","apps_menu.module.css","popup.module.css","styles.module.css","user_menu.module.css","phoenix_opt_in.module.scss","avatar.module.css","color_mode_switcher.module.scss","drawer.module.css","indicator_dot.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":[":root {\n --topbar-height: 56px;\n --topbar-slight-transition: 120ms ease-in;\n --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n --topbar-scrollbar-width: thin;\n --topbar-nav-link-font-size: var(--t-font-size-sm);\n --topbar-nav-link-font-color: var(--t-text-color-default-headline);\n --topbar-nav-link-height: var(--t-container-size-md);\n --topbar-nav-link-background-color: transparent;\n --topbar-nav-link-padding-x: 12px;\n --topbar-nav-link-border-color: transparent;\n --topbar-nav-link-border-radius: 999px;\n --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n --toolbar-width: 64px;\n --toolbar-inner-width: 48px;\n --toolbar-drawer-width: 360px;\n --toolbar-navbar-height: 56px;\n --content-wrap-border-color: hsl(0 0% 0% / 0.08);\n --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n :root {\n --topbar-height: 64px;\n --content-wrap-shadow-dimensions: 0 0 0 1px;\n }\n}\n:root[data-color-mode=dark] {\n --content-wrap-border-color: hsl(0 0% 100% / 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n :root[data-color-mode=system] {\n --content-wrap-border-color: hsl(0 0% 100% / 0.04);\n }\n}\n.hide-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n display: none; /* Chrome, Safari, and Opera */\n}",".unbutton {\n font-family: inherit;\n appearance: none;\n background-color: transparent;\n border: none;\n cursor: pointer;\n display: inline-block;\n outline: 0;\n padding: 0;\n}\n",".button {\n color: var(--t-text-color-default-primary);\n padding-left: var(--t-spacing-1);\n padding-right: var(--t-spacing-1);\n height: 100%;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: var(--t-spacing-1);\n transition: var(--topbar-slight-transition-background);\n --_svg-display: none;\n}\n.button svg[data-logo=mono-app-text],\n.button svg[class^=chevron] {\n display: var(--_svg-display);\n}\n@media (min-width: 720px) {\n .button {\n --_svg-display: block;\n padding-left: var(--t-spacing-2);\n padding-right: var(--t-spacing-2);\n }\n .button svg[data-logo=color-app-icon] {\n width: 24px;\n height: 24px;\n }\n}\n\n.button-accounts {\n color: var(--t-text-color-default-primary);\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-medium);\n margin-left: var(--t-spacing-quarter);\n}\n\n.chevron {\n border-radius: 100%;\n padding: var(--t-spacing-fourth);\n display: block;\n transition: var(--topbar-slight-transition-background);\n transition-property: background-color, transform;\n}\n\n.chevron polygon {\n transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n background-color: var(--t-fill-color-transparency-light-050);\n}\n\n.button.is-expanded .chevron {\n transform: rotate(180deg);\n}",".popup {\n top: calc(var(--topbar-height) - var(--t-spacing-1));\n left: var(--t-spacing-2);\n min-width: 180px;\n max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".popup-root {\n display: flex;\n align-self: flex-end;\n}\n\n.popup {\n background: var(--t-surface-color-card);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05),\n 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n border-radius: var(--t-border-radius-lg);\n position: absolute;\n\n overflow: auto;\n scrollbar-color: var(--topbar-scrollbar-color);\n scrollbar-width: var(--topbar-scrollbar-width);\n\n opacity: 0;\n visibility: hidden;\n transition: all 120ms ease-in;\n}\n.popup.is-visible {\n opacity: 1;\n transition: none;\n visibility: visible;\n}\n",".toolbar {\n display: flex;\n width: 100vw;\n height: var(--toolbar-navbar-height);\n padding: var(--t-spacing-1);\n padding-top: calc(var(--t-spacing-1) - 1px);\n gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n font: inherit;\n color: var(--t-fill-color-transparency-dark-060);\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: var(--t-border-radius-lg);\n flex-grow: 1;\n transition: var(--topbar-slight-transition-background);\n cursor: pointer;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.toolbar-button:hover {\n background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n color: var(--t-fill-color-transparency-dark-080);\n background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n display: none;\n}\n.toolbar-button--avatar > div {\n margin-left: 0;\n width: var(--t-container-size-md);\n height: auto;\n aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n color: hsl(221 93% 55%);\n}\n\n@media (min-width: 600px) {\n .toolbar {\n width: var(--toolbar-width);\n height: auto;\n padding-top: var(--t-spacing-1);\n flex-direction: column;\n }\n\n .toolbar-button {\n aspect-ratio: 1 / 1;\n }\n .toolbar-button:hover {\n background-color: var(--t-fill-color-transparency-light-040);\n }\n .toolbar-button:active,\n .toolbar-button.is-current {\n color: var(--t-fill-color-transparency-dark-080);\n background-color: var(--t-fill-color-transparency-light-060);\n border-color: var(--t-fill-color-transparency-light-030);\n }\n\n .toolbar-button--avatar {\n display: inline-flex;\n }\n\n .toolbar-button--home {\n display: none;\n }\n}\n",".popup {\n color: var(--t-text-color-default-primary);\n min-width: 242px;\n max-width: 320px;\n margin-top: calc(var(--t-spacing-1) * -1);\n right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px } */\n max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n margin-left: var(--t-spacing-1);\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.trigger {\n font-size: var(--topbar-nav-link-font-size);\n color: var(--topbar-nav-link-font-color);\n height: var(--topbar-nav-link-height);\n background-color: var(--topbar-nav-link-background-color-active);\n padding: 0 var(--topbar-nav-link-padding-x);\n border: 1px solid var(--topbar-nav-link-border-color-active);\n border-radius: var(--topbar-nav-link-border-radius);\n min-width: var(--t-container-size-md);\n transition: var(--topbar-nav-link-transition);\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n appearance: none;\n cursor: pointer;\n}\n\n.trigger svg {\n transition: transform var(--topbar-slight-transition);\n /* Negative margin ensures button is a circle when orgname isn’t visible */\n margin-left: calc(var(--t-spacing-1) * -1);\n margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n transform: rotate(180deg);\n}\n\n.trigger-orgname {\n max-width: 240px;\n margin-right: var(--t-spacing-fourth);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n color: var(--t-fill-color-transparency-dark-050);\n /* Correct margin for when orgname is visible */\n margin-left: 0;\n margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".opt-in-container {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-5);\n padding: var(--t-spacing-3);\n position: relative;\n}\n\n.opt-in-container::before {\n background: radial-gradient(ellipse at bottom right, var(--t-fill-color-product-giving-070), transparent 70%), radial-gradient(ellipse at top left, var(--t-fill-color-product-staff-base), transparent 40%), radial-gradient(ellipse at top right, var(--t-fill-color-product-registrations-050), transparent), radial-gradient(ellipse at center right, var(--t-fill-color-product-services-040), transparent), radial-gradient(ellipse at center left, var(--t-fill-color-product-home-050), transparent);\n border-radius: var(--t-border-radius-lg);\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0.2;\n}\n\n.opt-in-content,\n.opt-in-content p,\n.opt-in-content__feedback p {\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-normal);\n line-height: 135%;\n color: var(--t-text-color-default-primary);\n}\n\n.opt-in-content__feedback p {\n color: var(--t-text-color-default-secondary);\n}\n.opt-in-content__feedback p:first-of-type {\n margin-top: 0;\n}\n\n.opt-in-content__inline-bold {\n font-weight: var(--t-font-weight-semibold);\n}\n\n.opt-in-content__heading {\n font-size: var(--t-font-size-md);\n font-weight: var(--t-font-weight-semibold);\n line-height: 140%;\n margin-top: 0;\n}\n\n/* Override ToggleSwitch styling */\n.opt-in-content button[role=switch] {\n width: 100%;\n justify-content: space-between;\n text-align: left;\n}\n\n/* Override Dialog styling */\n.phoenix-feedback dialog[open] {\n color: var(--t-text-color-default-primary);\n}\n.phoenix-feedback dialog[open] h1 {\n color: var(--t-text-color-default-headline);\n font-size: var(--t-font-size-2xl);\n font-weight: var(--t-font-weight-medium);\n line-height: 140%;\n}\n.phoenix-feedback dialog[open] form {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2);\n}\n.phoenix-feedback dialog[open] form textarea {\n height: 120px;\n}\n.phoenix-feedback dialog[open] button {\n color: var(--t-text-color-status-neutral);\n font-size: var(--t-font-size-md);\n font-weight: var(--t-font-weight-normal);\n line-height: 1.4;\n}\n.phoenix-feedback dialog[open] button:not([aria-label]) {\n border-radius: var(--t-border-radius-md);\n border: 1px solid var(--t-border-color-button-neutral);\n background-color: var(--t-fill-color-button-neutral-outline-dim-default);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):hover {\n background-color: var(--t-fill-color-button-neutral-outline-dim-hover);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type {\n color: var(--t-text-color-default-inverted);\n background-color: var(--t-fill-color-interaction-default);\n border-color: transparent;\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type:hover {\n background-color: var(--t-fill-color-interaction-hover);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type:active {\n background-color: var(--t-fill-color-interaction-active);\n}",".avatar {\n background-color: white;\n background-position: center;\n background-size: cover;\n border-radius: 50%;\n height: var(--t-element-size-2xl);\n width: var(--t-element-size-2xl);\n margin-left: var(--t-spacing-half);\n}\n",".color-mode-switcher {\n border: 0;\n padding: 0;\n}\n\n.color-mode-switcher-label {\n font-weight: var(--t-font-weight-semibold);\n display: inline-block;\n margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n font-size: var(--t-font-size-xs);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-status-secondary);\n background-color: var(--t-fill-color-status-neutral-ghost);\n border-radius: var(--t-border-radius-sm);\n padding: 0 var(--t-spacing-1);\n line-height: var(--t-element-size-sm);\n vertical-align: middle;\n text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n padding: var(--t-spacing-half);\n border: 1px solid var(--t-border-color-default-base);\n border-radius: var(--t-border-radius-md);\n display: flex;\n gap: var(--t-spacing-half);\n}\n.color-mode-switcher-modes input[type=radio] {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n}\n.color-mode-switcher-modes label {\n border-radius: var(--t-border-radius-sm);\n min-height: var(--t-element-size-xl);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n user-select: none;\n margin: 0;\n}\n.color-mode-switcher-modes label:hover {\n background: var(--t-fill-color-button-neutral-ghost-hover);\n}\n.color-mode-switcher-modes label:has(input:focus-visible) {\n outline: auto;\n}\n.color-mode-switcher-modes svg {\n display: none;\n}\n@media (min-width: 360px) {\n .color-mode-switcher-modes svg {\n display: block;\n }\n}\n.color-mode-switcher-modes svg {\n margin-right: var(--t-spacing-half);\n}\n.color-mode-switcher-modes svg path {\n stroke: var(--t-icon-color-default-dim);\n}\n.color-mode-switcher-modes label,\n.color-mode-switcher-modes svg path {\n transition-property: color, background-color, stroke;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n.color-mode-switcher-modes label:has(input:checked) {\n color: var(--t-text-color-status-info);\n background-color: var(--t-fill-color-status-info-ghost);\n}\n.color-mode-switcher-modes label:has(input:checked) svg path {\n stroke: var(--t-icon-color-status-info-primary);\n}",".drawer-wrap {\n width: 100%;\n background-color: var(--t-surface-color-card);\n\n display: none;\n position: fixed;\n top: 0;\n bottom: var(--toolbar-navbar-height);\n\n overflow: hidden;\n}\n.drawer-wrap.is-visible {\n display: block;\n}\n\n.drawer {\n display: flex;\n flex-direction: column;\n height: 100%;\n\n overflow: auto;\n scrollbar-color: var(--t-fill-color-transparency-dark-030);\n scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n .drawer-wrap {\n width: var(--toolbar-drawer-width);\n border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent or inset associated with to --t-border-radius-lg */\n box-shadow: 0 0 0 1px var(--content-wrap-border-color),\n 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n display: block;\n position: absolute;\n bottom: var(--t-spacing-2);\n right: calc(var(--toolbar-drawer-width) * -1);\n top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n opacity: 0;\n transform: translateX(var(--t-spacing-1));\n transition-property: opacity, transform, right;\n transition-duration: 100ms;\n transition-delay: 0s, 0s, 100ms;\n transition-timing-function: ease-in-out;\n }\n .drawer-wrap.is-visible {\n right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n opacity: 1;\n transform: translateX(0);\n\n transition-property: opacity, transform;\n transition-delay: 0s;\n }\n}\n",".indicator-dot {\n width: 12px;\n height: 12px;\n background-color: #33adff;\n background: radial-gradient(#33adff 50%, transparent 50%);\n box-shadow: inset 0px 0px 0px 2px #b1bfda;\n border-radius: 50%;\n position: absolute;\n z-index: 6;\n pointer-events: none;\n}\n.indicator-dot.is-active {\n width: 10px;\n height: 10px;\n box-shadow: inset 0px 0px 0px 2px var(--t-fill-color-neutral-100);\n transform: translateX(-1.5px) translateY(1.5px);\n}\n"]}
1
+ {"version":3,"sources":["topbar.scss","unbutton.module.css","apps_button.module.scss","apps_menu.module.css","popup.module.css","styles.module.css","user_menu.module.css","phoenix_opt_in.module.scss","avatar.module.css","color_mode_switcher.module.scss","drawer.module.css","indicator_dot.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n --topbar-height: 56px;\n --topbar-slight-transition: 120ms ease-in;\n --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n --topbar-scrollbar-width: thin;\n --topbar-nav-link-font-size: var(--t-font-size-sm);\n --topbar-nav-link-font-color: var(--t-text-color-default-headline);\n --topbar-nav-link-height: var(--t-container-size-md);\n --topbar-nav-link-background-color: transparent;\n --topbar-nav-link-padding-x: 12px;\n --topbar-nav-link-border-color: transparent;\n --topbar-nav-link-border-radius: 999px;\n --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n --toolbar-width: 64px;\n --toolbar-inner-width: 48px;\n --toolbar-drawer-width: 360px;\n --toolbar-navbar-height: 56px;\n --content-wrap-border-color: hsl(0 0% 0% / 0.08);\n --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n :root {\n --topbar-height: 64px;\n --content-wrap-shadow-dimensions: 0 0 0 1px;\n }\n}\n:root[data-color-mode=dark] {\n --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n --content-wrap-border-color: hsl(0 0% 100% / 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n :root[data-color-mode=system] {\n --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n --content-wrap-border-color: hsl(0 0% 100% / 0.04);\n }\n}\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n:global(.page-wrap:has(\n div[class^=\"appmenu-layer\"][style*=\"display: block\"],\n div[data-small-topbar-user-profile-menu-wrap][style*=\"display: block\"]\n) .topbar-wrap) {\n z-index: initial !important;\n}\n\n.hide-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n display: none; /* Chrome, Safari, and Opera */\n}",".unbutton {\n font-family: inherit;\n appearance: none;\n background-color: transparent;\n border: none;\n cursor: pointer;\n display: inline-block;\n outline: 0;\n padding: 0;\n}\n",".button {\n color: var(--t-text-color-default-primary);\n padding-left: var(--t-spacing-1);\n padding-right: var(--t-spacing-1);\n height: 100%;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: var(--t-spacing-1);\n transition: var(--topbar-slight-transition-background);\n --_svg-display: none;\n}\n.button svg[data-logo=mono-app-text],\n.button svg[class^=chevron] {\n display: var(--_svg-display);\n}\n@media (min-width: 720px) {\n .button {\n --_svg-display: block;\n padding-left: var(--t-spacing-2);\n padding-right: var(--t-spacing-2);\n }\n .button svg[data-logo=color-app-icon] {\n width: 24px;\n height: 24px;\n }\n}\n\n.button-accounts {\n color: var(--t-text-color-default-primary);\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-medium);\n margin-left: var(--t-spacing-quarter);\n}\n\n.chevron {\n border-radius: 100%;\n padding: var(--t-spacing-fourth);\n display: block;\n transition: var(--topbar-slight-transition-background);\n transition-property: background-color, transform;\n}\n\n.chevron polygon {\n transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n background-color: var(--t-fill-color-transparency-light-050);\n}\n\n.button.is-expanded .chevron {\n transform: rotate(180deg);\n}",".popup {\n top: calc(var(--topbar-height) - var(--t-spacing-1));\n left: var(--t-spacing-2);\n min-width: 180px;\n max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".popup-root {\n display: flex;\n align-self: flex-end;\n}\n\n.popup {\n background: var(--t-surface-color-card);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05),\n 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n border-radius: var(--t-border-radius-lg);\n position: absolute;\n\n overflow: auto;\n scrollbar-color: var(--topbar-scrollbar-color);\n scrollbar-width: var(--topbar-scrollbar-width);\n\n opacity: 0;\n visibility: hidden;\n transition: all 120ms ease-in;\n}\n.popup.is-visible {\n opacity: 1;\n transition: none;\n visibility: visible;\n}\n",".toolbar {\n display: flex;\n width: 100vw;\n height: var(--toolbar-navbar-height);\n padding: var(--t-spacing-1);\n padding-top: calc(var(--t-spacing-1) - 1px);\n gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n font: inherit;\n color: var(--t-fill-color-transparency-dark-060);\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: var(--t-border-radius-lg);\n flex-grow: 1;\n transition: var(--topbar-slight-transition-background);\n cursor: pointer;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.toolbar-button:hover {\n background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n color: var(--t-fill-color-transparency-dark-080);\n background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n display: none;\n}\n.toolbar-button--avatar > div {\n margin-left: 0;\n width: var(--t-container-size-md);\n height: auto;\n aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n color: hsl(221 93% 55%);\n}\n\n@media (min-width: 600px) {\n .toolbar {\n width: var(--toolbar-width);\n height: auto;\n padding-top: var(--t-spacing-1);\n flex-direction: column;\n }\n\n .toolbar-button {\n aspect-ratio: 1 / 1;\n }\n .toolbar-button:hover {\n background-color: var(--t-fill-color-transparency-light-040);\n }\n .toolbar-button:active,\n .toolbar-button.is-current {\n color: var(--t-fill-color-transparency-dark-080);\n background-color: var(--t-fill-color-transparency-light-060);\n border-color: var(--t-fill-color-transparency-light-030);\n }\n\n .toolbar-button--avatar {\n display: inline-flex;\n }\n\n .toolbar-button--home {\n display: none;\n }\n}\n",".popup {\n color: var(--t-text-color-default-primary);\n min-width: 242px;\n max-width: 320px;\n margin-top: calc(var(--t-spacing-1) * -1);\n right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px } */\n max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n margin-left: var(--t-spacing-1);\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.trigger {\n font-size: var(--topbar-nav-link-font-size);\n color: var(--topbar-nav-link-font-color);\n height: var(--topbar-nav-link-height);\n background-color: var(--topbar-nav-link-background-color-active);\n padding: 0 var(--topbar-nav-link-padding-x);\n border: 1px solid var(--topbar-nav-link-border-color-active);\n border-radius: var(--topbar-nav-link-border-radius);\n min-width: var(--t-container-size-md);\n transition: var(--topbar-nav-link-transition);\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n appearance: none;\n cursor: pointer;\n}\n\n.trigger svg {\n transition: transform var(--topbar-slight-transition);\n /* Negative margin ensures button is a circle when orgname isn’t visible */\n margin-left: calc(var(--t-spacing-1) * -1);\n margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n transform: rotate(180deg);\n}\n\n.trigger-orgname {\n max-width: 240px;\n margin-right: var(--t-spacing-fourth);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n color: var(--t-fill-color-transparency-dark-050);\n /* Correct margin for when orgname is visible */\n margin-left: 0;\n margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".opt-in-container {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-5);\n padding: var(--t-spacing-3);\n position: relative;\n}\n\n.opt-in-container::before {\n background: radial-gradient(ellipse at bottom right, var(--t-fill-color-product-giving-070), transparent 70%), radial-gradient(ellipse at top left, var(--t-fill-color-product-staff-base), transparent 40%), radial-gradient(ellipse at top right, var(--t-fill-color-product-registrations-050), transparent), radial-gradient(ellipse at center right, var(--t-fill-color-product-services-040), transparent), radial-gradient(ellipse at center left, var(--t-fill-color-product-home-050), transparent);\n border-radius: var(--t-border-radius-lg);\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0.2;\n}\n\n.opt-in-content,\n.opt-in-content p,\n.opt-in-content__feedback p {\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-normal);\n line-height: 135%;\n color: var(--t-text-color-default-primary);\n}\n\n.opt-in-content__feedback p {\n color: var(--t-text-color-default-secondary);\n}\n.opt-in-content__feedback p:first-of-type {\n margin-top: 0;\n}\n\n.opt-in-content__inline-bold {\n font-weight: var(--t-font-weight-semibold);\n}\n\n.opt-in-content__heading {\n font-size: var(--t-font-size-md);\n font-weight: var(--t-font-weight-semibold);\n line-height: 140%;\n margin-top: 0;\n}\n\n/* Override ToggleSwitch styling */\n.opt-in-content button[role=switch] {\n width: 100%;\n justify-content: space-between;\n text-align: left;\n}\n\n/* Override Dialog styling */\n.phoenix-feedback dialog[open] {\n color: var(--t-text-color-default-primary);\n}\n.phoenix-feedback dialog[open] h1 {\n color: var(--t-text-color-default-headline);\n font-size: var(--t-font-size-2xl);\n font-weight: var(--t-font-weight-medium);\n line-height: 140%;\n}\n.phoenix-feedback dialog[open] form {\n display: flex;\n flex-direction: column;\n gap: var(--t-spacing-2);\n}\n.phoenix-feedback dialog[open] form textarea {\n height: 120px;\n}\n.phoenix-feedback dialog[open] button {\n color: var(--t-text-color-status-neutral);\n font-size: var(--t-font-size-md);\n font-weight: var(--t-font-weight-normal);\n line-height: 1.4;\n}\n.phoenix-feedback dialog[open] button:not([aria-label]) {\n border-radius: var(--t-border-radius-md);\n border: 1px solid var(--t-border-color-button-neutral);\n background-color: var(--t-fill-color-button-neutral-outline-dim-default);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):hover {\n background-color: var(--t-fill-color-button-neutral-outline-dim-hover);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type {\n color: var(--t-text-color-default-inverted);\n background-color: var(--t-fill-color-interaction-default);\n border-color: transparent;\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type:hover {\n background-color: var(--t-fill-color-interaction-hover);\n}\n.phoenix-feedback dialog[open] button:not([aria-label]):last-of-type:active {\n background-color: var(--t-fill-color-interaction-active);\n}",".avatar {\n background-color: white;\n background-position: center;\n background-size: cover;\n border-radius: 50%;\n height: var(--t-element-size-2xl);\n width: var(--t-element-size-2xl);\n margin-left: var(--t-spacing-half);\n}\n",".color-mode-switcher {\n color: var(--t-text-color-default-primary); /* Needed to override .tapestry-react-reset. This is the dumbest thing to have to do */\n border: 0;\n padding: 0;\n}\n\n.color-mode-switcher-label {\n font-weight: var(--t-font-weight-semibold);\n display: inline-block;\n margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n font-size: var(--t-font-size-xs);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-status-secondary);\n background-color: var(--t-fill-color-status-neutral-ghost);\n border-radius: var(--t-border-radius-sm);\n padding: 0 var(--t-spacing-1);\n line-height: var(--t-element-size-sm);\n vertical-align: middle;\n text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n padding: var(--t-spacing-half);\n border: 1px solid var(--t-border-color-default-base);\n border-radius: var(--t-border-radius-md);\n display: flex;\n gap: var(--t-spacing-half);\n container-type: inline-size;\n}\n.color-mode-switcher-modes input[type=radio] {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n}\n.color-mode-switcher-modes label {\n border-radius: var(--t-border-radius-sm);\n min-height: var(--t-element-size-xl);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n user-select: none;\n margin: 0;\n position: relative;\n}\n.color-mode-switcher-modes label:hover {\n background: var(--t-fill-color-button-neutral-ghost-hover);\n}\n.color-mode-switcher-modes label:has(input:focus-visible) {\n outline: auto;\n}\n.color-mode-switcher-modes svg {\n display: none;\n}\n@container (width >= 256px) {\n .color-mode-switcher-modes svg {\n display: block;\n }\n}\n.color-mode-switcher-modes svg {\n margin-right: var(--t-spacing-half);\n}\n.color-mode-switcher-modes svg path {\n stroke: var(--t-icon-color-default-dim);\n}\n.color-mode-switcher-modes label,\n.color-mode-switcher-modes svg path {\n transition-property: color, background-color, stroke;\n transition-duration: 0.1s;\n transition-timing-function: linear;\n}\n.color-mode-switcher-modes label:has(input:checked) {\n color: var(--t-text-color-status-info);\n background-color: var(--t-fill-color-status-info-ghost);\n}\n.color-mode-switcher-modes label:has(input:checked) svg path {\n stroke: var(--t-icon-color-status-info-primary);\n}",".drawer-wrap {\n width: 100%;\n background-color: var(--t-surface-color-card);\n\n display: none;\n position: fixed;\n top: 0;\n bottom: var(--toolbar-navbar-height);\n\n overflow: hidden;\n}\n.drawer-wrap.is-visible {\n display: block;\n}\n\n.drawer {\n display: flex;\n flex-direction: column;\n height: 100%;\n\n overflow: auto;\n scrollbar-color: var(--t-fill-color-transparency-dark-030);\n scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n .drawer-wrap {\n width: var(--toolbar-drawer-width);\n border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent or inset associated with to --t-border-radius-lg */\n box-shadow: 0 0 0 1px var(--content-wrap-border-color),\n 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n display: block;\n position: absolute;\n bottom: var(--t-spacing-2);\n right: calc(var(--toolbar-drawer-width) * -1);\n top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n opacity: 0;\n transform: translateX(var(--t-spacing-1));\n transition-property: opacity, transform, right;\n transition-duration: 100ms;\n transition-delay: 0s, 0s, 100ms;\n transition-timing-function: ease-in-out;\n }\n .drawer-wrap.is-visible {\n right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n opacity: 1;\n transform: translateX(0);\n\n transition-property: opacity, transform;\n transition-delay: 0s;\n }\n}\n",".indicator-dot {\n width: 12px;\n height: 12px;\n background-color: #33adff;\n background: radial-gradient(#33adff 50%, transparent 50%);\n box-shadow: inset 0px 0px 0px 2px #b1bfda;\n border-radius: 50%;\n position: absolute;\n z-index: 6;\n pointer-events: none;\n}\n.indicator-dot.is-active {\n width: 10px;\n height: 10px;\n box-shadow: inset 0px 0px 0px 2px var(--t-fill-color-neutral-100);\n transform: translateX(-1.5px) translateY(1.5px);\n}\n"]}