:root{--md-dropdown-z-menu:200}.dropdown{position:relative}.dropdown__field{width:100%;min-height:var(--md-input-field-height);padding:var(--md-spacing-4);padding-top:var(--md-spacing-6);padding-right:var(--md-input-icon-area);background-color:var(--md-surface-container-highest);border:none;border-bottom:var(--md-divider-thickness) solid var(--md-on-surface-variant);border-radius:var(--md-shape-extra-small) var(--md-shape-extra-small) 0 0;font-size:var(--md-text-field-font-size);font-weight:var(--md-body-medium-weight);line-height:var(--md-text-field-line);color:var(--md-on-surface);cursor:pointer;text-align:left;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard), background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);outline:none;position:relative}.dropdown__field:hover{background-color:var(--md-surface-container-high);border-bottom-color:var(--md-on-surface)}.dropdown__field:focus{border-bottom-width:calc(var(--md-divider-thickness) * 2);border-bottom-color:var(--md-primary);padding-bottom:calc(var(--md-spacing-4) - var(--md-divider-thickness))}.dropdown__label{top:var(--md-spacing-2);left:var(--md-spacing-4);font-size:var(--md-body-small-size);font-weight:var(--md-body-small-weight);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant);pointer-events:none;transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard);position:absolute}.dropdown__field:focus~.dropdown__label,.dropdown__field:focus .dropdown__label{color:var(--md-primary)}.dropdown__value{padding-top:calc(var(--md-spacing-1) / 2);font-size:var(--md-text-field-font-size);font-weight:var(--md-body-medium-weight);line-height:var(--md-text-field-line);color:var(--md-on-surface);display:block}.dropdown__value:empty:before{content:" "}.dropdown__icon{right:var(--md-spacing-3);font-size:var(--md-icon-size-medium);color:var(--md-on-surface-variant);pointer-events:none;transition:transform var(--md-motion-duration-short) var(--md-motion-easing-standard);position:absolute;top:50%;transform:translateY(-50%)}.dropdown--open .dropdown__icon{transform:translateY(-50%)rotate(180deg)}.dropdown__menu{top:calc(100% + var(--md-spacing-1));max-height:var(--md-component-width-small);background-color:var(--md-surface-container-lowest);border:var(--md-divider-thickness) solid var(--md-outline-variant);border-radius:var(--md-shape-extra-small);box-shadow:var(--md-elevation-tinted);z-index:var(--md-dropdown-z-menu);padding:var(--md-spacing-2) 0;opacity:0;transform-origin:top;pointer-events:none;transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard), transform var(--md-motion-duration-short) var(--md-motion-easing-standard);outline:none;position:absolute;left:0;right:0;overflow-y:auto;transform:scaleY(0)}.dropdown--open .dropdown__menu{opacity:1;pointer-events:auto;transform:scaleY(1)}.dropdown__item{align-items:center;gap:var(--md-spacing-3);width:100%;min-height:var(--md-menu-item-height);padding:var(--md-spacing-3) var(--md-spacing-4);font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-line);color:var(--md-on-surface);cursor:pointer;text-align:left;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;outline:none;display:flex;position:relative}.dropdown__item:hover,.dropdown__item--active{background-color:var(--md-surface-container-high)}.dropdown__item:focus-visible{background-color:var(--md-surface-container-highest)}.dropdown__item:focus-visible:before{content:"";inset:calc(var(--md-spacing-1) / 2);border:calc(var(--md-divider-thickness) * 2) solid var(--md-primary);border-radius:var(--md-shape-extra-small);pointer-events:none;position:absolute}.dropdown__item--selected{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.dropdown__item--selected:hover{background-color:var(--md-secondary-container);opacity:.92}.dropdown__check{font-size:var(--md-icon-size-medium);color:var(--md-on-secondary-container);flex-shrink:0}.dropdown__check-spacer{width:var(--md-icon-size-medium);flex-shrink:0}.dropdown__item-label{font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-line);flex:1}.dropdown__item-hint{font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant);flex-shrink:0}.dropdown__item--selected .dropdown__item-hint{color:var(--md-on-secondary-container)}.dropdown__supporting-text{padding:var(--md-spacing-1) var(--md-spacing-4);font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant)}.dropdown--outlined{margin-top:var(--md-spacing-2)}.dropdown--outlined .dropdown__field{min-height:var(--md-text-field-height);border:var(--md-divider-thickness) solid var(--md-outline);border-radius:var(--md-shape-extra-small);padding:0 var(--md-input-icon-area) 0 var(--md-spacing-4);background-color:#0000}.dropdown--outlined .dropdown__value{white-space:nowrap;text-overflow:ellipsis;padding-top:0;overflow:hidden}.dropdown--outlined .dropdown__field:hover{border-color:var(--md-on-surface);background-color:#0000}.dropdown--outlined .dropdown__field:focus{border-width:calc(var(--md-divider-thickness) * 2);border-color:var(--md-primary);padding:0 calc(var(--md-input-icon-area) - var(--md-divider-thickness)) 0 calc(var(--md-spacing-4) - var(--md-divider-thickness))}.dropdown--outlined .dropdown__label{top:calc(var(--md-spacing-2) * -1);background-color:var(--md-surface);padding:0 var(--md-spacing-1);left:calc(var(--md-spacing-3) + var(--md-divider-thickness))}.dropdown--outlined .dropdown__icon{right:var(--md-spacing-3)}.dropdown--outlined .dropdown__menu{top:calc(var(--md-text-field-height) + var(--md-spacing-1))}.dropdown--error .dropdown__field,.dropdown--error .dropdown__field:hover,.dropdown--error .dropdown__field:focus{border-bottom-color:var(--md-error)}.dropdown--error .dropdown__label,.dropdown--error .dropdown__supporting-text{color:var(--md-error)}.dropdown--error.dropdown--outlined .dropdown__field,.dropdown--error.dropdown--outlined .dropdown__field:hover,.dropdown--error.dropdown--outlined .dropdown__field:focus{border-color:var(--md-error)}.dropdown--disabled .dropdown__field{opacity:var(--md-opacity-disabled);cursor:default;background-color:var(--md-surface-container-highest)}.dropdown--disabled .dropdown__field:hover{background-color:var(--md-surface-container-highest);border-bottom-color:var(--md-on-surface-variant)}