@layer organisms{.ItNP8a_dropdown{display:inline-flex;position:relative}.ItNP8a_dropdown--open{z-index:10}.ItNP8a_dropdown__trigger{--dropdown-trigger-bg-color:var(--c-dropdown-trigger-bg-color,var(--p-color-supporting-warm));--dropdown-trigger-color:var(--c-dropdown-trigger-color,var(--s-body-color-default));--dropdown-trigger-icon-rotation:0deg;padding-inline:var(--s-spacing-5);padding-block:var(--s-spacing-3);align-items:center;gap:var(--s-gap-xxs);border-radius:var(--p-radius-5);background-color:var(--dropdown-trigger-bg-color);color:var(--dropdown-trigger-color);font-weight:var(--p-font-weight-semi-bold);font-size:var(--s-sm-font-size);white-space:nowrap;cursor:pointer;transition-duration:var(--s-transition-duration-default);transition-property:background-color,color;transition-timing-function:var(--s-transition-timing-function-default);border:none;display:inline-flex}.ItNP8a_dropdown__trigger:hover{--dropdown-trigger-bg-color:var(--p-color-primary-200)}.ItNP8a_dropdown__trigger:focus-visible{outline:var(--s-outline-default);outline-offset:var(--s-outline-offset)}.ItNP8a_dropdown__trigger--open{--dropdown-trigger-bg-color:var(--p-color-primary-500);--dropdown-trigger-color:var(--p-color-white);--dropdown-trigger-icon-rotation:-180deg}.ItNP8a_dropdown__trigger--open:hover{--dropdown-trigger-bg-color:var(--p-color-primary-600)}.ItNP8a_dropdown__trigger-icon{transform:rotate(var(--dropdown-trigger-icon-rotation));transform-origin:50%;transition:transform var(--s-transition-duration-default) var(--s-transition-timing-function-default)}.ItNP8a_dropdown__panel{z-index:10;inline-size:max-content;min-inline-size:100%;max-inline-size:min(90vw,480px);padding:var(--s-spacing-5);gap:var(--s-gap-xxs);border-radius:var(--p-radius-1);background-color:var(--s-dropdown-color-background);flex-wrap:wrap;display:flex;position:absolute;inset-block-start:calc(100% + var(--s-spacing-2));inset-inline-start:0;box-shadow:0 4px 4px #2424240d}}
