@planningcenter/topbar 10.5.2-qa-567.0 → 10.6.0-qa-581.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 (33) 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/small_topbar/index.d.ts +2 -1
  12. package/dist/types/classic/modules/small_topbar/index.d.ts.map +1 -1
  13. package/dist/types/classic/modules/small_topbar/user_profile_menu.d.ts +2 -1
  14. package/dist/types/classic/modules/small_topbar/user_profile_menu.d.ts.map +1 -1
  15. package/dist/types/classic/modules/toolbar/components/user_profile.d.ts +2 -1
  16. package/dist/types/classic/modules/toolbar/components/user_profile.d.ts.map +1 -1
  17. package/dist/types/classic/modules/toolbar/index.d.ts +2 -1
  18. package/dist/types/classic/modules/toolbar/index.d.ts.map +1 -1
  19. package/dist/types/modules/api_request.d.ts +2 -2
  20. package/dist/types/modules/api_request.d.ts.map +1 -1
  21. package/dist/types/modules/small_topbar/index.d.ts +2 -1
  22. package/dist/types/modules/small_topbar/index.d.ts.map +1 -1
  23. package/dist/types/modules/small_topbar/small_topbar.d.ts +2 -1
  24. package/dist/types/modules/small_topbar/small_topbar.d.ts.map +1 -1
  25. package/dist/types/modules/small_topbar/user_profile_menu.d.ts +2 -1
  26. package/dist/types/modules/small_topbar/user_profile_menu.d.ts.map +1 -1
  27. package/dist/types/modules/toolbar/components/phoenix_opt_in.d.ts +4 -0
  28. package/dist/types/modules/toolbar/components/phoenix_opt_in.d.ts.map +1 -0
  29. package/dist/types/modules/toolbar/components/user_profile.d.ts +2 -1
  30. package/dist/types/modules/toolbar/components/user_profile.d.ts.map +1 -1
  31. package/dist/types/modules/toolbar/toolbar.d.ts +2 -1
  32. package/dist/types/modules/toolbar/toolbar.d.ts.map +1 -1
  33. package/package.json +3 -3
