{"version":3,"file":"multiselect_v3.min.css","mappings":"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","sources":["webpack://@studyportals/multiselect-dll/@studyportals/multiselect/src/components/Option/Option.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/node_modules/@studyportals/styles-abstracts/variables/_colors.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/node_modules/@studyportals/styles-abstracts/mixins/_typography.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/node_modules/@studyportals/styles-abstracts/mixins/_spacing.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/Option.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/src/components/OptionGroup/OptionGroup.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/OptionGroup.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/src/components/SearchBox/SearchBox.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/SearchBox.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/src/components/SelectedOption/SelectedOption.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/SelectedOption.scss","webpack://@studyportals/multiselect-dll/@studyportals/multiselect/src/components/MultiSelect/MultiSelect.scss"],"sourcesContent":["@import '~@studyportals/styles-abstracts/abstracts.scss';\n\n.MultiSelectOption {\n\tdisplay: flex;\n\talign-items: center;\n\tmin-height: 40px;\n\tbox-sizing: border-box;\n\t@include PaddingAreas(0.5);\n\t@include MarginAreas(0);\n\n\ttext-align: left;\n\t@include TextStyle(Body);\n\tcolor: $GreyDD;\n\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: $GreyLL;\n\t}\n\n\t&.is-disabled {\n\t\tcolor: $GreyD;\n\n\t\t&:hover {\n\t\t\tbackground-color: $White;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t.MultiSelectOptionIcon {\n\t\t@include MarginAreas(0, 0.5, 0, 0);\n\n\t\tfont-size: 1rem;\n\t}\n}\n","/* Primary palette. */\r\n$BrandOrange: #F95C39;\r\n$BrandOrangeD: #CC4C2F;\r\n$BrandOrangeL: #FEDED7;\r\n\r\n$BrandBlue: #247BA0;\r\n$BrandBlueD: #1B5A75;\r\n$BrandBlueL: #4B93B1;\r\n\r\n/* Grey palette. */\r\n$GreyDD: #05293C;\r\n$GreyD: #3F5C6E;\r\n$Grey: #547A92;\r\n$GreyL: #B8C6CE;\r\n$GreyLL: #EDF3F6;\r\n$GreyLLL: #F5F9FA;\r\n\r\n$White: #FFFFFF;\r\n\r\n/* Secondary palette. */\r\n$Red: #E64632;\r\n$RedL: #FFA79A;\r\n$RedLL: #FADAD6;\r\n\r\n$Green: #1E8558;\r\n$GreenL: #D2E7DE;\r\n$GreenLL: #EDF5F2;\r\n\r\n$Yellow: #FFAA00;\r\n$YellowL: #FEE7C0;\r\n$YellowLL: #FEF7E9;","@use \"sass:math\";\r\n\r\n/**\r\n * Get heading size and corresponding breakpoint-dependant line-height for preset text styles\r\n * @param {String} $Style\r\n */\r\n\r\n@mixin TextStyle($Style, $IncludeSpacing: false) {\r\n\t$Root: 16;\r\n\r\n\t@if $Style == Title500{\r\n\r\n\t\tfont-size: math.div(54, $Root) + rem;\r\n\t\tline-height: math.div(64, $Root) + rem;\r\n\t\tfont-weight: bold;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(4, 0);\r\n\t\t}\r\n\r\n\t\t@include Breakpoint(Small, Medium){\r\n\t\t\tfont-size: math.div(36, $Root) + rem;\r\n\t\t\tline-height: math.div(48, $Root) + rem;\r\n\t\t\tfont-weight: bold;\r\n\r\n\t\t\t@if $IncludeSpacing == true {\r\n\t\t\t\t@include MarginAreas(3, 0);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Title400{\r\n\r\n\t\tfont-size: math.div(36, $Root) + rem;\r\n\t\tline-height: math.div(48, $Root) + rem;\r\n\t\tfont-weight: bold;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(3, 0);\r\n\t\t}\r\n\r\n\t\t@include Breakpoint(Small, Medium){\r\n\t\t\tfont-size: math.div(36, $Root) + rem;\r\n\t\t\tline-height: math.div(48, $Root) + rem;\r\n\t\t\tfont-weight: normal;\r\n\r\n\t\t\t@if $IncludeSpacing == true {\r\n\t\t\t\t@include MarginAreas(3, 0, 1, 0);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Title300{\r\n\r\n\t\tfont-size: math.div(36, $Root) + rem;\r\n\t\tline-height: math.div(48, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(3, 0, 1, 0);\r\n\t\t}\r\n\r\n\t\t@include Breakpoint(Small, Medium){\r\n\t\t\tfont-size: math.div(24, $Root) + rem;\r\n\t\t\tline-height: math.div(32, $Root) + rem;\r\n\t\t\tfont-weight: bold;\r\n\r\n\t\t\t@if $IncludeSpacing == true {\r\n\t\t\t\t@include MarginAreas(3, 0, 1, 0);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Title200{\r\n\r\n\t\tfont-size: math.div(24, $Root) + rem;\r\n\t\tline-height: math.div(32, $Root) + rem;\r\n\t\tfont-weight: bold;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(3, 0, 1, 0);\r\n\t\t}\r\n\r\n\t\t@include Breakpoint(Small, Medium){\r\n\t\t\tfont-size: math.div(16, $Root) + rem;\r\n\t\t\tline-height: math.div(24, $Root) + rem;\r\n\t\t\tfont-weight: bold;\r\n\r\n\t\t\t@if $IncludeSpacing == true {\r\n\t\t\t\t@include MarginAreas(1, 0, 0.5, 0);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Title100{\r\n\r\n\t\tfont-size: math.div(16, $Root) + rem;\r\n\t\tline-height: math.div(24, $Root) + rem;\r\n\t\tfont-weight: bold;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(1, 0, 0.5, 0);\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Highlight{\r\n\r\n\t\tfont-size: math.div(20, $Root) + rem;\r\n\t\tline-height: math.div(32, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(0, 0, 1.5, 0)\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Body{\r\n\r\n\t\tfont-size: math.div(16, $Root) + rem;\r\n\t\tline-height: math.div(28, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(0, 0, 1.5, 0)\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == BodyNarrow{\r\n\r\n\t\tfont-size: math.div(16, $Root) + rem;\r\n\t\tline-height: math.div(24, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(0, 0, 1.5, 0)\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Bullet{\r\n\r\n\t\t@include MarginAreas(0, 0, 1.5, 0);\r\n\r\n\t\tli {\r\n\t\t\tfont-size: math.div(16, $Root) + rem;\r\n\t\t\tline-height: math.div(32, $Root) + rem;\r\n\t\t\tfont-weight: normal;\r\n\t\t}\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(0, 0, 1.5, 0)\r\n\t\t}\r\n\t}\r\n\r\n\t@else if $Style == Note{\r\n\r\n\t\tfont-size: math.div(12, $Root) + rem;\r\n\t\tline-height: math.div(16, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\r\n\t\t@if $IncludeSpacing == true {\r\n\t\t\t@include MarginAreas(0, 0, 0.5, 0)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t\tLabel is not apart of the final typgoraphy decision,\r\n\t\tdecision: replace Label with Note 04-03-2021 @Den @Mike C.\r\n\t**/\r\n\t@else if $Style == Label{\r\n\r\n\t\tfont-size: math.div(12, $Root) + rem;\r\n\t\tline-height: math.div(16, $Root) + rem;\r\n\t\tfont-weight: normal;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.5px;\r\n\t}\r\n\r\n\t@else{\r\n\r\n\t\t@error 'Please use a valid text style!';\r\n\t}\r\n}\r\n","/**\r\n * Get the areas values in rems based on the four dimensions.\r\n * The minimum amount of parameters is one and the maximum is four,\r\n * and they correspond with dimensions similarly as how they do\r\n * for the margin and padding css rules in general.\r\n * @param {list} $Args [0]\r\n * @return {number | list}\r\n */\r\n@function GetAreas($Args...){\r\n\r\n\t$Areas: '';\r\n\r\n\t@if (length($Args) == 5){\r\n\r\n\t\t@error 'You have too many arguments in spacing areas.';\r\n\t}\r\n\r\n\t@each $Value in $Args{\r\n\r\n\t\t@if(\r\n\t\t\t$Value != 0 and\r\n\t\t\t$Value != 0.25 and\r\n\t\t\t$Value != 0.5 and\r\n\t\t\t$Value != 1 and\r\n\t\t\t$Value != 1.5 and\r\n\t\t\t$Value != 2 and\r\n\t\t\t$Value != 3 and\r\n\t\t\t$Value != 4 and\r\n\t\t\t$Value != 5 and\r\n\t\t\t$Value != 7\r\n\t\t){\r\n\r\n\t\t\t@error \"#{$Value} is an invalid parameter.\";\r\n\t\t} @else if($Value == 0){\r\n\r\n\t\t\t$Areas: JoinString($Areas, 0);\r\n\t\t} @else{\r\n\r\n\t\t\t$Areas: JoinString($Areas, $Value, 'rem');\r\n\t\t}\r\n\t}\r\n\r\n\t@return unquote($Areas);\r\n}\r\n\r\n@function JoinString($ExistingAreas, $NewArea, $Append: ''){\r\n\r\n\t@return  $ExistingAreas + ' ' + $NewArea + $Append;\r\n}\r\n\r\n/**\r\n * @param {list} $args [0]\r\n */\r\n@mixin MarginAreas($Args...){\r\n\r\n\tmargin: GetAreas($Args...);\r\n}\r\n\r\n/**\r\n * @param {list} $args [0]\r\n */\r\n@mixin PaddingAreas($Args...){\r\n\r\n\tpadding: GetAreas($Args...);\r\n}\r\n","@charset \"UTF-8\";\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/* Use this to reset items or place them at the bottom. */\n/* Use this for creating a new stacking context within an element. */\n/* Middle level for specific tweaking. */\n/* Header, Tooltips, Fixed elements. */\n/* Overlay for highlighting elements, Cookie wall. */\n/* Full page overlays and it’s contents, Highlighted elements. */\n/**\n * Apply the content that is between the brackets of the mixin usage only for the\n * breakpoint(s) that are included in the arguments.\n * @param {...String} $Arguments\n */\n/**\n * Apply box-shadow based on a desired percepted height of the element\n * @param {String} $Height\n */\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/**\n * Get heading size and corresponding breakpoint-dependant line-height for preset text styles\n * @param {String} $Style\n */\n/**\n * Get the areas values in rems based on the four dimensions.\n * The minimum amount of parameters is one and the maximum is four,\n * and they correspond with dimensions similarly as how they do\n * for the margin and padding css rules in general.\n * @param {list} $Args [0]\n * @return {number | list}\n */\n/**\n * @param {list} $args [0]\n */\n/**\n * @param {list} $args [0]\n */\n.MultiSelectOption {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  box-sizing: border-box;\n  padding:  0.5rem;\n  margin:  0;\n  text-align: left;\n  font-size: 1rem;\n  line-height: 1.75rem;\n  font-weight: normal;\n  color: #05293C;\n  cursor: pointer;\n}\n.MultiSelectOption:hover {\n  background-color: #EDF3F6;\n}\n.MultiSelectOption.is-disabled {\n  color: #3F5C6E;\n}\n.MultiSelectOption.is-disabled:hover {\n  background-color: #FFFFFF;\n  cursor: not-allowed;\n}\n.MultiSelectOption .MultiSelectOptionIcon {\n  margin:  0 0.5rem 0 0;\n  font-size: 1rem;\n}","@import '~@studyportals/styles-abstracts/abstracts.scss';\n\n.MultiSelectGroupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 40px;\n\tbox-sizing: border-box;\n\t@include PaddingAreas(0, 0.5);\n\t@include MarginAreas(0);\n\n\t@include TextStyle(Body);\n\tcolor: $Grey;\n}\n","@charset \"UTF-8\";\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/* Use this to reset items or place them at the bottom. */\n/* Use this for creating a new stacking context within an element. */\n/* Middle level for specific tweaking. */\n/* Header, Tooltips, Fixed elements. */\n/* Overlay for highlighting elements, Cookie wall. */\n/* Full page overlays and it’s contents, Highlighted elements. */\n/**\n * Apply the content that is between the brackets of the mixin usage only for the\n * breakpoint(s) that are included in the arguments.\n * @param {...String} $Arguments\n */\n/**\n * Apply box-shadow based on a desired percepted height of the element\n * @param {String} $Height\n */\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/**\n * Get heading size and corresponding breakpoint-dependant line-height for preset text styles\n * @param {String} $Style\n */\n/**\n * Get the areas values in rems based on the four dimensions.\n * The minimum amount of parameters is one and the maximum is four,\n * and they correspond with dimensions similarly as how they do\n * for the margin and padding css rules in general.\n * @param {list} $Args [0]\n * @return {number | list}\n */\n/**\n * @param {list} $args [0]\n */\n/**\n * @param {list} $args [0]\n */\n.MultiSelectGroupLabel {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  box-sizing: border-box;\n  padding:  0 0.5rem;\n  margin:  0;\n  font-size: 1rem;\n  line-height: 1.75rem;\n  font-weight: normal;\n  color: #547A92;\n}","@import '~@studyportals/styles-abstracts/abstracts.scss';\n\n.MultiSelectSearchBoxWrapper {\n\tposition: relative;\n\n\t@include MarginAreas(0, 0.5, 0.5);\n\t@include PaddingAreas(0.5, 0);\n\n\tborder-bottom: 1px solid $GreyL;\n\n\t&.up {\n\t\tborder-bottom: 0;\n\t\tborder-top: 1px solid $GreyL;\n\t}\n\n\t.MultiSelectSearchBox {\n\t\twidth: 100%;\n\t\theight: 40px;\n\t\t@include PaddingAreas(0, 0.5);\n\t\tbox-sizing: border-box;\n\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid $GreyD;\n\n\t\t@include TextStyle(Body);\n\n\t\tappearance: none;\n\n\t\t&.is-empty {\n\t\t\tbackground: $GreyLL;\n\t\t\tborder: 0;\n\n\t\t\t&:focus {\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tborder: 1px solid $BrandBlue;\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $BrandBlue;\n\t\t}\n\t}\n\n\t.MultiSelectSearchBoxIcon {\n\t\tposition: absolute;\n\t\tright: 0.5rem;\n\t\ttop: 50%;\n\n\t\ttransform: translateY(-50%);\n\t}\n}\n","@charset \"UTF-8\";\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/* Use this to reset items or place them at the bottom. */\n/* Use this for creating a new stacking context within an element. */\n/* Middle level for specific tweaking. */\n/* Header, Tooltips, Fixed elements. */\n/* Overlay for highlighting elements, Cookie wall. */\n/* Full page overlays and it’s contents, Highlighted elements. */\n/**\n * Apply the content that is between the brackets of the mixin usage only for the\n * breakpoint(s) that are included in the arguments.\n * @param {...String} $Arguments\n */\n/**\n * Apply box-shadow based on a desired percepted height of the element\n * @param {String} $Height\n */\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/**\n * Get heading size and corresponding breakpoint-dependant line-height for preset text styles\n * @param {String} $Style\n */\n/**\n * Get the areas values in rems based on the four dimensions.\n * The minimum amount of parameters is one and the maximum is four,\n * and they correspond with dimensions similarly as how they do\n * for the margin and padding css rules in general.\n * @param {list} $Args [0]\n * @return {number | list}\n */\n/**\n * @param {list} $args [0]\n */\n/**\n * @param {list} $args [0]\n */\n.MultiSelectSearchBoxWrapper {\n  position: relative;\n  margin:  0 0.5rem 0.5rem;\n  padding:  0.5rem 0;\n  border-bottom: 1px solid #B8C6CE;\n}\n.MultiSelectSearchBoxWrapper.up {\n  border-bottom: 0;\n  border-top: 1px solid #B8C6CE;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBox {\n  width: 100%;\n  height: 40px;\n  padding:  0 0.5rem;\n  box-sizing: border-box;\n  border-radius: 5px;\n  border: 1px solid #3F5C6E;\n  font-size: 1rem;\n  line-height: 1.75rem;\n  font-weight: normal;\n  appearance: none;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBox.is-empty {\n  background: #EDF3F6;\n  border: 0;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBox.is-empty:focus {\n  border: 0;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBox:focus {\n  outline: none;\n  border: 1px solid #247BA0;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBox::placeholder {\n  color: #247BA0;\n}\n.MultiSelectSearchBoxWrapper .MultiSelectSearchBoxIcon {\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n}","@import '~@studyportals/styles-abstracts/abstracts.scss';\n\n.MultiSelectSelectedOption {\n\tposition: relative;\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\theight: 30px;\n\tbox-sizing: border-box;\n\t@include PaddingAreas(0, 2, 0, 0.5);\n\t@include MarginAreas(0, 0.5, 0.5, 0);\n\n\t@include TextStyle(Body);\n\tcolor: $GreyDD;\n\n\tbackground: $GreyLL;\n\n\tborder-radius: 15px;\n\tborder: 1px solid $GreyLL;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t\ttext-decoration: line-through;\n\t\tborder: 1px solid $GreyD;\n\t}\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.MultiSelectSelectedOptionDelete {\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 30px;\n\twidth: 30px;\n\t@include MarginAreas(0, 0, 0, 0.5);\n\n\tcursor: pointer;\n}\n","@charset \"UTF-8\";\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/* Use this to reset items or place them at the bottom. */\n/* Use this for creating a new stacking context within an element. */\n/* Middle level for specific tweaking. */\n/* Header, Tooltips, Fixed elements. */\n/* Overlay for highlighting elements, Cookie wall. */\n/* Full page overlays and it’s contents, Highlighted elements. */\n/**\n * Apply the content that is between the brackets of the mixin usage only for the\n * breakpoint(s) that are included in the arguments.\n * @param {...String} $Arguments\n */\n/**\n * Apply box-shadow based on a desired percepted height of the element\n * @param {String} $Height\n */\n/* Primary palette. */\n/* Grey palette. */\n/* Secondary palette. */\n/**\n * Get heading size and corresponding breakpoint-dependant line-height for preset text styles\n * @param {String} $Style\n */\n/**\n * Get the areas values in rems based on the four dimensions.\n * The minimum amount of parameters is one and the maximum is four,\n * and they correspond with dimensions similarly as how they do\n * for the margin and padding css rules in general.\n * @param {list} $Args [0]\n * @return {number | list}\n */\n/**\n * @param {list} $args [0]\n */\n/**\n * @param {list} $args [0]\n */\n.MultiSelectSelectedOption {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  box-sizing: border-box;\n  padding:  0 2rem 0 0.5rem;\n  margin:  0 0.5rem 0.5rem 0;\n  font-size: 1rem;\n  line-height: 1.75rem;\n  font-weight: normal;\n  color: #05293C;\n  background: #EDF3F6;\n  border-radius: 15px;\n  border: 1px solid #EDF3F6;\n}\n.MultiSelectSelectedOption:hover {\n  cursor: pointer;\n  text-decoration: line-through;\n  border: 1px solid #3F5C6E;\n}\n.MultiSelectSelectedOption:focus {\n  outline: none;\n}\n\n.MultiSelectSelectedOptionDelete {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  width: 30px;\n  margin:  0 0 0 0.5rem;\n  cursor: pointer;\n}","@import '~@studyportals/styles-abstracts/abstracts.scss';\n\n.MultiSelectWrapper {\n\tposition: relative;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\t@include PaddingAreas(0, 0.5);\n\n\tborder-radius: 3px;\n\tborder: 1px solid $GreyL;\n\n\tbackground: $White;\n\n\tcursor: pointer;\n\n\t-webkit-tap-highlight-color: transparent;\n\n\t&:focus {\n\t\tborder-color: $BrandBlue;\n\t\toutline: none;\n\t}\n\n\t&.is-invalid {\n\t\tborder: 1px solid $Red;\n\t}\n\n\t&.is-disabled {\n\t\tbackground-color: $GreyLL;\n\t\tborder: 0;\n\n\t\t.MultiSelectIcon {\n\t\t\tborder-top: 8px solid $Grey;\n\t\t}\n\n\t\t.MultiSelectLabel {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t.MultiSelectIcon {\n\t\tposition: absolute;\n\t\tright: 1rem;\n\t\ttop: 50%;\n\n\t\twidth: 0;\n\t\theight: 0;\n\n\t\tborder-left: 6px solid transparent;\n\t\tborder-right: 6px solid transparent;\n\t\tborder-top: 8px solid $GreyDD;\n\n\t\ttransform: translateY(-50%);\n\n\t\ttransition: 0.5s all;\n\n\t\t&.is-active {\n\t\t\ttransform: rotate3d(1, 0, 0, 180deg) translateY(calc(-50% + 8px));\n\t\t}\n\t}\n}\n\n.MultiSelectLabel {\n\tposition: relative;\n\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 45px;\n\talign-items: center;\n\n\tcursor: pointer;\n\n\t&.is-empty {\n\t\tcolor: $Grey;\n\t}\n\n\t.MultiSelectPlaceholder {\n\t\tposition: absolute;\n\t\tleft: 0.25rem;\n\n\t\tmax-width: calc(100% - 2rem);\n\t\toverflow: hidden;\n\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t.FloatingLabel {\n\t\tpadding: 0 0.25rem;\n\n\t\ttransition: all 0.3s;\n\n\t\t@include TextStyle(Body);\n\t\tcolor: $Grey;\n\n\t\tcursor: pointer;\n\n\t\t&.is-active {\n\t\t\ttransform: translateY(-24px);\n\n\t\t\t@include TextStyle(Note);\n\n\t\t\tbackground: linear-gradient(0deg, $White 50%, transparent 50%);\n\n\t\t\tcursor: default;\n\t\t}\n\t}\n}\n\n.MultiSelectDropDown {\n\tposition: absolute;\n\ttop: calc(100% + 0.5rem);\n\tleft: 0;\n\tz-index: $SecondFloor;\n\n\tmin-width: 100%;\n\tmax-height: 18.75rem;\n\theight: 18.75rem;\n\toverflow: auto;\n\tbox-sizing: border-box;\n\tbox-shadow: 0 2px 8px $GreyL;\n\n\tborder-radius: 3px;\n\n\tbackground-color: $White;\n\n\t&.searchable {\n\t\toverflow: hidden;\n\t}\n\n\tol {\n\t\tlist-style-type: none;\n\t\t@include MarginAreas(0);\n\t\t@include PaddingAreas(0);\n\t}\n\n\t> .searchable {\n\t\toverflow: auto;\n\t\theight: calc(100% - 4rem);\n\t}\n\n\t&.overflow-up {\n\t\ttop: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\ttransform: translateY(-19.5rem);\n\n\t\t> .searchable {\n\t\t\toverflow: auto;\n\t\t\theight: 100%;\n\t\t}\n\t}\n}\n\n.MultiSelectSelectedOptions {\n\twidth: 100%;\n\t@include PaddingAreas(0, 1.5, 0, 0);\n\tbox-sizing: border-box;\n\n\ttext-align: left;\n}\n\n.ValidationLabel,\n.HelperMessage {\n\tpadding: 0.5rem 0 0.5rem 0.75rem;\n\n\tcolor: $Grey;\n\t@include TextStyle(Note);\n\ttext-align: left;\n}\n\n.ValidationLabel {\n\tcolor: $Red;\n}\n"],"names":[],"sourceRoot":""}