.date-picker{position:relative}.date-picker__panel{width:100%;min-width:17.125rem;min-height:18.875rem;padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--bg-page);box-shadow:var(--dropdown-shadow)}.date-picker__panel--overlay{z-index:var(--z-index-dropdown);position:absolute;top:0;left:0}.date-picker__panel--right-side{top:0;left:calc(100% + var(--spacing-2xs));max-height:100vh;overflow-y:auto}.date-picker__field-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--color-text-primary)}.date-picker__field-input-wrapper{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background-color:var(--bg-page);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.date-picker__field-input-wrapper--no-border{box-shadow:none;border:none}.date-picker__field-input{width:100%;font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-secondary);background-color:#0000;border:none;outline:none;flex:1;padding:0}.date-picker__field-input::placeholder{color:var(--color-text-muted)}.date-picker__field-icon{color:var(--color-text-secondary)}.date-picker__header{margin-bottom:var(--spacing-sm)}.date-picker__month{justify-content:center}.date-picker__month-label,.date-picker__year-label{line-height:var(--line-height-md)}.date-picker__month-toggle,.date-picker__year-toggle{color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none}.date-picker__month-toggle:disabled,.date-picker__year-toggle:disabled{cursor:default}.date-picker__month-icon{color:var(--color-text-secondary)}.date-picker__nav-button{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background-color:#0000;border:none}.date-picker__nav-button:hover:not(:disabled){background-color:var(--bg-primary-100);color:var(--color-text-primary)}.date-picker__nav-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.date-picker__grid{gap:var(--spacing-2xs);grid-template-columns:repeat(7,1fr);display:grid}.date-picker__week-row{display:contents}.date-picker__weekday{padding-block:var(--spacing-md);text-transform:none}.date-picker__day-button{border-radius:var(--radius-md);width:2rem;height:2rem;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);background-color:#0000;border:none;margin:0 auto;position:relative}.date-picker__day-button:hover:not(:disabled):not(.date-picker__day-button--selected){background-color:var(--bg-primary-100)}.date-picker__day-button--outside{color:var(--color-text-muted);opacity:var(--opacity-muted)}.date-picker__day-button--today{box-shadow:0 0 0 1px var(--border-strong)}.date-picker__day-button--selected{background:var(--action-primary-bg);color:var(--color-text-inverse);box-shadow:none}.date-picker__day-button--disabled{cursor:default;color:var(--color-text-disabled);opacity:var(--opacity-disabled);pointer-events:none;background-color:#0000}.date-picker__month-grid,.date-picker__year-grid{row-gap:var(--spacing-md);column-gap:var(--spacing-xl);padding-top:var(--spacing-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.date-picker__month-year-row{display:contents}.date-picker__month-cell-button,.date-picker__year-button{min-height:2.25rem;padding-inline:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background-color:#0000;border:none}.date-picker__month-cell-button:hover:not(:disabled):not(.date-picker__month-cell-button--selected):not(.date-picker__year-button--selected),.date-picker__year-button:hover:not(:disabled):not(.date-picker__month-cell-button--selected):not(.date-picker__year-button--selected){background-color:var(--bg-primary-100)}.date-picker__month-cell-button--selected,.date-picker__year-button--selected{background:var(--action-primary-bg);color:var(--color-text-inverse);box-shadow:var(--shadow-rest)}.date-picker__month-cell-button--disabled,.date-picker__year-button--disabled{cursor:default;color:var(--color-text-disabled);opacity:var(--opacity-disabled);pointer-events:none}.date-picker__month-cell-label,.date-picker__year-label-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}@media (min-width:768px) and (max-width:1023px){.date-picker__panel{max-width:18.75rem;min-height:18rem;padding:var(--spacing-lg)}.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}.date-picker__day-button{width:2.25rem;height:2.25rem}}@media (min-width:1024px){.date-picker__panel--month-mode,.date-picker__panel--year-mode{padding:var(--spacing-xl)}}
.radio-group{--radio-gap-internal:.375rem;gap:var(--spacing-lg);display:flex}.radio-group--horizontal{align-items:flex-start;gap:var(--spacing-md);flex-flow:wrap}.radio-group--vertical{flex-direction:column;align-items:flex-start}.radio-group--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.radio-group__option{align-items:center;gap:var(--radio-gap-internal);cursor:pointer;transition:all var(--transition-fast);display:flex}.radio-group__option:hover:not(.radio-group__option--disabled) .radio-group__button-container{border-color:var(--border-strong);box-shadow:var(--shadow-default)}.radio-group__option:hover:not(.radio-group__option--disabled) .radio-group__label{color:var(--color-text-primary)}.radio-group__option--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.radio-group__option--disabled:hover .radio-group__button-container{border-color:var(--border-default);box-shadow:none}.radio-group__option--disabled:hover .radio-group__label{color:var(--color-text-primary)}.radio-group__button{cursor:pointer;width:1.5rem;height:1.5rem;transition:all var(--transition-fast);border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex}.radio-group__button:focus-visible{box-shadow:var(--shadow-default),var(--shadow-elevated)}.radio-group__button-container{border:2px solid var(--border-default);width:1.25rem;height:1.25rem;transition:all var(--transition-fast);border-radius:50%;position:relative}.radio-group__option--selected .radio-group__button-container{border-color:var(--border-strong)}.radio-group__option--disabled .radio-group__button-container{border-color:var(--color-text-disabled)}.radio-group__button-circle{background-color:var(--primary-color);width:.625rem;height:.625rem;transition:all var(--transition-fast);border-radius:50%;animation:.2s ease-out radio-circle-appear}.radio-group__option--disabled .radio-group__button-circle{background-color:var(--color-text-disabled)}.radio-group__label{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-size:var(--font-size-md);line-height:var(--line-height-md)}.radio-group--custom-label-color .radio-group__label{color:var(--radio-label-color,var(--color-text-primary))}.radio-group__option--selected .radio-group__label{color:var(--color-text-primary)}.radio-group--custom-label-color .radio-group__option--selected .radio-group__label{color:var(--radio-label-color,var(--color-text-primary))}.radio-group__option--disabled .radio-group__label{color:var(--color-text-disabled);cursor:not-allowed}.radio-group__native-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.radio-group{gap:var(--spacing-lg)}.radio-group--horizontal{align-items:center}.radio-group .radio-group__label{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}}@media (min-width:768px) and (max-width:1023px){.radio-group{gap:var(--spacing-lg)}}@keyframes radio-circle-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}