package/dist/topbar.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--topbar-height:64px;--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;--toolbar-width:64px;--toolbar-inner-width:48px;--toolbar-drawer-width:360px;--toolbar-navbar-height:52px}.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-NPHAj{align-items:center;display:flex;gap:var(--t-spacing-1);height:100%;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-2);transition:var(--topbar-slight-transition-background);white-space:nowrap}.button-NPHAj,.button-accounts-Jx80E{color:var(--t-text-color-default-primary)}.button-accounts-Jx80E{font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-medium);margin-left:var(--t-spacing-quarter)}.chevron-6-PM4{border-radius:100%;display:block;padding:var(--t-spacing-fourth);transition:var(--topbar-slight-transition-background);transition-property:background-color,transform}.chevron-6-PM4 polygon{transform:translateY(.5px)}.button-NPHAj.is-expanded-SbNar .chevron-6-PM4,.button-NPHAj:hover .chevron-6-PM4{background-color:var(--t-fill-color-transparency-light-050)}.button-NPHAj.is-expanded-SbNar .chevron-6-PM4{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:6px;box-shadow:0 0 0 1px #d4d9e2,0 8px 32px rgba(0,0,0,.3);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{border-radius:9999px;color:var(--t-text-color-default-headline)!important;font-family:inherit;font-size:var(--t-font-size-sm);line-height:32px;margin-right:4px;padding-left:12px;padding-right:12px;text-decoration:none;text-transform:capitalize;transition:var(--topbar-slight-transition-background);vertical-align:middle;white-space:nowrap}.route--8BWe:hover{background-color:var(--t-fill-color-transparency-light-040)}.route--8BWe:active{background-color:var(--t-fill-color-transparency-light-060)}.route--8BWe.is-active-FsU9Y{background-color:var(--t-fill-color-transparency-light-060);font-weight:600}.popup-mDNKn{color:var(--t-text-color-default-primary);margin-top:var(--t-spacing-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-2);position:relative;white-space:nowrap}.trigger-WgRT5{align-items:center;-moz-appearance:none;appearance:none;background-color:var(--t-fill-color-transparency-light-060);border:none;border-radius:9999px;color:var(--t-text-color-default-headline);cursor:pointer;display:flex;font-size:var(--t-font-size-sm);height:var(--t-container-size-md);justify-content:center;min-width:var(--t-container-size-md);outline:0;padding:0 var(--t-spacing-1);transition:var(--topbar-slight-transition-background)}.trigger-WgRT5.is-visible-GZC0- svg{transform:rotate(180deg)}.trigger-orgname-TDHCc{margin-left:var(--t-spacing-1);margin-right:var(--t-spacing-1);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-orgname-TDHCc+svg{color:var(--t-fill-color-transparency-dark-050);transition:transform var(--topbar-slight-transition)}.announcement-pI5tM{align-items:center;background-color:var(--t-fill-color-transparency-dark-050);box-sizing:border-box;color:var(--t-text-color-default-inverted);-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;font-size:var(--t-font-size-sm);justify-content:space-between;padding:var(--t-spacing-2)}.announcement-pI5tM a{color:currentColor;text-decoration:underline}@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)}.avatar-tW-wn{background-color:#fff;background-position:50%;background-size:cover;border-radius:50%;height:28px;margin-left:var(--t-spacing-half);width:28px}.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;font-weight:600;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);left:var(--t-spacing-1);max-height:calc(100% - var(--topbar-height) - 1px);overflow:auto;padding:var(--t-spacing-half);position:absolute;right:var(--t-spacing-1);scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);top:var(--topbar-height)}.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-weight:600;line-height:var(--t-container-size-xl);position:relative;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.route-kkknQ.is-active-wy8Bg{background-color:var(--t-fill-color-transparency-dark-010);color:var(--t-text-color-default-headline)}.profile-button-a2WO2{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;padding:var(--t-spacing-2)}.drawer-wrap-J0rSL{background-color:var(--t-surface-color-card);border-radius:var(--t-border-radius-lg);bottom:var(--toolbar-navbar-height);display:none;margin:var(--t-spacing-1);margin-bottom:1px;overflow:hidden;position:fixed;top:0;width:calc(100% - var(--t-spacing-2))}.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:var(--t-border-radius-lg);bottom:var(--t-spacing-2);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);display:block;margin:0;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-radius:var(--t-border-radius-lg);border-width:0;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-transparency-light-040)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-transparency-light-060)}.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)}@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--avatar-5FUik{display:inline-flex}.toolbar-button--home-Pthd0{display:none}}
1
+ :root{--topbar-height:64px;--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;--toolbar-width:64px;--toolbar-inner-width:48px;--toolbar-drawer-width:360px;--toolbar-navbar-height:52px}.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-NPHAj{align-items:center;display:flex;gap:var(--t-spacing-1);height:100%;padding-left:var(--t-spacing-2);padding-right:var(--t-spacing-2);transition:var(--topbar-slight-transition-background);white-space:nowrap}.button-NPHAj,.button-accounts-Jx80E{color:var(--t-text-color-default-primary)}.button-accounts-Jx80E{font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-medium);margin-left:var(--t-spacing-quarter)}.chevron-6-PM4{border-radius:100%;display:block;padding:var(--t-spacing-fourth);transition:var(--topbar-slight-transition-background);transition-property:background-color,transform}.chevron-6-PM4 polygon{transform:translateY(.5px)}.button-NPHAj.is-expanded-SbNar .chevron-6-PM4,.button-NPHAj:hover .chevron-6-PM4{background-color:var(--t-fill-color-transparency-light-050)}.button-NPHAj.is-expanded-SbNar .chevron-6-PM4{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:6px;box-shadow:0 0 0 1px #d4d9e2,0 8px 32px rgba(0,0,0,.3);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{border-radius:9999px;color:var(--t-text-color-default-headline)!important;font-family:inherit;font-size:var(--t-font-size-sm);line-height:32px;margin-right:4px;padding-left:12px;padding-right:12px;text-decoration:none;text-transform:capitalize;transition:var(--topbar-slight-transition-background);vertical-align:middle;white-space:nowrap}.route--8BWe:hover{background-color:var(--t-fill-color-transparency-light-040)}.route--8BWe:active{background-color:var(--t-fill-color-transparency-light-060)}.route--8BWe.is-active-FsU9Y{background-color:var(--t-fill-color-transparency-light-060);font-weight:600}.popup-mDNKn{color:var(--t-text-color-default-primary);margin-top:var(--t-spacing-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-2);position:relative;white-space:nowrap}.trigger-WgRT5{align-items:center;-moz-appearance:none;appearance:none;background-color:var(--t-fill-color-transparency-light-060);border:none;border-radius:9999px;color:var(--t-text-color-default-headline);cursor:pointer;display:flex;font-size:var(--t-font-size-sm);height:var(--t-container-size-md);justify-content:center;min-width:var(--t-container-size-md);outline:0;padding:0 var(--t-spacing-1);transition:var(--topbar-slight-transition-background)}.trigger-WgRT5.is-visible-GZC0- svg{transform:rotate(180deg)}.trigger-orgname-TDHCc{margin-left:var(--t-spacing-1);margin-right:var(--t-spacing-1);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-orgname-TDHCc+svg{color:var(--t-fill-color-transparency-dark-050);transition:transform var(--topbar-slight-transition)}.announcement-pI5tM{align-items:center;background-color:var(--t-fill-color-transparency-dark-050);box-sizing:border-box;color:var(--t-text-color-default-inverted);-moz-column-gap:var(--t-spacing-3);column-gap:var(--t-spacing-3);display:flex;font-size:var(--t-font-size-sm);justify-content:space-between;padding:var(--t-spacing-2)}.announcement-pI5tM a{color:currentColor;text-decoration:underline}@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-czIbq{border-radius:var(--t-border-radius-lg);padding:var(--t-spacing-3);position:relative;&: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}>p{line-height:1.4}p:not(:first-child){font-size:var(--t-font-size-sm)}}.opt-in-content-80U4u{position:relative}.opt-in-container-czIbq button{width:100%;p{margin-right:auto}}.avatar-tW-wn{background-color:#fff;background-position:50%;background-size:cover;border-radius:50%;height:28px;margin-left:var(--t-spacing-half);width:28px}.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;font-weight:600;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);left:var(--t-spacing-1);max-height:calc(100% - var(--topbar-height) - 1px);overflow:auto;padding:var(--t-spacing-half);position:absolute;right:var(--t-spacing-1);scrollbar-color:var(--topbar-scrollbar-color);scrollbar-width:var(--topbar-scrollbar-width);top:var(--topbar-height)}.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-weight:600;line-height:var(--t-container-size-xl);position:relative;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.route-kkknQ.is-active-wy8Bg{background-color:var(--t-fill-color-transparency-dark-010);color:var(--t-text-color-default-headline)}.profile-button-a2WO2{-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;padding:var(--t-spacing-2)}.drawer-wrap-J0rSL{background-color:var(--t-surface-color-card);border-radius:var(--t-border-radius-lg);bottom:var(--toolbar-navbar-height);display:none;margin:var(--t-spacing-1);margin-bottom:1px;overflow:hidden;position:fixed;top:0;width:calc(100% - var(--t-spacing-2))}.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:var(--t-border-radius-lg);bottom:var(--t-spacing-2);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px 2px rgba(0,0,0,.16);display:block;margin:0;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-radius:var(--t-border-radius-lg);border-width:0;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-transparency-light-040)}.toolbar-button-Ye4h5.is-current-DZK47,.toolbar-button-Ye4h5:active{background-color:var(--t-fill-color-transparency-light-060)}.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)}@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--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.css","apps_menu.module.css","popup.module.css","styles.module.css","user_menu.module.css","avatar.module.css","drawer.module.css","indicator_dot.module.css"],"names":[],"mappings":"AAAA,MACE,oBAAqB,CACrB,wCAAyC,CACzC,sFAAuF,CACvF,8EAA+E,CAC/E,6BAA8B,CAC9B,oBAAqB,CACrB,0BAA2B,CAC3B,4BAA6B,CAC7B,4BACF,CAEA,sBACE,uBAAwB,CACxB,oBACF,CAEA,yCACE,YACF,CCnBA,gBAEE,oBAAgB,CAAhB,eAAgB,CAChB,4BAA6B,CAC7B,WAAY,CACZ,cAAe,CACf,oBAAqB,CALrB,mBAAoB,CAMpB,SAAU,CACV,SACF,CCTA,cAOE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAJvB,WAAY,CAFZ,+BAAgC,CAChC,gCAAiC,CAMjC,qDAAsD,CAJtD,kBAKF,CAEA,qCAXE,yCAgBF,CALA,uBAEE,+BAAgC,CAChC,uCAAwC,CACxC,oCACF,CAEA,eACE,kBAAmB,CAEnB,aAAc,CADd,+BAAgC,CAEhC,qDAAsD,CACtD,8CACF,CACA,uBACE,0BACF,CAEA,kFAEE,2DACF,CACA,+CACE,wBACF,CCpCA,aAEE,uBAAwB,CAExB,iEAAkE,CADlE,eAAgB,CAFhB,mDAIF,CCLA,kBAEE,mBAAoB,CADpB,YAEF,CAEA,aACE,sCAAuC,CAGvC,iBAAkB,CAFlB,sDACqC,CAQrC,SAAU,CAJV,aAAc,CAFd,iBAAkB,CAGlB,6CAA8C,CAC9C,6CAA8C,CAI9C,2BAA6B,CAD7B,iBAEF,CACA,8BACE,SAAU,CACV,eAAgB,CAChB,kBACF,CCxBA,aAYE,oBAAqB,CATrB,oDAAsD,CADtD,mBAAoB,CADpB,+BAAgC,CAGhC,gBAAiB,CAKjB,gBAAiB,CACjB,iBAAkB,CAClB,kBAAmB,CANnB,oBAAqB,CACrB,yBAA0B,CAO1B,qDAAsD,CANtD,qBAAsB,CACtB,kBAMF,CACA,mBACE,2DACF,CACA,oBACE,2DACF,CACA,6BAEE,2DAA4D,CAD5D,eAEF,CCxBA,aACE,yCAA0C,CAG1C,6BAA8B,CAE9B,iEAAkE,CAHlE,eAAgB,CADhB,eAAgB,CAGhB,oCAEF,CAEA,oBAIE,cAAe,CAHf,8BAA+B,CAC/B,iBAAkB,CAClB,kBAEF,CAEA,eAWE,kBAAmB,CAGnB,oBAAgB,CAAhB,eAAgB,CAVhB,2DAA4D,CAE5D,WAAY,CACZ,oBAAqB,CALrB,0CAA2C,CAa3C,cAAe,CALf,YAAa,CATb,+BAAgC,CAEhC,iCAAkC,CASlC,sBAAuB,CAJvB,oCAAqC,CAKrC,SAAU,CARV,4BAA6B,CAI7B,qDAOF,CACA,oCACE,wBACF,CAEA,uBAEE,8BAA+B,CAC/B,+BAAgC,CAFhC,eAAgB,CAGhB,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEA,2BACE,+CAAgD,CAChD,oDACF,CDjDA,oBAKE,kBAAmB,CAFnB,0DAA2D,CAM3D,qBAAsB,CAPtB,0CAA2C,CAM3C,kCAA8B,CAA9B,6BAA8B,CAJ9B,YAAa,CAHb,+BAAgC,CAKhC,6BAA8B,CAC9B,0BAGF,CACA,sBACE,kBAAmB,CACnB,yBACF,CACA,yBACE,oBACE,+BAAgC,CAChC,gCACF,CACF,CAEA,eAME,oBAAgB,CAAhB,eAAgB,CALhB,4BAA6B,CAC7B,cAAe,CACf,cAAe,CAEf,kCAAqC,CADrC,0BAGF,CE7BA,cACE,qBAAuB,CACvB,uBAA2B,CAC3B,qBAAsB,CACtB,iBAAkB,CAClB,WAAY,CAEZ,iCAAkC,CADlC,UAEF,CFRA,sBASE,kBAAmB,CAHnB,oBAAgB,CAAhB,eAAgB,CAJhB,4BAA6B,CAD7B,cAAe,CAOf,YAAa,CALb,WAAY,CAOZ,sBAAuB,CANvB,+BAAgC,CAChC,gCAMF,CAEA,qBAYE,uCAAwC,CAVxC,0DAA2D,CAK3D,mCAAoC,CANpC,UAAY,CAGZ,YAAa,CAIb,MAAO,CAHP,cAAe,CAIf,OAAQ,CAHR,KAAM,CAKN,qBAAiB,CAAjB,gBAEF,CAEA,yBACE,4CAA6C,CAG7C,YAAa,CACb,qBAAsB,CAHtB,+CAAgD,CAKhD,eAAgB,CADhB,iBAAkB,CAHlB,qCAKF,CAEA,sBACE,aAAc,CACd,6CAA8C,CAC9C,6CACF,CAEA,oBACE,eAAgB,CAEhB,QAAS,CADT,SAEF,CAEA,sBAOE,kBAAmB,CALnB,yCAA0C,CAI1C,YAAa,CALb,+BAAgC,CAGhC,qCAAsC,CACtC,gDAAiD,CAFjD,oBAKF,CACA,2BAEE,0DAA2D,CAD3D,qCAEF,CACA,8BAEE,uDAAwD,CADxD,qCAEF,CACA,kCACE,aAAc,CAEd,4CAA+C,CAD/C,kCAEF,CAEA,4BAEE,SAAU,CAGV,iBAAkB,CAClB,wBAAyB,CACzB,oDACF,CAEA,iDANE,oBAAgB,CAAhB,eAAgB,CAHhB,4BAA6B,CAE7B,cAqBF,CAdA,qBAUE,kBAAmB,CAPnB,0CAA2C,CAS3C,qCAAiC,CAAjC,gCAAiC,CAJjC,YAAa,CACb,WAAY,CARZ,YAAa,CACb,eAAgB,CAShB,sBAAuB,CAPvB,gCAAiC,CACjC,iBASF,CACA,yBAEE,oDAAqD,CADrD,qBAEF,CACA,yCACE,wBACF,CAEA,cACE,4CAA6C,CAQ7C,mEACkD,CAJlD,uBAAwB,CAExB,kDAAmD,CAInD,aAAc,CATd,6BAA8B,CAC9B,iBAAkB,CAGlB,wBAAyB,CAMzB,6CAA8C,CAC9C,6CAA8C,CAT9C,wBAUF,CAEA,2BAfE,uCA2BF,CAZA,aAQE,yCAA0C,CAC1C,aAAc,CAPd,mBAAoB,CADpB,eAAgB,CAEhB,sCAAuC,CAOvC,iBAAkB,CANlB,iBAAkB,CAClB,oBAAqB,CACrB,yBAA0B,CAC1B,kBAKF,CACA,6BAEE,0DAA2D,CAD3D,0CAEF,CAEA,sBAIE,oBAAgB,CAAhB,eAAgB,CAHhB,4BAA6B,CAC7B,cAAe,CACf,0BAEF,CGlJA,mBAEE,4CAA6C,CAC7C,uCAAwC,CAKxC,mCAAoC,CAHpC,YAAa,CAIb,yBAA0B,CAC1B,iBAAkB,CAElB,eAAgB,CANhB,cAAe,CACf,KAAM,CANN,qCAYF,CACA,oCACE,aACF,CAEA,cACE,YAAa,CACb,qBAAsB,CACtB,WAAY,CAEZ,aAAc,CACd,yDAA0D,CAC1D,6CACF,CAEA,yBACE,mBAGE,uCAAwC,CAMxC,yBAA0B,CAL1B,mEACgD,CAEhD,aAAc,CALd,QAAS,CAWT,SAAU,CALV,iBAAkB,CAElB,0CAA6C,CAC7C,mDAAoD,CAGpD,wCAAyC,CAGzC,0BAA+B,CAD/B,uBAA0B,CAD1B,2CAA8C,CAG9C,sCAAuC,CAjBvC,iCAkBF,CACA,oCAEE,SAAU,CADV,2DAA4D,CAE5D,uBAAwB,CAGxB,mBAAoB,CADpB,qCAEF,CACF,CCzDA,qBAGE,wBAAyB,CACzB,qDAAyD,CAEzD,iBAAkB,CADlB,kCAAyC,CAHzC,WAAY,CAOZ,mBAAoB,CAFpB,iBAAkB,CANlB,UAAW,CAOX,SAEF,CACA,qCAGE,0DAAiE,CADjE,WAAY,CAEZ,8CAA+C,CAH/C,UAIF,CJhBA,eACE,YAAa,CAKb,sBAAuB,CAHvB,mCAAoC,CACpC,0BAA2B,CAC3B,0CAA2C,CAH3C,WAKF,CAEA,sBAWE,kBAAmB,CAFnB,oBAAgB,CAAhB,eAAgB,CANhB,4BAA6B,CAE7B,uCAAwC,CADxC,cAAe,CAFf,+CAAgD,CAMhD,cAAe,CAEf,mBAAoB,CAJpB,WAAY,CALZ,YAAa,CAWb,sBAAuB,CALvB,qDAMF,CACA,4BACE,2DACF,CACA,oEAEE,2DACF,CAEA,8BACE,YACF,CACA,kCAIE,gBAAmB,CADnB,WAAY,CAFZ,aAAc,CACd,gCAGF,CAEA,yBACE,eAIE,qBAAsB,CAFtB,WAAY,CACZ,8BAA+B,CAF/B,0BAIF,CAEA,sBACE,gBACF,CAEA,8BACE,mBACF,CAEA,4BACE,YACF,CACF","file":"topbar.css","sourcesContent":[":root {\n --topbar-height: 64px;\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 --toolbar-width: 64px;\n --toolbar-inner-width: 48px;\n --toolbar-drawer-width: 360px;\n --toolbar-navbar-height: 52px;\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-2);\n padding-right: var(--t-spacing-2);\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}\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.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.button.is-expanded .chevron {\n transform: rotate(180deg);\n}\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 #d4d9e2,\n 0 8px 32px rgba(0,0,0,.3);\n border-radius: 6px;\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-width: 0;\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-transparency-light-040);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n background-color: var(--t-fill-color-transparency-light-060);\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@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\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: var(--t-spacing-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-2);\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.trigger {\n font-size: var(--t-font-size-sm);\n color: var(--t-text-color-default-headline);\n height: var(--t-container-size-md);\n background-color: var(--t-fill-color-transparency-light-060);\n padding: 0 var(--t-spacing-1);\n border: none;\n border-radius: 9999px;\n min-width: var(--t-container-size-md);\n transition: var(--topbar-slight-transition-background);\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n appearance: none;\n cursor: pointer;\n}\n.trigger.is-visible svg {\n transform: rotate(180deg);\n}\n\n.trigger-orgname {\n max-width: 240px;\n margin-left: var(--t-spacing-1);\n margin-right: var(--t-spacing-1);\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 transition: transform var(--topbar-slight-transition);\n}\n",".avatar {\n background-color: white;\n background-position: center;\n background-size: cover;\n border-radius: 50%;\n height: 28px;\n width: 28px;\n margin-left: var(--t-spacing-half);\n}\n",".drawer-wrap {\n width: calc(100% - var(--t-spacing-2));\n background-color: var(--t-surface-color-card);\n border-radius: var(--t-border-radius-lg);\n\n display: none;\n position: fixed;\n top: 0;\n bottom: var(--toolbar-navbar-height);\n margin: var(--t-spacing-1);\n margin-bottom: 1px;\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 margin: 0;\n border-radius: var(--t-border-radius-lg);\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05),\n 0px 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.css","apps_menu.module.css","popup.module.css","styles.module.css","user_menu.module.css","phoenix_opt_in.module.css","avatar.module.css","drawer.module.css","indicator_dot.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":[":root {\n --topbar-height: 64px;\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 --toolbar-width: 64px;\n --toolbar-inner-width: 48px;\n --toolbar-drawer-width: 360px;\n --toolbar-navbar-height: 52px;\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-2);\n padding-right: var(--t-spacing-2);\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}\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.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.button.is-expanded .chevron {\n transform: rotate(180deg);\n}\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 #d4d9e2,\n 0 8px 32px rgba(0,0,0,.3);\n border-radius: 6px;\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-width: 0;\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-transparency-light-040);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n background-color: var(--t-fill-color-transparency-light-060);\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@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\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: var(--t-spacing-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-2);\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.trigger {\n font-size: var(--t-font-size-sm);\n color: var(--t-text-color-default-headline);\n height: var(--t-container-size-md);\n background-color: var(--t-fill-color-transparency-light-060);\n padding: 0 var(--t-spacing-1);\n border: none;\n border-radius: 9999px;\n min-width: var(--t-container-size-md);\n transition: var(--topbar-slight-transition-background);\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 0;\n appearance: none;\n cursor: pointer;\n}\n.trigger.is-visible svg {\n transform: rotate(180deg);\n}\n\n.trigger-orgname {\n max-width: 240px;\n margin-left: var(--t-spacing-1);\n margin-right: var(--t-spacing-1);\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 transition: transform var(--topbar-slight-transition);\n}\n",".opt-in-container {\n padding: var(--t-spacing-3);\n border-radius: var(--t-border-radius-lg);\n position: relative;\n\n &::before {\n background:\n radial-gradient(ellipse at bottom right, var(--t-fill-color-product-giving-070), transparent 70%),\n radial-gradient(ellipse at top left, var(--t-fill-color-product-staff-base), transparent 40%),\n radial-gradient(ellipse at top right, var(--t-fill-color-product-registrations-050), transparent),\n radial-gradient(ellipse at center right, var(--t-fill-color-product-services-040), transparent),\n 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\n opacity: 0.2;\n }\n\n > p {\n line-height: 1.4;\n }\n\n p:not(:first-child) {\n font-size: var(--t-font-size-sm);\n }\n}\n\n.opt-in-content {\n position: relative;\n}\n\n/* Override ToggleSwitch styling */\n.opt-in-container button {\n width: 100%;\n\n p {\n margin-right: auto;\n }\n}\n",".avatar {\n background-color: white;\n background-position: center;\n background-size: cover;\n border-radius: 50%;\n height: 28px;\n width: 28px;\n margin-left: var(--t-spacing-half);\n}\n",".drawer-wrap {\n width: calc(100% - var(--t-spacing-2));\n background-color: var(--t-surface-color-card);\n border-radius: var(--t-border-radius-lg);\n\n display: none;\n position: fixed;\n top: 0;\n bottom: var(--toolbar-navbar-height);\n margin: var(--t-spacing-1);\n margin-bottom: 1px;\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 margin: 0;\n border-radius: var(--t-border-radius-lg);\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05),\n 0px 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"]}