@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer elements {
  .kit-role-phone-sheet {
    overflow-wrap: break-word;
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line > .kit-region-heading {
    font-family: var(--_kit-body-family);
  }
}
@layer cut-edges {
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul.kit-role-phone-sheet:before,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul.kit-role-phone-sheet:after {
    position: sticky;
    z-index: var(--_kit-tier-held);
    pointer-events: none;
    background:
      linear-gradient(
        var(--_kit-overflow-fade-direction),
        transparent,
        var(--_kit-overflow-fade-surface));
  }
  :where([data-kit-state~=loading]) .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul.kit-role-phone-sheet:before,
  :where([data-kit-state~=loading]) .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul.kit-role-phone-sheet:after {
    background: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul.kit-role-phone-sheet {
    --_kit-overflow-fade-extent: calc(var(--_kit-stack) + var(--_kit-overflow-fade-blank));
  }
}
@layer panels {
  .kit-role-phone-sheet {
    --_kit-overlay-edge: color-mix(in srgb, var(--_kit-text-ink) var(--_kit-overlay-edge-ink), var(--_kit-panel-boundary));
  }
}
@layer roles {
  .kit-role-phone-sheet[role=menu] {
    --_kit-menu-typeahead: .5s;
    --_kit-menu-edge: var(--_kit-rhythm);
  }
  .kit-role-phone-sheet[role=menu]:focus-visible {
    outline: none;
    box-shadow: none;
  }
  .kit-role-popover[role=menu] .kit-role-phone-sheet[role=menu],
  .kit-role-phone-sheet[role=menu] .kit-role-phone-sheet[role=menu] {
    --_kit-anchor-gap: 0px;
  }
  ul[role=menu].kit-role-phone-sheet[popover] {
    --_kit-menu-edge: var(--_kit-inset);
    gap: 0;
    min-block-size: var(--kit-menu-floor, auto);
  }
  .kit-role-phone-sheet[role=menu] .kit-region-context {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .kit-role-phone-sheet[role=menu] > .kit-region-back + .kit-region-group:before {
    content: "";
    display: block;
    block-size: var(--_kit-rule);
    margin: var(--_kit-rhythm) calc(-1 * var(--_kit-menu-edge));
    background: var(--_kit-panel-boundary);
  }
  .kit-role-phone-sheet[role=menu] > .kit-region-back {
    display: block;
  }
  @media screen {
    .kit-role-phone-sheet {
      opacity: 0;
      translate: 0 var(--_kit-travel);
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-phone-sheet {
        --_kit-surface-beneath: var(--_kit-panel-surface);
        position: fixed;
        inset-inline: env(safe-area-inset-left) env(safe-area-inset-right);
        inset-block: auto env(safe-area-inset-bottom);
        inline-size: auto;
        max-block-size: calc(100dvh - var(--_kit-sheet-clearance) - env(safe-area-inset-bottom));
        margin: 0;
        overflow-y: auto;
        padding: var(--_kit-inset);
        border: 0;
        border-block-start: var(--_kit-rule) solid var(--_kit-overlay-edge);
        background: var(--_kit-panel-surface);
        color: var(--_kit-text-ink);
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: var(--_kit-rhythm);
        visibility: hidden;
        pointer-events: none;
        transition:
          opacity var(--_kit-leave) var(--_kit-settle),
          translate var(--_kit-leave) var(--_kit-settle),
          visibility var(--_kit-leave) var(--_kit-settle),
          overlay var(--_kit-leave) var(--_kit-settle) allow-discrete;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-phone-sheet:popover-open {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        translate: none;
        transition:
          opacity var(--_kit-appear) var(--_kit-settle),
          translate var(--_kit-appear) var(--_kit-settle),
          visibility var(--_kit-appear) var(--_kit-settle),
          overlay var(--_kit-appear) var(--_kit-settle) allow-discrete;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-phone-sheet::backdrop {
        background: var(--_kit-backdrop);
        opacity: 0;
        transition:
          opacity var(--_kit-leave) var(--_kit-settle),
          display var(--_kit-leave) var(--_kit-settle) allow-discrete,
          overlay var(--_kit-leave) var(--_kit-settle) allow-discrete;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-phone-sheet:popover-open::backdrop {
        opacity: 1;
        transition-duration: var(--_kit-appear);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      @starting-style {
        html[data-kit-shown] .kit-role-phone-sheet:popover-open::backdrop {
          opacity: 0;
        }
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-phone-sheet[data-kit-holds~=scroll] {
        --_kit-surface-beneath: var(--_kit-panel-surface);
        --_kit-sheet-rail: 0px;
        position: fixed;
        inset-inline: var(--_kit-sheet-rail) 0;
        inset-block: auto 0;
        inline-size: auto;
        max-block-size: calc(100dvh - var(--_kit-sheet-clearance));
        margin: 0;
        overflow-y: auto;
        padding: var(--_kit-inset);
        border: 0;
        border-block-start: var(--_kit-rule) solid var(--_kit-overlay-edge);
        background: var(--_kit-panel-surface);
        color: var(--_kit-text-ink);
        display: flex;
        flex-direction: column;
        gap: var(--_kit-rhythm);
        visibility: hidden;
        pointer-events: none;
        transition:
          opacity var(--_kit-leave) var(--_kit-settle),
          translate var(--_kit-leave) var(--_kit-settle),
          visibility var(--_kit-leave) var(--_kit-settle),
          overlay var(--_kit-leave) var(--_kit-settle) allow-discrete;
        &:popover-open {
          visibility: visible;
          pointer-events: auto;
          opacity: 1;
          translate: none;
          transition:
            opacity var(--_kit-appear) var(--_kit-settle),
            translate var(--_kit-appear) var(--_kit-settle),
            visibility var(--_kit-appear) var(--_kit-settle),
            overlay var(--_kit-appear) var(--_kit-settle) allow-discrete;
        }
        &::backdrop {
          background: var(--_kit-backdrop);
          opacity: 0;
          transition:
            opacity var(--_kit-leave) var(--_kit-settle),
            display var(--_kit-leave) var(--_kit-settle) allow-discrete,
            overlay var(--_kit-leave) var(--_kit-settle) allow-discrete;
        }
        &:popover-open::backdrop {
          opacity: 1;
          transition-duration: var(--_kit-appear);
        }
      }
      .kit-layout-shell[data-kit-holds~=rail] .kit-region-page > .kit-role-phone-sheet[data-kit-holds~=scroll] {
        --_kit-sheet-rail: calc(var(--_kit-rail-width) + env(safe-area-inset-left));
      }
      html[data-kit-state~=rail] body > .kit-role-phone-sheet[data-kit-holds~=scroll] {
        --_kit-sheet-rail: calc(var(--_kit-rail-width) + env(safe-area-inset-left));
      }
      @starting-style {
        html[data-kit-shown] .kit-role-phone-sheet[data-kit-holds~=scroll]:popover-open::backdrop {
          opacity: 0;
        }
      }
      @supports not (overlay: auto) {
        .kit-role-phone-sheet[data-kit-holds~=scroll],
        .kit-role-phone-sheet[data-kit-holds~=scroll]::backdrop {
          transition-duration: 0s;
        }
      }
    }
  }
  .kit-role-phone-sheet.kit-region-filters .kit-region-control-set > .kit-region-legend {
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-phone-sheet[role=menu] .kit-region-item {
    display: flex;
    align-items: center;
    gap: var(--_kit-inset-tight);
    inline-size: 100%;
    min-block-size: var(--_kit-target);
    padding: 0 var(--_kit-inset-tight);
    border: 0;
    border-radius: var(--_kit-inner-radius);
    background: none;
    color: var(--_kit-text-ink);
    font: inherit;
    text-align: start;
    text-decoration: none;
  }
  .kit-role-phone-sheet[role=menu] .kit-region-item[data-kit-state~=highlighted] {
    background-color: var(--_kit-wash);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 0;
    background-size: calc(2 * var(--_kit-focus-edge)) 100%;
    background-repeat: no-repeat;
  }
  .kit-role-phone-sheet[role=menu] .kit-region-item[data-kit-state~=highlighted]:dir(rtl) {
    background-position: 100% 0;
  }
  .kit-role-phone-sheet[role=menu] .kit-region-item:is([aria-checked=true], [aria-current]:not([aria-current=false])):after {
    content: "";
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    margin-inline-start: auto;
    background: currentColor;
    forced-color-adjust: none;
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22 fill=%22currentColor%22%3E%3Cpath d=%22M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .kit-role-phone-sheet > .kit-region-scroll {
    display: flex;
    flex-direction: column;
    gap: var(--_kit-region);
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line {
    display: flex;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line > .kit-region-heading {
    flex: 1 1 auto;
    min-inline-size: 0;
    margin: 0;
    font-size: var(--_kit-sub-heading-size);
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line > .kit-region-next-previous {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line > .kit-region-next-previous > .kit-region-position {
    color: var(--_kit-text-muted);
    white-space: nowrap;
  }
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-standing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
    margin: calc(var(--_kit-stack) - var(--_kit-region)) 0 0;
  }
}
@layer shell {
  .kit-layout-shell .kit-role-phone-sheet {
    --_kit-shell-held-edge: 0px;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet > .kit-region-profile > .kit-region-opener:after {
    content: "";
    flex: 0 0 var(--_kit-control-icon);
    align-self: center;
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    margin-inline-start: auto;
    background: var(--_kit-text-muted);
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22 fill=%22currentColor%22%3E%3Cpath d=%22M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet {
    background: var(--_kit-rail-raised);
    border: 0;
    border-block-start: var(--_kit-rule) solid var(--_kit-overlay-edge);
    color: var(--_kit-rail-ink);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet {
    --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-stack) + var(--_kit-rule) + 1lh + var(--_kit-stack) + var(--_kit-inset-tight));
    font-size: var(--_kit-label-size);
    padding-block-end: 0;
    scroll-padding-block: var(--_kit-overflow-fade-extent);
    container-type: scroll-state;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet:before {
    --_kit-overflow-fade-direction: to top;
    --_kit-overflow-fade-surface: var(--_kit-rail-raised);
    flex: none;
    align-self: stretch;
    inset-block-start: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-end: calc(-1 * (var(--_kit-overflow-fade-extent) + var(--_kit-rhythm)));
    margin-inline: calc(-1 * var(--_kit-inset));
  }
  @container scroll-state(scrollable: block-start) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet:before {
      content: "";
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet:after {
    --_kit-overflow-fade-direction: to bottom;
    --_kit-overflow-fade-surface: var(--_kit-rail-raised);
    flex: none;
    align-self: stretch;
    inset-block-end: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-start: calc(-1 * var(--_kit-rhythm));
    margin-inline: calc(-1 * var(--_kit-inset));
  }
  @container scroll-state(scrollable: block) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet:after {
      content: "";
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > .kit-role-phone-sheet .kit-region-opener {
    text-align: start;
    padding-inline: var(--_kit-inset-tight);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell[data-kit-holds~=rail] .kit-role-phone-sheet {
        position-anchor: --_kit-bottom-bar;
        inset-block-end: anchor(top);
        max-block-size: calc(100dvh - var(--_kit-sheet-clearance) - anchor-size(block));
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell[data-kit-holds~=rail] .kit-role-phone-sheet::backdrop {
        position-anchor: --_kit-bottom-bar;
        inset-block-end: anchor(top);
      }
    }
  }
}
@layer layouts {
  .kit-layout-calendar [data-kit-state~=loading] > .kit-role-phone-sheet {
    background: var(--_kit-wash-muted);
    border-color: transparent;
    color: transparent;
    animation: kit-wait var(--_kit-appear) var(--_kit-settle) var(--_kit-wait) backwards;
  }
  .kit-layout-calendar [data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-phone-sheet {
    animation: none;
  }
  .kit-layout-calendar[data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-phone-sheet {
    animation: none;
  }
  [data-kit-state~=loading] .kit-layout-calendar :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-phone-sheet {
    animation: none;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more[data-kit-fit=pending]:not([hidden]) + .kit-role-secondary-action + .kit-role-phone-sheet {
        visibility: hidden;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope-form > .kit-region-scope > .kit-region-more[data-kit-fit=pending]:not([hidden]) + .kit-role-secondary-action + .kit-role-phone-sheet {
        visibility: hidden;
      }
    }
  }
}
@layer motion {
  @supports not (overlay: auto) {
    @media screen {
      @container (inline-size < 720px) {
        .kit-role-phone-sheet,
        .kit-role-phone-sheet::backdrop {
          transition-duration: 0s;
        }
      }
    }
  }
  .kit-role-phone-sheet:popover-open[data-kit-shortcut] {
    transition-duration: 0s;
  }
  .kit-role-phone-sheet:popover-open[data-kit-shortcut]::backdrop {
    transition-duration: 0s;
  }
}
@layer print {
  @media print {
    .kit-role-phone-sheet::backdrop {
      display: none !important;
    }
  }
  @media print {
    .kit-layout-list > .kit-region-saved-views-filters-sort .kit-role-phone-sheet.kit-region-filters {
      display: contents;
    }
  }
  @media print {
    .kit-layout-reports > .kit-region-period-filters-schedule .kit-role-phone-sheet.kit-region-filters {
      display: contents;
    }
  }
}