import{s as i,af as r,a9 as n,ap as a}from"../../../../vendor-CdGQ_kNX.js";import{M as l}from"../../../../utils-D7d4_AgI.js";import{g as t}from"./helpers/getSize-BcqwWatl.js";const s=i.div`
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
`,h=i.label`
  margin: 0 0 0.8rem;
  display: inline-block;
  font-weight: ${e=>e.theme.font.weight.bold};
  font-size: 1.6rem;
  line-height: 1.5;
  color: ${e=>e.theme.color.text};
`,g=i(a)`
  .Select {
    &__control {
      padding: ${({size:e})=>t(e).padding};
      width: 100%;
      height: ${({size:e})=>t(e).height};
      min-height: ${({size:e})=>t(e).height};
      line-height: 1.71;
      color: ${e=>e.theme.color.text};
      background-color: ${e=>e.theme.color.elementBg};
      border: 0.1rem solid ${e=>e.theme.color.default};
      border-radius: 1rem;
      box-shadow: none;
      cursor: pointer;
      overflow: hidden;
      transition: all 0.3s ease-out;
      z-index: ${e=>e.theme.zIndex.minimal};
      &--is-disabled {
        pointer-events: auto;
        cursor: no-drop;
      }
      &:hover,
      &--is-focused {
        border-color: ${e=>e.theme.color.defaultSecondary};
      }
      &--menu-is-open {
        .Select__dropdown-indicator {
          transform: rotate(180deg);
        }
      }
      ${e=>e.type==="default"&&r`
          color: ${o=>o.theme.color.text};
          background-color: ${o=>o.theme.color.elementBg};
          border-color: ${o=>o.theme.color.default};
        `}
      ${e=>e.type==="primary"&&r`
          color: ${o=>o.theme.color.text};
          background-color: ${o=>o.theme.color.white};
          border-color: ${o=>o.theme.color.elementBorder};
        `}
    }
    &__value-container {
      padding: 0;
      height: 100%;
    }
    &__single-value {
      margin: 0;
      width: 100%;
      font-size: ${({size:e})=>t(e).fontSize};
      line-height: 1.71;
      color: currentColor;
    }
    &__placeholder {
      position: static;
      margin: 0 1rem 0 0;
      font-family: ${e=>e.theme.font.family.default};
      font-weight: ${e=>e.theme.font.weight.regular};
      font-size: ${({size:e})=>t(e).fontSize};
      color: ${e=>n(.7,e.theme.color.text)};
      line-height: 1.71;
      transform: none;
      transform-origin: left center;
    }
    &__loading-indicator {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      animation-duration: 2.8s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: ${l};
      animation-timing-function: linear;
      background: ${e=>e.theme.color.placeholderLoading};
      background-size: 122rem 100%;
      & > span {
        width: 0.8rem;
        height: 0.8rem;
        position: relative;
        display: ${e=>e.isLoading?"block":"none"};
      }
    }
    &__indicator-separator {
      display: none;
    }
    &__dropdown-indicator {
      padding: 0;
      color: ${e=>e.theme.color.textSecondary};
      transition: all 0.2s ease-out;
      &:hover {
        color: ${e=>e.theme.color.textSecondary};
      }
      svg {
        width: 3rem;
        height: 3rem;
      }
    }
    &__menu {
      margin: 0;
      padding: 0;
      background-color: ${e=>e.theme.color.black};
      border: 0.1rem solid ${e=>e.theme.color.default};
      border-radius: 1rem;
      transition: all 0.3s ease-out;
      overflow: hidden;
      box-shadow: none;
      z-index: ${e=>e.theme.zIndex.navigation};
      ${e=>e.menuPlacement==="bottom"&&r`
          top: calc(100% + 0.8rem);
        `}
      ${e=>e.menuPlacement==="top"&&r`
          bottom: calc(100% + 0.8rem);
        `}
    }
    &__menu-list {
      padding: 0;
      &::-webkit-scrollbar-track {
        background-color: ${e=>e.theme.color.transparent};
        border-radius: 0.2rem;
      }
      &::-webkit-scrollbar {
        width: 0.4rem;
        background-color: ${e=>e.theme.color.transparent};
      }
      &::-webkit-scrollbar-thumb {
        background-color: #777b82;
        border-radius: 1rem;
      }
    }
    &__option {
      padding: ${({size:e})=>t(e).paddingMenu};
      font-family: ${e=>e.theme.font.family.default};
      font-size: ${({size:e})=>t(e).fontSize};
      line-height: 1.71;
      color: ${e=>e.theme.color.textSecondary};
      background-color: ${e=>e.theme.color.transparent};
      cursor: pointer;
      transition: all 0.3s ease-out;
      &:hover {
        color: ${e=>e.theme.color.text};
        background-color: ${e=>e.theme.color.elementBg};
      }
      &--is-focused {
        color: ${e=>e.theme.color.text};
      }
    }
  }
`;export{h as L,g as S,s as W};