fieldset.date-picker[data-v-30ae2b57]{--calendar-cell-size: clamp(1.5em, 4em, calc(96cqi / 7));--calendar-height: calc(var(--calendar-cell-size) * 6);width:100%;min-width:12em;font-size:var(--w-font-18-main);display:flex;flex-flow:column nowrap;padding:2cqi;box-sizing:border-box;row-gap:1em}fieldset.date-picker>.select-elements[data-v-30ae2b57]{--year-selector-display: flex;--year-on-month-selector-label-display: none;--long-formatted-month-selector-label-display: inline;--short-formatted-month-selector-label-display: none;--select-element-gap: 3cqi;display:flex;flex-flow:row nowrap;place-content:space-between}@container (max-width: 15em){fieldset.date-picker>.select-elements[data-v-30ae2b57]{--long-formatted-month-selector-label-display: none;--short-formatted-month-selector-label-display: inline}}@container (max-width: 25em){fieldset.date-picker>.select-elements[data-v-30ae2b57]{--year-selector-display: none;--year-on-month-selector-label-display: inline;--select-element-gap: 0}}fieldset.date-picker>.select-elements>.select-wrapper[data-v-30ae2b57]{place-items:center flex-start;place-content:stretch;display:flex;flex:1 1 0;flex-flow:row nowrap;gap:var(--select-element-gap, 0)}fieldset.date-picker>.select-elements>.select-wrapper.year-selector[data-v-30ae2b57]{display:var(--year-selector-display, grid)}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper[data-v-30ae2b57]{flex:1 1 0;min-width:0;display:inline-flex;flex-flow:row nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;place-content:center;gap:calc(var(--select-element-gap, 0)/2);border-radius:.25em;padding-block:.25em}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper span[data-v-30ae2b57]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper .year-label[data-v-30ae2b57]{display:var(--year-on-month-selector-label-display, none)}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper .month-long-label[data-v-30ae2b57]{display:var(--long-formatted-month-selector-label-display, none)}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper .month-short-label[data-v-30ae2b57]{display:var(--short-formatted-month-selector-label-display, none)}fieldset.date-picker>.select-elements>.select-wrapper>.dropdown-wrapper[data-v-30ae2b57]:focus-visible{outline:solid 2px var(--field-text-color)}fieldset.date-picker>.select-elements>.select-wrapper>button[data-v-30ae2b57]{all:initial;font-family:inherit;background-color:rgba(0,0,0,0);box-shadow:none;border:none;outline:none;cursor:pointer;color:var(--field-text-color);border-radius:.25em;display:inline-flex}fieldset.date-picker>.select-elements>.select-wrapper>button[data-v-30ae2b57]:focus-visible{outline:solid 2px var(--field-text-color)}fieldset.date-picker>.select-elements>.select-wrapper>button[data-v-30ae2b57]>*{place-self:center;width:2em;height:2em}fieldset.date-picker>div.selector-content-wrapper[data-v-30ae2b57]{height:var(--calendar-height);width:100%}fieldset.date-picker>div.selector-content-wrapper[data-v-30ae2b57]>*{height:100%;width:100%}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper[data-v-30ae2b57]{display:grid;width:100%;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(6, 1fr)}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper[data-v-30ae2b57],fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper tr[data-v-30ae2b57],fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper td[data-v-30ae2b57],fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper th[data-v-30ae2b57]{border:none}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper[data-v-30ae2b57]>:is(thead,tbody){display:contents}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr[data-v-30ae2b57]{display:contents}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr[data-v-30ae2b57]>:is(th,td){display:contents}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td):is(th)>span[data-v-30ae2b57]{place-self:center;text-transform:uppercase;font-weight:bold;text-align:center}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[data-v-30ae2b57]{all:initial;aspect-ratio:1/1;font-family:inherit;place-self:center stretch;display:block;font-weight:normal;background-color:rgba(0,0,0,0);color:inherit;box-shadow:none;outline:none;border:none;border-radius:50%;cursor:pointer;text-align:center;font-size:var(--w-font-16-main)}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[aria-selected=true][data-v-30ae2b57]{background-color:var(--form-field-selected-item-background-color);color:var(--form-field-text-color);border:solid 2px var(--form-field-focus-text-color);font-weight:bold}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[data-v-30ae2b57]:not([aria-selected=true]):hover{background-color:color-mix(in srgb, var(--form-field-selected-item-background-color) 50%, transparent)}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[aria-current=date][data-v-30ae2b57]{outline:solid 2px var(--form-field-focus-background-color)}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[data-v-30ae2b57]:focus-visible:not([aria-selected=true]){background-color:color-mix(in srgb, var(--form-field-selected-item-background-color) 50%, transparent);outline:solid 2px var(--form-field-focus-outline-color)}fieldset.date-picker>div.selector-content-wrapper>table.calendar-wrapper>:is(thead,tbody)>tr>:is(th,td)>button[data-v-30ae2b57]:not(.current-month){opacity:.7}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu[data-v-30ae2b57]{display:grid;overscroll-behavior:contain}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu[data-v-30ae2b57]{grid-template-columns:repeat(auto-fill, minmax(5em, 1fr));overflow-y:auto;align-content:start}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[data-v-30ae2b57]{border-radius:1em;border:solid 2px rgba(0,0,0,0);height:2em;display:inline-flex;place-items:center;place-content:center;padding-inline:1em;outline:none}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[aria-current=date][data-v-30ae2b57]{border:solid 2px var(--field-selected-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[aria-selected=true][data-v-30ae2b57]{background-color:var(--field-selected-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[aria-selected=true]>.label[data-v-30ae2b57]{color:var(--field-selected-contrast-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[data-v-30ae2b57]:hover:not([aria-selected=true]){background-color:var(--form-field-focus-background-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.year-selector-menu>ul>li[data-v-30ae2b57]:focus-visible{background-color:var(--main-overlay-2-color);border-color:var(--field-text-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu[data-v-30ae2b57]{grid-template-columns:1fr;font-size:1.1em;overflow-y:scroll;position:relative}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu>ul>li[data-v-30ae2b57]{height:2.5em;display:grid;grid-template-columns:[icon-start] 1.5em [icon-end label-start] 1fr [label-end];place-items:center;place-content:center}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu>ul>li[data-v-30ae2b57]:hover{background-color:var(--form-field-focus-background-color)}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu>ul>li>.icon[data-v-30ae2b57]{grid-area:icon}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu>ul>li>.icon>svg[data-v-30ae2b57]{height:1em;width:auto}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu.month-selector-menu>ul>li>.label[data-v-30ae2b57]{grid-area:label;place-self:center flex-start;padding-inline:.25em;text-transform:capitalize}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu[data-v-30ae2b57] *{font-size:inherit}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu>ul[data-v-30ae2b57]{display:contents}fieldset.date-picker>div.selector-content-wrapper>div.selector-menu>ul>li[data-v-30ae2b57]{list-style-type:none;cursor:pointer;box-sizing:border-box}fieldset.date-picker>.dialog-buttons[data-v-30ae2b57]{place-self:stretch;display:flex;flex-flow:row nowrap;gap:1em;padding-top:.25em}fieldset.date-picker>.dialog-buttons>div[data-v-30ae2b57]{flex:1 1 auto;display:flex;flex-flow:row nowrap;gap:1em}fieldset.date-picker>.dialog-buttons>div>button[data-v-30ae2b57]{all:initial;font-family:inherit;padding-inline:.5em;padding-block:.5em;cursor:pointer;font-weight:bold;font-size:var(--w-font-16-title);color:var(--field-text-color);border-radius:.25em}fieldset.date-picker>.dialog-buttons>div>button[data-v-30ae2b57]:hover{text-decoration:underline}fieldset.date-picker>.dialog-buttons>div>button[data-v-30ae2b57]:focus-visible{outline:solid 2px var(--field-text-color)}fieldset.date-picker>.dialog-buttons>div.start[data-v-30ae2b57]{place-content:flex-start}fieldset.date-picker>.dialog-buttons>div.end[data-v-30ae2b57]{place-content:flex-end}

div.dialog-wrapper[data-v-03bcbbb4] {
    --dialog-inner-padding: .5em;

    /* Seven day columns at the date picker's largest cell size. */
    --dialog-max-width: 28em;

    display: flex;
    place-items: flex-start;
    place-content: flex-start;
}
div.dialog-wrapper[data-v-03bcbbb4] > * {
        background-color: var(--background-color);
        border-bottom-left-radius: 1em;
        border-bottom-right-radius: 1em;
        padding: var(--dialog-inner-padding, 0);
        box-sizing: border-box;
        width: 100%;
        max-width: min(100%, var(--dialog-max-width));
        overflow: auto;

        /* The contents measure themselves against this box, so it carries the query container. */
        container-type: inline-size;
        container-name: dialog-outer-wrapper;

        display: flex;
        flex-flow: column nowrap;
}