.date-picker-card-preview{align-content:center;gap:8px;padding:17px;display:grid}.date-picker-card-preview small{color:#868691;font-size:8px;font-weight:750}.date-picker-card-preview>div{color:#53535d;text-align:left;background:#fff;border:1px solid #e2e2e8;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;margin:0;padding:9px 10px;font-size:9px;display:flex}.date-picker-card-preview p{color:#858590;margin:0;font-size:8px}.date-picker-card-preview>div{color:var(--accent);justify-content:flex-start}.date-picker-card-preview p{color:#518064}.term-card .term-preview.date-picker-card-preview{align-content:center;gap:8px;padding:14px;display:grid}.term-card .term-preview.date-picker-card-preview .date-picker-card-eyebrow{color:var(--muted);margin:0;font-size:8px;font-weight:700}.term-card .term-preview.date-picker-card-preview .date-picker-card-compare{color:var(--ink);background:0 0;border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.term-card .term-preview.date-picker-card-preview .date-picker-card-day{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fff;border-radius:8px;align-content:center;gap:2px;padding:9px 8px;display:grid}.term-card .term-preview.date-picker-card-preview .date-picker-card-day b{color:var(--ink);font-size:13px;font-weight:800;line-height:1.1}.term-card .term-preview.date-picker-card-preview .date-picker-card-day span{color:var(--muted);font-size:9px;font-weight:600}.term-card .term-preview.date-picker-card-preview .date-picker-card-day small{color:var(--muted);font-size:8px;font-weight:600}.term-card .term-preview.date-picker-card-preview .date-picker-card-day i{font-size:8px;font-style:normal;font-weight:800}.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-blocked{border-style:dashed}.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-blocked i{color:#a83a44}.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-selected{border-color:var(--ink);background:var(--ink)}.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-selected b,.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-selected i{color:var(--color-white)}.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-selected span,.term-card .term-preview.date-picker-card-preview .date-picker-card-day.is-selected small{color:#ffffffd1}.term-card .term-preview.date-picker-card-preview .date-picker-card-conclusion{color:var(--ink);margin:0;font-size:9px;line-height:1.5}.term-interactive-demo.date-picker-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.date-picker-lab button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.date-picker-lab button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.date-picker-lab input[type=text]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.date-picker-lab input[type=text]:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.date-picker-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.date-picker-lab-object{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.date-picker-lab-ticket{border:1px solid color-mix(in srgb, var(--ink) 45%, var(--line));border-radius:var(--radius-buttons);background:var(--soft);color:var(--ink);font-size:var(--text-caption);align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:inline-flex}.date-picker-lab-ticket b{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.date-picker-lab-ticket .date-picker-lab-date{font-weight:800}.date-picker-lab-ticket .date-picker-lab-tz{color:var(--muted);font-size:11px;font-weight:600}.date-picker-lab-ticket.is-submitted{color:#1f5a3a;background:#f1f7f3;border-color:#2f7a52}.date-picker-lab-ticket.is-submitted b,.date-picker-lab-ticket.is-submitted .date-picker-lab-tz{color:#1f5a3a}.date-picker-lab-blocked{border-radius:var(--radius-buttons);color:#a83a44;font-size:var(--text-caption);background:#fbeaeb;border:1px solid #a83a44;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:inline-flex}.date-picker-lab-calendar{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);gap:4px;padding:10px;display:grid}.date-picker-lab-cal-head{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-lab-cal-head span{color:var(--muted);text-align:center;padding:4px 0;font-size:11px;font-weight:700}.date-picker-lab-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.term-interactive-demo.date-picker-lab .date-picker-lab-cell{border:1px solid var(--line);background:var(--color-white);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;align-content:center;justify-items:center;gap:1px;margin:0;padding:4px 2px;font-size:13px;font-weight:700;transition:border-color .12s,background .12s,color .12s;display:grid}.term-interactive-demo.date-picker-lab .date-picker-lab-cell b{color:var(--ink);font-size:14px;font-weight:800;line-height:1}.term-interactive-demo.date-picker-lab .date-picker-lab-cell small{color:var(--ink);font-size:9px;font-weight:700}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-open:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));background:var(--soft)}.term-interactive-demo.date-picker-lab .date-picker-lab-cell:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-disabled{color:color-mix(in srgb, var(--ink) 45%, var(--line));cursor:not-allowed;background:0 0;border-style:dashed}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-disabled b{color:color-mix(in srgb, var(--ink) 45%, var(--line))}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-disabled:hover{border-color:var(--line);background:0 0}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-today{border-color:var(--ink);border-width:2px}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-today.is-disabled{border-color:color-mix(in srgb, var(--ink) 55%, var(--line))}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-selected{border-color:var(--ink);background:var(--ink);color:var(--color-white);border-width:2px}.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-selected b,.term-interactive-demo.date-picker-lab .date-picker-lab-cell.is-selected small{color:var(--color-white)}.date-picker-lab-legend{gap:var(--spacing-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.date-picker-lab-legend li{color:var(--muted);font-size:var(--text-caption);align-items:center;gap:5px;display:inline-flex}.date-picker-lab-legend i{border-radius:3px;width:12px;height:12px}.date-picker-lab-legend .is-today-dot{border:2px solid var(--ink);background:0 0}.date-picker-lab-legend .is-selected-dot{border:2px solid var(--ink);background:var(--ink)}.date-picker-lab-legend .is-disabled-dot{border:1px dashed color-mix(in srgb, var(--ink) 45%, var(--line));background:0 0}.date-picker-lab-field{gap:6px;display:grid}.date-picker-lab-label{color:var(--ink);font-size:var(--text-body);font-weight:700}.date-picker-lab-label b{color:var(--muted);font-size:var(--text-caption);font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace}.date-picker-lab-field input[type=text]{width:100%}.date-picker-lab-field input[aria-invalid=true]{color:#a83a44;background:#fbeaeb;border-color:#a83a44}.date-picker-lab-field input[aria-invalid=true]:focus-visible{border-color:#a83a44;outline-color:#a83a44}.date-picker-lab-feedback{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.date-picker-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.date-picker-lab-primary{border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.date-picker-lab-primary:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.date-picker-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.date-picker-lab-reset{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.date-picker-lab-reset:hover{background:var(--color-faint)!important;color:var(--ink)!important}.date-picker-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.date-picker-attention-list{margin-bottom:0}.date-picker-attention-list li{gap:4px;display:grid}.date-picker-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.date-picker-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.date-picker-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-picker-when-grid article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.date-picker-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.date-picker-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.date-picker-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.date-picker-how-steps{gap:var(--spacing-8);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding-left:18px;display:grid}.date-picker-how-steps li{padding-left:4px}.date-picker-how-steps li::marker{color:var(--ink);font-weight:800}.date-picker-how-steps code{background:var(--color-faint);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:3px;padding:1px 5px;font-size:12px}.date-picker-examples{gap:10px;display:grid}.date-picker-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.date-picker-examples article.is-good{border-left:3px solid #2f7a52}.date-picker-examples article.is-bad{border-left:3px solid #a83a44}.date-picker-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.date-picker-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.date-picker-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.date-picker-example-cta{border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);border:0;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.date-picker-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#a83a44;font-size:var(--text-caption);border:1px solid #a83a44;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.term-card .term-preview.date-picker-card-preview .date-picker-card-compare,.date-picker-when-grid{grid-template-columns:1fr}.date-picker-lab-actions{flex-direction:column;align-items:stretch}.term-interactive-demo.date-picker-lab .date-picker-lab-cell{min-height:38px;font-size:12px}.term-interactive-demo.date-picker-lab .date-picker-lab-cell b{font-size:13px}}
