.logo{font-size:5rem;display:flex;perspective:1000px}.logo span{display:block;--rotation: attr(data-rotate px, 50);transform:rotateY(50deg);translate:var(--rotation)}.page-title{font-size:var(--font-size-2xl)}.button{display:inline-grid;grid-auto-flow:column;place-content:center;column-gap:var(--spacing-1);border-radius:var(--radius);padding-block:var(--spacing-1);min-width:8ch;flex-shrink:0;min-width:fit-content;font-size:var(--font-size-sm);outline:1px transparent;line-height:1;background-clip:padding-box;text-shadow:0 1px 0 oklch(0% 0 0 / 6%);transition-property:background-color,color,border-color;transition-duration:var(--duration-normal);transition-timing-function:var(--transition-cubic);padding-block:var(--spacing-2-half);padding-inline:var(--spacing-2)}.button[data-variant=default]{color:var(--color-text-primary);border:1px solid var(--gray-a4)}.button[data-variant=default][data-hovered=true],.button[data-variant=default]:hover{background-color:var(--gray-interactive-hover);border-color:var(--gray-border-hover)}.button[data-variant=default][data-pressed=true]{background-color:var(--gray-interactive-active);border-color:var(--gray-border-hover)}.button[data-variant=default][data-disabled=true]{color:var(--gray-3)}.button[data-variant=destructive]{background-color:var(--red-interactive-element);border:1px solid var(--red-a2)}.button[data-variant=destructive][data-hovered=true],.button[data-variant=destructive]:hover{background-color:var(--red-interactive-hover);border-color:var(--red-border-hover)}.button[data-variant=destructive][data-pressed=true]{background-color:var(--red-interactive-active);border-color:var(--red-border-hover)}.button[data-variant=destructive][data-disabled=true]{color:var(--gray-3)}.track-table-container{border-radius:var(--radius-lg)}.track-table{border-spacing:0;--cell-inline-spacing: var(--spacing-1)}.track-column{position:sticky;top:0;font-weight:400;background-color:var(--gray-bg-app);padding-block:var(--spacing-2)}.track-column[data-sort-direction] svg{transition-property:transform,rotate;transition-duration:var(--duration-long)}.track-column[data-sort-direction=ascending] svg{rotate:180deg}.track-column-title{display:flex;align-items:center;column-gap:var(--spacing-1);outline:1px transparent;border-radius:var(--radius)}.track-column-title[data-focus-visible=true]{outline:var(--outline)}.track-column-container{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--cell-inline-spacing)}.track-column-group{display:flex;align-items:center;column-gap:var(--spacing-2)}.track-column:first{border-top-left-radius:var(--radius)}.track-column:last{border-top-right-radius:var(--radius)}.column-resizer{width:var(--spacing-px);height:var(--spacing-4);background-color:var(--gray-9);cursor:col-resize;transition-property:background-color;transition-duration:var(--duration-normal);transition-timing-function:var(--transition-cubic);border-radius:var(--radius-sm);outline-offset:2px}.column-resizer[data-hovered=true]{background-color:var(--gray-10)}.column-resizer[data-focus-visible=true]{outline:var(--outline)}.column-resizer[data-resizing=true]{background-color:var(--gray-9)}.track-row:nth-child(2n){background-color:var(--gray-4);padding-block:var(--spacing-2)}.track-row{--radius-row: var(--radius);border-radius:var(--radius)}.track-row[aria-selected=true]{outline:1px solid var(--amber-6);background:var(--gray-1)}.track-row td:first-child{border-top-left-radius:var(--radius-row)}.track-row td:last-child{border-top-right-radius:var(--radius-row)}.track-row td:first-child{border-bottom-left-radius:var(--radius-row)}.track-row td:last-child{border-bottom-right-radius:var(--radius-row)}.track-cell-comment{color:var(--gray-text-low-contrast)}.track-cell{padding-inline:var(--cell-inline-spacing)}.field{display:grid;row-gap:var(--spacing-1)}.field[data-invalid=true] .input{border-color:var(--red-border-element)}.field[data-invalid=true] .input[data-focused=true]{outline:2px solid var(--red-border-subtle)}.field[data-invalid=true] .label{color:var(--red-text-high-contrast)}.label{font-size:var(--font-size-sm);width:fit-content}.input{font-size:var(--font-size-base);flex:1;padding-inline:var(--spacing-2);padding-block:var(--spacing-1);border-radius:var(--radius);border:1px solid var(--gray-border-element);background-color:var(--gray-1);transition-property:border-color,background-color,outline-color,outline-width;transition-timing-function:var(--transition-cubic);transition-duration:var(--duration-normal);outline:0px transparent;color:var(--color-text-primary)}.input[data-hovered]{border-color:var(--gray-border-hover);background-color:var(--gray-2)}.input[data-focus-visible]{border-color:var(--blue-solid-bg)}.field-description{font-size:var(--font-size-sm);color:var(--gray-text-low-contrast)}.field-error{font-size:var(--font-size-sm);color:var(--red-text-high-contrast)}.error-list{display:grid;row-gap:var(--spacing-2);font-size:var(--font-size-sm)}.checkbox-group{display:grid;row-gap:var(--spacing-1)}.checkbox{display:flex;column-gap:var(--spacing-1-half);align-items:center;font-size:var(--font-size-sm);outline:1px transparent;transition-property:color;color:var(--color-text-primary)}.checkbox[data-hovered=true] .checkbox-square{border-color:var(--gray-border-hover);background-color:var(--gray-interactive-hover)}.checkbox[data-pressed=true] .checkbox-square{background-color:var(--gray-interactive-active)}.checkbox[data-focus-visible=true]{outline:none}.checkbox[data-focus-visible=true] .checkbox-square{outline:var(--outline)}.checkbox[data-disabled=true]{color:var(--gray-text-low-contrast);cursor:not-allowed}.checkbox[data-invalid=true]{color:var(--red-text-low-contrast)}.checkbox[data-readonly=true] .checkbox-square{background-color:var(--gray-3);cursor:not-allowed}.checkbox[data-invalid=true] .checkbox-square{border-color:var(--red-border-element);background-color:var(--red-2)}.checkbox[data-invalid=true][data-hovered=true] .checkbox-square{border-color:var(--red-border-hover);background-color:var(--red-3)}.checkbox[data-disabled=true] .checkbox-square{background-color:var(--gray-3)}.checkbox .checkbox-square{display:flex;flex-shrink:0;justify-content:center;align-items:center;background-color:var(--gray-1);border-radius:var(--radius);border:1px solid var(--gray-border-element);width:var(--font-size-3, 1rem);height:var(--font-size-3, 1rem);transition-property:background-color,border-color,color,fill,stroke,opacity,outline-width;transition-timing-function:var(--transition-cubic);transition-duration:var(--duration-normal)}.checkbox .checkbox-icon{width:var(--font-size-3);height:var(--font-size-3);fill:currentColor}.radio-group{display:grid;row-gap:var(--spacing-1)}.radio{display:flex;column-gap:var(--spacing-1-half);align-items:center;color:var(--color-text-primary);font-size:var(--font-size-sm);transition-property:border-width,border-color;transition-duration:var(--duration-normal);transition-timing-function:var(--transition-cubic)}.radio[data-disabled=true]{color:var(--gray-text-low-contrast)}.radio .radio-circle{width:var(--font-size-3);height:var(--font-size-3);border-radius:var(--radius-circle);border:1px solid var(--gray-border-element);transition-property:background-color,border-color,color,fill,stroke,opacity,outline-width;transition-timing-function:var(--transition-cubic);transition-duration:var(--duration-normal)}.radio[data-focus-visible=true]{outline:none}.radio[data-focus-visible=true] .radio-circle{outline:var(--outline)}.radio[data-selected=true] .radio-circle{border-width:5px;border-color:var(--blue-solid-bg)}.radio[data-selected=true][data-hovered=true] .radio-circle{border-color:var(--blue-solid-bg-hover)}.radio[data-hovered=true] .radio-circle{border-color:var(--gray-border-hover);background-color:var(--gray-interactive-hover)}.radio[data-pressed=true] .radio-circle{background-color:var(--gray-interactive-active)}.radio[data-disabled=true]{color:var(--gray-text-low-contrast);cursor:not-allowed}.radio[data-disabled=true] .radio-circle{border:1px solid var(--gray-border-hover)}.radio[data-invalid=true]{color:var(--red-text-low-contrast)}.radio[data-invalid=true] .radio-circle{border-color:var(--red-border-element);background-color:var(--red-2)}.radio[data-invalid=true][data-hovered=true] .radio-circle{border-color:var(--red-border-hover);background-color:var(--red-3)}.react-aria-Breadcrumbs{display:grid;grid-auto-flow:column;gap:var(--spacing-1);color:var(--gray-11);max-width:fit-content}.react-aria-Breadcrumb{font-size:var(--font-size-sm);border-radius:var(--radius-sm);display:contents}.react-aria-Breadcrumb:not(:last-child):after{content:"/";color:var(--gray-8)}.react-aria-Breadcrumb .react-aria-Link{transition-property:color,background-color;transition-duration:var(--duration-normal);border-radius:var(--radius-sm);padding-inline:var(--spacing-1);outline:1px transparent}.react-aria-Breadcrumb .react-aria-Link[data-focus-visible=true]{outline:var(--outline)}.react-aria-Breadcrumb .react-aria-Link[data-hovered=true]{background-color:var(--gray-interactive-element);color:var(--color-text-primary)}.react-aria-Breadcrumb .react-aria-Link[data-pressed=true]{background-color:var(--gray-interactive-hover)}.react-aria-Breadcrumb .react-aria-Link[aria-current=page]{color:var(--color-text-primary);font-weight:500}.navigation-menu-trigger{display:inline-flex;align-items:center;gap:var(--spacing-1);justify-content:start;border-radius:var(--radius);padding-block:var(--spacing-2);padding-inline:var(--spacing-4);width:100%;transition-property:color,background-color;font-size:var(--font-size-sm);outline:1px transparent;border:1px solid transparent}.navigation-menu-trigger[data-hovered=true]{background-color:var(--gray-interactive-hover)}.navigation-menu-trigger[data-pressed=true]{background-color:var(--gray-interactive-active)}.navigation-menu-trigger[data-focus-visible]{outline:var(--outline)}.navigation-menu-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.navigation-menu-trigger[data-active]{background-color:var(--gray-interactive-active)}.navigation-menu-trigger[data-state=open]{background-color:transparent;border:1px solid var(--gray-border-subtle)}.navigation-menu-trigger[data-state=open] .navigation-menu-trigger-icon{rotate:180deg}.navigation-menu-trigger-icon{display:relative;flex-grow:0;height:var(--font-size-sm);transition-property:transfrom,rotate;transition-timing-function:var(--transition-cubic);transition-duration:var(--duration-extra)}.navigation-menu-content{position:absolute;z-index:2;border:1px solid var(--gray-border-element);width:100%;border-radius:var(--radius-md);background-color:var(--gray-bg-subtle)}.react-aria-Link{border-radius:var(--radius)}.react-aria-Link[data-hovered=true]{text-decoration:underline}.react-aria-Menu{background-color:var(--gray-bg-subtle);border:1px solid var(--gray-border-element);padding-block:var(--spacing-1-half);padding-inline:var(--spacing-2);border-radius:var(--radius)}.react-aria-MenuItem{display:flex;align-items:center;column-gap:var(--spacing-2);padding-block:var(--spacing-1);padding-inline:var(--spacing-2);border-radius:var(--radius-sm)}.react-aria-MenuItem>svg{flex-shrink:0}.react-aria-MenuItem[data-hovered=true]{background-color:var(--gray-interactive-element)}.react-aria-MenuItem[data-pressed=true]{background-color:var(--gray-interactive-hover)}.menu-trigger{background-color:var(--gray-interactive-element);border-radius:var(--radius);aspect-ratio:1;width:20px;display:grid;place-content:center;border:1px solid var(--gray-border-element)}.menu-trigger[data-hovered=true]{background-color:var(--gray-interactive-hover)}.menu-trigger[data-pressed=true]{background-color:var(--gray-interactive-active)}.menu-trigger[aria-controls]{border:1px solid var(--blue-border-element)}.chip{display:inline-block;line-height:1;padding-inline:var(--spacing-1-half);padding-block-start:2px;padding-block-end:var(--spacing-1);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);transition-property:background-color,border-color;transition-duration:var(--duration-normal)}.sent-to-chip{background-color:var(--blue-interactive-element);border:1px solid var(--blue-border-element)}.sent-to-chip:hover{background-color:var(--blue-interactive-hover);border-color:var(--blue-border-hover)}.type-chip{font-size:var(--font-size-xs);text-transform:capitalize;color:var(--gray-10);background-color:var(--amber-interactive-element);border:1px solid var(--amber-border-element)}.popover{width:320px;background-color:var(--gray-bg-subtle);border:1px solid var(--gray-border-element);border-radius:var(--radius);padding-inline:var(--spacing-2);padding-block:var(--spacing-2)}