{"version":3,"sources":["webpack:///src/components/v-select-basic/_v-select-basic.scss"],"names":[],"mappings":"AAAA,iCACE,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,wBAAA,CACA,qBAAA,CACA,yCACE,oBAAA,CAEF,wCACE,qBAAA,CACA,0BAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,aAAA,CACA,2BAAA,CACA,+CACE,mBAAA,CACA,iBAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,uBAAA,CACA,qBAAA,CACA,uDACE,aAAA,CAIN,uCACE,iBAAA,CACA,qBAAA,CACA,oBAAA,CACA,0BAAA,CAEF,kDACE,iBAAA,CACA,qBAAA,CACA,0BAAA,CACA,eAAA,CACA,mBAAA,CACA,mBAAA,CAIA,uGACE,iBAAA,CACA,sBAAA,CACA,uBAAA,CACA,UAAA,CACA,sBAAA,CACA,wBAAA,CACA,uBAAA,CACA,2BAAA,CACA,yBAAA,CAKF,4DACE,cAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CAEF,kDACE,iBAAA,CACA,SAAA,CACA,mBAAA,CACA,kBAAA,CACA,4BAAA,CACA,WAAA,CACA,2BAAA,CACA,aAAA,CACA,cAAA,CACA,wDACE,UAAA,CAKN,0CACE,eAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,SAAA,CACA,wCAAA,CACA,eAAA,CACA,QAAA,CACA,iBAAA,CACA,mDACE,gBAAA,CAEF,kDACE,gBAAA,CAGJ,yCACE,iBAAA,CACA,cAAA,CACA,+CACE,wBAAA,CAEF,mDACE,aAAA","file":"460ea5c22d37d533.css","sourcesContent":[".v-select-basic {\n  position: relative;\n  height: 50px;\n  border-radius: 5px;\n  border: 1px solid theme-color(\"border\");\n  background-color: theme-color(\"white\");\n  &--active {\n    border-color: theme-color(\"focus\");\n  }\n  &__label {\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n    line-height: 1.1;\n    position: absolute;\n    pointer-events: none;\n    white-space: nowrap;\n    padding-inline: 15px;\n    color: theme-color(\"placeholder\");\n    transition: all 200ms ease-out;\n    &--float {\n      inset-block-start: 0;\n      position: absolute;\n      display: inline-block;\n      font-size: 0.8125rem;\n      padding-inline: 5px;\n      inset-inline-start: 10px;\n      background-color: theme-color(\"white\");\n      &--active {\n        color: theme-color(\"focus\");\n      }\n    }\n  }\n  &__icon {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: 1em;\n    transform: translateY(-50%);\n  }\n  &__selected-option {\n    position: relative;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n    line-height: 1.1;\n    padding-inline: 15px;\n    pointer-events: none;\n  }\n\n  &__dropdown {\n    &--desktop {\n      position: absolute;\n      inset-block-start: 15px;\n      inset-inline-start: -1px;\n      z-index: 10;\n      width: calc(100% + 2px);\n      border: 1px solid theme-color(\"focus\");\n      border-block-start: none;\n      border-end-start-radius: 5px;\n      border-end-end-radius: 5px;\n    }\n    &--mobile {\n      @extend .v-select-basic__dropdown--desktop;\n    }\n    &--mobile-takeover {\n      position: fixed;\n      inset: 0 0 0 0;\n      width: 100%;\n      height: 100%;\n      z-index: 100;\n    }\n    &__close {\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n      background-color: transparent;\n      border: none;\n      padding: 15px 12px 15px 20px;\n      color: theme-color(\"danger\");\n      cursor: pointer;\n      &:hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  &__options {\n    background: white;\n    width: 100%;\n    height: 100%;\n    overflow-y: auto;\n    border-radius: 5px;\n    padding: 0;\n    box-shadow: 1px 6px 10px 0 rgba(0, 0, 0, 0.3);\n    list-style: none;\n    margin: 0;\n    position: relative;\n    &--desktop {\n      max-height: 300px;\n    }\n    &--mobile {\n      max-height: 250px;\n    }\n  }\n  &__option {\n    padding: 10px 15px;\n    cursor: pointer;\n    &:hover {\n      background-color: #f5f5f5;\n    }\n    &--selected {\n      color: theme-color(\"focus\");\n    }\n  }\n}\n"]}