@layer block {
  .volo { position: relative; min-width: 0; }
  .volo > input { padding-inline-end: 2.75rem; }
  .volo > input[readonly] { background: #fff; color: #14181c; color-scheme: light; cursor: pointer; }
  .mapak {
    position: absolute; inset-inline-end: .35rem; inset-block-start: .3125rem;
    display: grid; place-items: center; width: 2rem; height: 2rem; padding: .3rem;
    border: 0; border-radius: var(--radius); background: transparent;
    color: #14181c; cursor: pointer;
  }
  .mapak:hover { background: #edf5f7; }
  .mapak:disabled { color: #657078; cursor: not-allowed; }

  .nivec {
    position: absolute; z-index: 30;
    inset-block-start: calc(100% + .35rem); inset-inline-start: 0;
    width: min(20rem, 100%); max-width: calc(100vw - 2rem);
    max-height: min(28rem, calc(100dvh - 2rem)); overflow: auto; overscroll-behavior: contain;
    padding: .65rem; border: 1px solid #d4d8dc; border-radius: 4px;
    background: #fff; color: #14181c; color-scheme: light;
    box-shadow: 0 .4rem 1.1rem rgb(20 24 28 / 12%);
  }
  .ganKoneZopib {
    display: grid; grid-template-columns: 2rem minmax(0, 1fr) 4.25rem 2rem;
    align-items: center; gap: .3rem; margin-bottom: .5rem;
  }
  .ganKoneZopib select,
  .ganKoneZopib button,
  .qumolBesuf button {
    min-width: 0; min-height: 2rem; padding: .2rem .35rem;
    border: 1px solid #d4d8dc; border-radius: 3px;
    background: #fff; color: inherit; font-size: .8rem; line-height: 1.3;
  }
  .ganKoneZopib select { width: 100%; }
  .ganKoneZopib button,
  .qumolBesuf button { cursor: pointer; }
  .ganKoneZopib button:not(:disabled):hover,
  .qumolBesuf button:not(:disabled):hover { background: #edf5f7; border-color: #9ac9d1; }
  .ganKoneZopib :disabled { opacity: .5; cursor: not-allowed; }
  .fodXenMekara { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .15rem; }
  .hopXikuf { padding: .2rem 0; text-align: center; color: #5a636c; font-size: .7rem; font-weight: 600; }
  .hisun {
    display: grid; place-items: center; width: 100%; min-width: 0; min-height: 2.25rem;
    padding: .15rem; border: 1px solid #82969f; border-radius: 3px;
    background: #fff; color: #253238; font-size: .84rem; font-weight: 500; line-height: 1.2; cursor: pointer;
  }
  .hisun:not(:disabled):not([aria-pressed="true"]):hover { background: #e5f2f4; border-color: #529daa; color: #0d5963; }
  .hisun[aria-current="date"] {
    background: #dff0f3; border-color: #318895; color: #0b5d68; font-weight: 700;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #318895;
  }
  .hisun[aria-pressed="true"] { background: #146f80; border-color: #0f6070; color: #fff; font-weight: 700; box-shadow: none; }
  .hisun:disabled { background: #e9edef; border-color: #cfd7db; color: #657078; cursor: not-allowed; }
  .wusCoc:disabled { background: transparent; border-color: transparent; color: #8b949b; font-weight: 400; }
  .hisun[aria-current="date"][aria-pressed="true"] { box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #0f6070; }
  .nivec :focus-visible { position: relative; z-index: 1; outline: 3px solid #0f7888; outline-offset: 2px; }
  .wovRexoNugud { margin: 0 0 .45rem; color: var(--ink-muted); font-size: .73rem; line-height: 1.4; overflow-wrap: anywhere; }
  .wofKixoqPeh { margin: .4rem 0 0; color: var(--ink-muted); font-size: .8rem; line-height: 1.45; }
  .bicabuCir { margin: .35rem 0; color: #8f2f24; font-size: .8rem; line-height: 1.4; }
  .qumolBesuf { display: flex; justify-content: flex-end; margin-top: .5rem; padding-top: .45rem; border-top: 1px solid #e5e8ea; }
}

.nivec[data-fixed] { position: fixed; margin: 0; inset: auto; left: var(--cal-x); top: var(--cal-y); max-height: var(--cal-mh); z-index: 60; }