@layer components{.client-header_wrap{position:-webkit-sticky;position:sticky;top:0;z-index:30;background-color:var(--background-2);border-bottom:var(--border-width) solid var(--border);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}.client-header_row{display:flex;align-items:center;gap:var(--space-2);height:3.5rem;width:100%;max-width:64rem;margin-inline:auto;padding-inline:var(--space-4);@media (min-width:40rem){gap:var(--space-3);padding-inline:var(--space-6)}}.client-header_brand{display:flex;align-items:center;gap:var(--space-2);flex-grow:1;min-width:0}.client-header_logo{flex:none;width:1.5rem;height:1.5rem}.client-header_name{font-size:var(--h5);font-weight:var(--primary-medium);letter-spacing:var(--letter-spacing-tight);color:var(--text)}.client-header_tagline{display:none;flex:none;font-size:var(--text-tiny);line-height:var(--line-height-nav);color:var(--text-3);@media (min-width:48rem){display:block}}.client-header_end{flex:none}.client-header_banners{background-color:var(--background-2);border-bottom:var(--border-width) solid var(--border)}.client-header_banners-inner{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:64rem;margin-inline:auto;padding:var(--space-2) var(--space-4);@media (min-width:40rem){padding-inline:var(--space-6)}}}@layer components{.command-bar_wrap{position:fixed;inset-inline:0;bottom:0;z-index:30;padding-bottom:env(safe-area-inset-bottom);background-color:var(--background-2);border-top:var(--border-width) solid var(--border);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}.command-bar_row{display:flex;align-items:center;gap:var(--space-4);height:3.75rem;width:100%;max-width:64rem;margin-inline:auto;padding-inline:var(--space-4);@media (min-width:40rem){padding-inline:var(--space-6)}}.command-bar_state{display:flex;align-items:center;gap:var(--space-2);flex-grow:1;min-width:0}.command-bar_dot{position:relative;flex:none;width:.5rem;height:.5rem}.command-bar_dot:after,.command-bar_dot:before{content:"";position:absolute;inset:0;border-radius:var(--radius-round);background-color:var(--brand-500)}.command-bar_dot:before{opacity:.75;animation:command-bar-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes command-bar-ping{75%,to{scale:2;opacity:0}}.command-bar_text{font-size:var(--text-tiny);line-height:var(--line-height-nav);color:var(--text-3)}.command-bar_strong{font-weight:var(--primary-medium);color:var(--text)}.command-bar_tail{display:none;@media (min-width:40rem){display:inline}}.command-bar_submit{flex:none;min-height:2.5rem;padding-inline:var(--space-5);border-radius:var(--radius-round);box-shadow:var(--brand-glow)}}@layer components{.modal_wrap{width:100%;max-width:35rem;max-height:85vh;padding:0;margin:auto;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-2);color:var(--text-2);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-main);&.small{max-width:30rem}&.large{max-width:48rem}&::-webkit-backdrop{background-color:var(--overlay)}&::backdrop{background-color:var(--overlay)}}.modal_header{flex:none;display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--border)}.modal_titles{min-width:0}.modal_title{margin-block:0}.modal_text{margin-top:var(--space-1);font-size:var(--text-tiny);line-height:var(--line-height-nav);color:var(--text-3)}.modal_actions{flex:none;display:flex;align-items:center;gap:var(--space-2)}.modal_body{flex-grow:1;min-height:0;overflow:clip auto}.modal_body,.modal_footer{padding:var(--space-4) var(--space-5)}.modal_footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:var(--space-2);border-top:var(--border-width) solid var(--border)}}@layer components{.popover_wrap{position:absolute;z-index:20;width:100%;max-width:28rem;margin-top:var(--space-2);padding:var(--space-4);background-color:var(--background-2);border:var(--border-width) solid var(--border-3);border-radius:var(--radius-main);&.start{inset-inline-start:0}&.end{inset-inline-end:0}}.popover_title{margin-bottom:var(--space-2)}}