@instawork/design-system
Version:
The design system for Instawork's web apps
1 lines • 96.9 kB
Source Map (JSON)
{"version":3,"sources":["webpack://@instawork/design-system/./node_modules/select2/src/scss/core.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/_single.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/_multiple.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/_dropdown.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/default/_single.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/default/_multiple.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/default/layout.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/classic/_single.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/classic/_defaults.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/mixins/_gradients.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/classic/_multiple.scss","webpack://@instawork/design-system/./node_modules/select2/src/scss/theme/classic/layout.scss","webpack://@instawork/design-system/./scss/_theme.scss","webpack://@instawork/design-system/./scss/components/_select2.scss","webpack://@instawork/design-system/./scss/_custom-variables.scss","webpack://@instawork/design-system/./node_modules/bootstrap/scss/mixins/_border-radius.scss","webpack://@instawork/design-system/./node_modules/bootstrap/scss/mixins/_box-shadow.scss","webpack://@instawork/design-system/./node_modules/bootstrap/scss/mixins/_transition.scss","webpack://@instawork/design-system/./scss/_colors.scss","webpack://@instawork/design-system/./node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"AAAA,mBACE,oDAEA,qBACA,SACA,kBACA,sBCNF,8CACE,oDAEA,eACA,cAEA,YAEA,4DACA,yBAEA,2EACE,cACA,iBACA,mBAEA,gBACA,uBACA,mBAGF,wEACE,kBAMA,oFACE,kBACA,kBC9BN,gDACE,oDAEA,eACA,cAEA,gBAEA,4DACA,yBAEA,6EACE,qBACA,gBACA,iBACA,uBACA,mBAIJ,2CACE,WAEA,kEACE,oDACA,YACA,eACA,eACA,UAEA,gGACE,wBC/BN,kBACE,sBAEA,sBACA,kBAEA,oDAEA,cAEA,kBACA,eAEA,WAEA,aAGF,iBACE,cAGF,0BACE,gBACA,SACA,UAGF,yBACE,YAEA,4DACA,yBAEA,wCACE,eAIJ,2CACE,OAGF,kDACE,mBACA,4BACA,6BAGF,kDACE,gBACA,yBACA,0BAGF,0BACE,cACA,YAEA,iDACE,YACA,WACA,oDAEA,+EACE,wBAIJ,+CACE,aHxDJ,oBACE,SACA,SACA,UACA,cACA,eACA,OACA,MACA,gBACA,eACA,YACA,WACA,UACA,WAIA,sBACA,wBAGF,2BACE,mBACA,6BACA,uCACA,+BACA,qBACA,0BACA,oBACA,4BACA,oBACA,6BI7CF,uDACE,sBACA,sBACA,kBAEA,oFACE,WACA,iBAGF,iFACE,eACA,YACA,gBAGF,uFACE,WAGF,iFACE,YAEA,kBAEA,QACA,UAEA,WAEA,mFAGE,oFAEA,SACA,SAEA,iBACA,gBAEA,kBAEA,QACA,QAOF,0FACE,WAGF,0FACE,SACA,WAMJ,mFACE,sBACA,eAEA,6GACE,aAQA,2GACE,0CACA,uBC9ER,yDACE,sBACA,sBACA,kBACA,YAEA,sFACE,oDACA,gBACA,SACA,cACA,WAEA,yFACE,gBAIJ,mFACE,eACA,YACA,gBACA,eACA,kBAMA,YAGF,oFACE,yBAEA,sBACA,kBACA,eAEA,WAEA,iBACA,eACA,cAGF,4FACE,WACA,eAEA,qBACA,gBAEA,iBAEA,kGACE,WAOF,uLACE,YAGF,6FACE,gBACA,kBAGF,qGACE,gBACA,kBAMJ,kFACE,sBACA,UAKF,qFACE,sBACA,eAGF,2FAC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","file":"select2.min.css","sourcesContent":[".select2-container {\n box-sizing: border-box;\n\n display: inline-block;\n margin: 0;\n position: relative;\n vertical-align: middle;\n\n @import \"single\";\n @import \"multiple\";\n}\n\n@import \"dropdown\";\n\n.select2-close-mask {\n border: 0;\n margin: 0;\n padding: 0;\n display: block;\n position: fixed;\n left: 0;\n top: 0;\n min-height: 100%;\n min-width: 100%;\n height: auto;\n width: auto;\n opacity: 0;\n z-index: 99;\n\n // styles required for IE to work\n\n background-color: #fff;\n filter: alpha(opacity=0);\n}\n\n.select2-hidden-accessible {\n border: 0 !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n}\n\n@import \"theme/default/layout\";\n@import \"theme/classic/layout\";\n",".select2-selection--single {\n box-sizing: border-box;\n\n cursor: pointer;\n display: block;\n\n height: 28px;\n\n user-select: none;\n -webkit-user-select: none;\n\n .select2-selection__rendered {\n display: block;\n padding-left: 8px;\n padding-right: 20px;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .select2-selection__clear {\n position: relative;\n }\n}\n\n&[dir=\"rtl\"] {\n .select2-selection--single {\n .select2-selection__rendered {\n padding-right: 8px;\n padding-left: 20px;\n }\n }\n}\n",".select2-selection--multiple {\n box-sizing: border-box;\n\n cursor: pointer;\n display: block;\n\n min-height: 32px;\n\n user-select: none;\n -webkit-user-select: none;\n\n .select2-selection__rendered {\n display: inline-block;\n overflow: hidden;\n padding-left: 8px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.select2-search--inline {\n float: left;\n\n .select2-search__field {\n box-sizing: border-box;\n border: none;\n font-size: 100%;\n margin-top: 5px;\n padding: 0;\n\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n }\n}\n",".select2-dropdown {\n background-color: white;\n\n border: 1px solid #aaa;\n border-radius: 4px;\n\n box-sizing: border-box;\n\n display: block;\n\n position: absolute;\n left: -100000px;\n\n width: 100%;\n\n z-index: 1051;\n}\n\n.select2-results {\n display: block;\n}\n\n.select2-results__options {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.select2-results__option {\n padding: 6px;\n\n user-select: none;\n -webkit-user-select: none;\n\n &[aria-selected] {\n cursor: pointer;\n }\n}\n\n.select2-container--open .select2-dropdown {\n left: 0;\n}\n\n.select2-container--open .select2-dropdown--above {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.select2-container--open .select2-dropdown--below {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.select2-search--dropdown {\n display: block;\n padding: 4px;\n\n .select2-search__field {\n padding: 4px;\n width: 100%;\n box-sizing: border-box;\n\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n }\n\n &.select2-search--hide {\n display: none;\n }\n}\n",".select2-selection--single {\n background-color: #fff;\n border: 1px solid #aaa;\n border-radius: 4px;\n\n .select2-selection__rendered {\n color: #444;\n line-height: 28px;\n }\n\n .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold;\n }\n\n .select2-selection__placeholder {\n color: #999;\n }\n\n .select2-selection__arrow {\n height: 26px;\n\n position: absolute;\n\n top: 1px;\n right: 1px;\n\n width: 20px;\n\n b {\n border-color: #888 transparent transparent transparent;\n border-style: solid;\n border-width: 5px 4px 0 4px;\n\n height: 0;\n left: 50%;\n\n margin-left: -4px;\n margin-top: -2px;\n\n position: absolute;\n\n top: 50%;\n width: 0;\n }\n }\n}\n\n&[dir=\"rtl\"] {\n .select2-selection--single {\n .select2-selection__clear {\n float: left;\n }\n\n .select2-selection__arrow {\n left: 1px;\n right: auto;\n }\n }\n}\n\n&.select2-container--disabled {\n .select2-selection--single {\n background-color: #eee;\n cursor: default;\n\n .select2-selection__clear {\n display: none;\n }\n }\n}\n\n&.select2-container--open {\n .select2-selection--single {\n .select2-selection__arrow {\n b {\n border-color: transparent transparent #888 transparent;\n border-width: 0 4px 5px 4px;\n }\n }\n }\n}\n",".select2-selection--multiple {\n background-color: white;\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: text;\n\n .select2-selection__rendered {\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n padding: 0 5px;\n width: 100%;\n\n li {\n list-style: none;\n }\n }\n\n .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold;\n margin-top: 5px;\n margin-right: 10px;\n\n // This padding is to account for the bottom border for the first\n // selection row and the top border of the second selection row.\n // Without it, selections on the first row may be offset incorrectly\n // and appear in their own row instead of going to the second row\n padding: 1px;\n }\n\n .select2-selection__choice {\n background-color: #e4e4e4;\n\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: default;\n\n float: left;\n\n margin-right: 5px;\n margin-top: 5px;\n padding: 0 5px;\n }\n\n .select2-selection__choice__remove {\n color: #999;\n cursor: pointer;\n\n display: inline-block;\n font-weight: bold;\n\n margin-right: 2px;\n\n &:hover {\n color: #333;\n }\n }\n}\n\n&[dir=\"rtl\"] {\n .select2-selection--multiple {\n .select2-selection__choice, .select2-search--inline {\n float: right;\n }\n\n .select2-selection__choice {\n margin-left: 5px;\n margin-right: auto;\n }\n\n .select2-selection__choice__remove {\n margin-left: 2px;\n margin-right: auto;\n }\n }\n}\n\n&.select2-container--focus {\n .select2-selection--multiple {\n border: solid black 1px;\n outline: 0;\n }\n}\n\n&.select2-container--disabled {\n .select2-selection--multiple {\n background-color: #eee;\n cursor: default;\n }\n\n .select2-selection__choice__remove {\n display: none;\n }\n}\n",".select2-container--default {\n @import \"single\";\n @import \"multiple\";\n\n &.select2-container--open.select2-container--above {\n .select2-selection--single, .select2-selection--multiple {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.select2-container--open.select2-container--below {\n .select2-selection--single, .select2-selection--multiple {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .select2-search--dropdown {\n .select2-search__field {\n border: 1px solid #aaa;\n }\n }\n\n .select2-search--inline {\n .select2-search__field {\n background: transparent;\n border: none;\n outline: 0;\n box-shadow: none;\n -webkit-appearance: textfield;\n }\n }\n\n .select2-results > .select2-results__options {\n max-height: 200px;\n overflow-y: auto;\n }\n\n .select2-results__option {\n &[role=group] {\n padding: 0;\n }\n\n &[aria-disabled=true] {\n color: #999;\n }\n\n &[aria-selected=true] {\n background-color: #ddd;\n }\n\n .select2-results__option {\n padding-left: 1em;\n\n .select2-results__group {\n padding-left: 0;\n }\n\n .select2-results__option {\n margin-left: -1em;\n padding-left: 2em;\n\n .select2-results__option {\n margin-left: -2em;\n padding-left: 3em;\n\n .select2-results__option {\n margin-left: -3em;\n padding-left: 4em;\n\n .select2-results__option {\n margin-left: -4em;\n padding-left: 5em;\n\n .select2-results__option {\n margin-left: -5em;\n padding-left: 6em;\n }\n }\n }\n }\n }\n }\n }\n\n .select2-results__option--highlighted[aria-selected] {\n background-color: #5897fb;\n color: white;\n }\n\n .select2-results__group {\n cursor: default;\n display: block;\n padding: 6px;\n }\n}\n",".select2-selection--single {\n background-color: mix($selection-bg-top-color, $selection-bg-bottom-color);\n\n border: 1px solid $border-color;\n border-radius: $border-radius;\n\n outline: 0;\n\n @include gradient-vertical($selection-bg-top-color, $selection-bg-bottom-color, 50%, 100%);\n\n &:focus {\n border: 1px solid $focus-border-color;\n }\n\n .select2-selection__rendered {\n color: #444;\n line-height: 28px;\n }\n\n .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold;\n margin-right: 10px;\n }\n\n .select2-selection__placeholder {\n color: #999;\n }\n\n .select2-selection__arrow {\n background-color: #ddd;\n\n border: none;\n border-left: 1px solid $border-color;\n border-top-right-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n\n height: 26px;\n\n position: absolute;\n\n top: 1px;\n right: 1px;\n\n width: 20px;\n\n @include gradient-vertical(#eeeeee, #cccccc, 50%, 100%);\n\n b {\n border-color: #888 transparent transparent transparent;\n border-style: solid;\n border-width: 5px 4px 0 4px;\n\n height: 0;\n left: 50%;\n\n margin-left: -4px;\n margin-top: -2px;\n\n position: absolute;\n\n top: 50%;\n width: 0;\n }\n }\n}\n\n&[dir=\"rtl\"] {\n .select2-selection--single {\n .select2-selection__clear {\n float: left;\n }\n\n .select2-selection__arrow {\n border: none;\n border-right: 1px solid $border-color;\n\n border-radius: 0;\n border-top-left-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n\n left: 1px;\n right: auto;\n }\n }\n}\n\n&.select2-container--open {\n .select2-selection--single {\n border: 1px solid $focus-border-color;\n\n .select2-selection__arrow {\n background: transparent;\n\n border: none;\n\n b {\n border-color: transparent transparent #888 transparent;\n border-width: 0 4px 5px 4px;\n }\n }\n }\n\n &.select2-container--above {\n .select2-selection--single {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n @include gradient-vertical($selection-opened-bg-bottom-color, $selection-opened-bg-top-color, 0%, 50%);\n }\n }\n\n &.select2-container--below {\n .select2-selection--single {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n @include gradient-vertical($selection-opened-bg-top-color, $selection-opened-bg-bottom-color, 50%, 100%);\n }\n }\n}\n","$remove-color: #888 !default;\n$remove-hover-color: #555 !default;\n$remove-width: 20px !default;\n\n$selection-color: #444 !default;\n\n$border-color: #aaa !default;\n$border-radius: 4px !default;\n\n$focus-border-color: #5897fb !default;\n\n$container-height: 28px !default;\n\n$selection-bg-top-color: white !default;\n$selection-bg-bottom-color: #eeeeee !default;\n\n$container-placeholder-color: #999 !default;\n\n$container-focus-border-color: blue !default;\n\n$selection-opened-bg-top-color: $selection-bg-bottom-color !default;\n$selection-opened-bg-bottom-color: $selection-bg-top-color !default;\n\n$dropdown-z-index: 1 !default;\n\n$dropdown-bg-color: $selection-bg-top-color !default;\n\n$results-max-height: 200px !default;\n$results-nested-padding: 20px !default;\n\n$results-choice-bg-hover-color: #3875d7 !default;\n$results-choice-fg-hover-color: white !default;\n\n$results-choice-fg-unselectable-color: grey !default;\n","// https://github.com/twbs/bootstrap-sass/blob/3.3-stable/assets/stylesheets/bootstrap/mixins/_gradients.scss#L17-L27\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n// Color stops are not available in IE9 and below.\n@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down\n}\n",".select2-selection--multiple {\n background-color: white;\n\n border: 1px solid $border-color;\n border-radius: $border-radius;\n\n cursor: text;\n\n outline: 0;\n\n &:focus {\n border: 1px solid $focus-border-color;\n }\n\n .select2-selection__rendered {\n list-style: none;\n margin: 0;\n padding: 0 5px;\n }\n\n .select2-selection__clear {\n display: none;\n }\n\n .select2-selection__choice {\n background-color: #e4e4e4;\n\n border: 1px solid $border-color;\n border-radius: $border-radius;\n\n cursor: default;\n\n float: left;\n\n margin-right: 5px;\n margin-top: 5px;\n padding: 0 5px;\n }\n\n .select2-selection__choice__remove {\n color: $remove-color;\n cursor: pointer;\n\n display: inline-block;\n font-weight: bold;\n\n margin-right: 2px;\n\n &:hover {\n color: $remove-hover-color;\n }\n }\n}\n\n&[dir=\"rtl\"] {\n .select2-selection--multiple {\n .select2-selection__choice {\n float: right;\n margin-left: 5px;\n margin-right: auto;\n }\n\n .select2-selection__choice__remove {\n margin-left: 2px;\n margin-right: auto;\n }\n }\n}\n\n&.select2-container--open {\n .select2-selection--multiple {\n border: 1px solid $focus-border-color;\n }\n\n &.select2-container--above {\n .select2-selection--multiple {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.select2-container--below {\n .select2-selection--multiple {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n","@import \"defaults\";\n@import \"../../mixins/gradients\";\n\n.select2-container--classic {\n @import \"single\";\n @import \"multiple\";\n\n .select2-search--dropdown {\n .select2-search__field {\n border: 1px solid $border-color;\n outline: 0;\n }\n }\n\n .select2-search--inline {\n .select2-search__field {\n outline: 0;\n box-shadow: none;\n }\n }\n\n .select2-dropdown {\n background-color: $dropdown-bg-color;\n border: 1px solid transparent;\n }\n\n .select2-dropdown--above {\n border-bottom: none;\n }\n\n .select2-dropdown--below {\n border-top: none;\n }\n\n .select2-results > .select2-results__options {\n max-height: $results-max-height;\n overflow-y: auto;\n }\n\n .select2-results__option {\n &[role=group] {\n padding: 0;\n }\n\n &[aria-disabled=true] {\n color: $results-choice-fg-unselectable-color;\n }\n }\n\n .select2-results__option--highlighted[aria-selected] {\n background-color: $results-choice-bg-hover-color;\n color: $results-choice-fg-hover-color;\n }\n\n .select2-results__group {\n cursor: default;\n display: block;\n padding: 6px;\n }\n\n &.select2-container--open .select2-dropdown {\n border-color: $focus-border-color;\n }\n}\n","@import '_iwds-colors';\n\n:root, .force-light, .force-light * {\n --base-color-string: 3, 24, 56;\n --text-color: #{$gray-900};\n --text-color-inverse: #{$gray-200};\n --text-color-light: #{$gray-700};\n --text-color-light-inverse: #{$gray-400};\n --primary-color-string: 41, 82, 239;\n --primary-color: rgb(var(--primary-color-string));\n --accent-color-string: 41, 82, 239;\n --accent-color: rgb(var(--accent-color-string));\n --accent-color-light: rgba(var(--accent-color-string), 8%);\n --light-color-string: 255, 255, 255;\n --light-color: #FFF;\n --dark-color: #{$gray-900};\n --border-color: #{$gray-300};\n --background-color: #{scale-color($blue-50, $lightness: 97.5%)};\n --card-background-color: #FFF;\n --hover-color-string: 20, 23, 30;\n --hover-color: rgba(var(--hover-color-string), 0.04);\n --background-color-inverse: var(--text-color);\n --icon-color: brightness(1);\n --shadow-color-string: 0, 0, 0;\n --shadow: 0 0.25rem 1rem rgba(var(--shadow-color-string), .04), 0 0.125rem 0.25rem rgba(var(--shadow-color-string), .08);\n --shadow-hover: 0.5rem 1rem rgba(var(--shadow-color-string), .08), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02), 0 0.125rem 1rem rgba(var(--shadow-color-string), .08);\n --shadow-focus: 0.5rem 1rem rgba(var(--shadow-color-string), .12), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02);\n --border-radius: 0.5rem;\n\n @each $name, $color in $colors {\n --#{$name}: #{$color};\n }\n}\n\n//@media (max-width: 580px) {\n// :root, .force-light, .force-light * {\n// --background: #FFF;\n// --card-background: #{scale-color($blue-50, $lightness: 97.5%)};\n// --shadow: 0 0 0 0;\n// }\n//}\n\n//@media (prefers-color-scheme: dark) {\n// :root:not([light]),\n.force-dark, .force-dark * {\n --text-color: #{$gray-200};\n --text-color-inverse: #{$gray-700};\n --text-color-light: #{$gray-500};\n --text-color-light-inverse: #{$gray-700};\n --icon-color: brightness(1);\n --light-color-string: 21, 21, 25;\n --light-color: #{$gray-900};\n --dark-color: #{$gray-100};\n --border-color: #{$gray-800};\n --background-color: #06070a;\n --hover-color-string: 250, 251, 255;\n --card-background-color: #{$gray-900};\n --shadow-color-string: 0, 0, 0;\n}\n//}\n\n.theme-info, .theme-info * {\n --primary-color-string: 131, 65, 163;\n --primary-color: rgb(var(--primary-color-string));\n --primary-color-light: rgba(var(--primary-color-string), 8%);\n}\n\n.theme-warning, .theme-warning * {\n --primary-color-string: 224, 132, 45;\n --primary-color: rgb(var(--primary-color-string));\n --primary-color-light: rgba(var(--primary-color-string), 8%);\n}\n\n.theme-danger, .theme-danger * {\n --primary-color-string: 219, 7, 61;\n --primary-color: rgb(var(--primary-color-string));\n --primary-color-light: rgba(var(--primary-color-string), 8%);\n}\n\n.theme-success, .theme-success * {\n --primary-color-string: 43, 153, 72;\n --primary-color: rgb(var(--primary-color-string));\n --primary-color-light: rgba(var(--primary-color-string), 8%);\n}\n","// basic\n.select2-container {\n display: block;\n\n *:focus {\n outline: 0;\n }\n\n .select2-container .select2-search--inline {\n float: left;\n cursor: pointer;\n margin-top: 0.5rem;\n }\n}\n\n// input-group\n.input-group .select2-container {\n flex-grow: 1;\n}\n// for prepended input\n.input-group-prepend ~ .select2-container .select2-selection {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n// for appended input\n.input-group > .select2-container:not(:last-child) .select2-selection {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.select2-container {\n\n // input box\n .select2-selection {\n background-color: $input-bg;\n border: $input-border-width solid $input-border-color;\n @include border-radius($input-border-radius);\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n width: 100%;\n }\n\n // focused input box\n &.select2-container--open {\n .select2-selection {\n border-color: $input-focus-border-color;\n box-shadow: $input-focus-box-shadow;\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n // disabled input box\n &.select2-container--disabled,\n &.select2-container--disabled.select2-container--focus {\n .select2-selection {\n background-color: $input-disabled-bg;\n cursor: not-allowed;\n border-color: $input-border-color;\n box-shadow: none;\n }\n .select2-search__field {\n background-color: transparent;\n }\n }\n\n // validated input box\n select.is-invalid ~ & .select2-selection,\n form.was-validated select:invalid ~ & .select2-selection {\n border-color: $danger;\n }\n select.is-valid ~ & .select2-selection,\n form.was-validated select:valid ~ & .select2-selection {\n border-color: $success;\n }\n\n // dropdown\n .select2-dropdown {\n border-width: $input-border-width;\n border-color: $input-focus-border-color;\n box-shadow: var(--shadow);\n background: $input-bg;\n\n // dropdown opened below\n &.select2-dropdown--below {\n @include border-bottom-radius($input-border-radius);\n }\n\n // dropdown opened above\n &.select2-dropdown--above {\n @include border-top-radius($input-border-radius);\n }\n\n // selected item\n .select2-results__option[aria-selected=true] {\n background-color: $light-bg;\n }\n }\n\n // mouse hovered item\n .select2-results__option--highlighted,\n .select2-results__option--highlighted.select2-results__option[aria-selected=true] {\n background-color: $component-active-bg;\n color: $light;\n }\n\n // for <optgroup>\n .select2-results__option[role=group] {\n padding: 0;\n\n .select2-results__options--nested .select2-results__option {\n padding: .5rem 1rem;\n }\n }\n\n // fixes vertical overflow\n .select2-results > .select2-results__options {\n max-height: 12rem;\n overflow-y: auto;\n }\n\n .select2-results__group {\n margin-top: .5rem;\n padding-left: 1rem;\n display: list-item;\n color: $body-color;\n font-weight: bold;\n }\n\n // all clear button\n .select2-selection__clear {\n $bg: $body-bg;\n\n width: 0.9em;\n height: 0.9em;\n line-height: 0.75em;\n padding-left: 0.15em;\n margin-top: 0.7em;\n border-radius: 100%;\n\n background-color: $bg;\n color: $light;\n float: right;\n margin-right: 0.3em;\n\n &:hover {\n background-color: var(--hover-color);\n }\n }\n}\n\n\n\n\n.select2-container {\n .select2-selection--single {\n\n // height of input box\n height: $input-height !important;\n\n // placeholder\n .select2-selection__placeholder {\n color: $input-placeholder-color;\n line-height: $input-height-inner;\n }\n\n // arrow\n .select2-selection__arrow {\n position: absolute;\n top: 0;\n right: 0;\n width: $custom-select-padding-x + $custom-select-indicator-padding;\n height: 100%;\n\n b {\n background: $custom-select-background;\n width: 100%;\n height: 100%;\n position: absolute;\n }\n }\n\n // selected item\n .select2-selection__rendered {\n line-height: $input-height-inner;\n padding-right: $custom-select-padding-x + $custom-select-indicator-padding !important;\n }\n }\n}\n\n// search box\n.select2-search__field {\n color: $input-color;\n background-color: $input-bg;\n border: $input-border-width solid $input-border-color;\n @include border-radius($input-border-radius);\n}\n\n// no result message\n.select2-results__message {\n color: $secondary;\n}\n\n\n.select2-container {\n .select2-selection--multiple {\n\n // height of input box\n min-height: $input-height !important;\n\n // input box\n .select2-selection__rendered {\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n padding: 0.125rem $input-padding-x;\n width: 100%;\n\n .select2-search__field {\n margin-top: 0.75rem;\n\n &::placeholder {\n color: $input-placeholder-color;\n }\n }\n }\n\n // each selected item in input box\n .select2-selection__choice {\n color: $body-color;\n background: $light-bg;\n border: $input-border-width solid $input-border-color;\n @include border-radius($input-border-radius-sm);\n padding: .25rem .5rem;\n cursor: pointer;\n float: left;\n margin-top: 0.25rem;\n margin-bottom: .25rem;\n margin-right: .25rem;\n display: flex;\n flex-direction: row-reverse;\n }\n\n // x button of each selected item in input box\n .select2-selection__choice__remove {\n font-size: 1.5rem;\n line-height: 1.5rem;\n margin-left: .5rem;\n\n &:hover {\n color: $dark;\n }\n }\n\n // all clear button\n .select2-selection__clear {\n // overwrite layout.scss\n float: none;\n margin-right: 0;\n\n position: absolute !important;\n top: 0;\n right: 0.7em;\n }\n }\n}\n","// Overwrite Bootstrap's variables here\n// You can find them in node_modules/bootstrap/scss/_variables.scss\n// Copy the variables you need into this file, don't modify files under node_modules/\n\n$font-family-sans-serif: 'Hkgrotesk', sans-serif;\n\n$enable-shadows: true;\n$enable-caret: false;\n$enable-validation-icons: false;\n\n// Map Colors to Bootstrap\n$primary: $blue-50;\n$secondary: $gray-80;\n$success: $green-50;\n$info: $purple-50;\n$warning: $yellow-50;\n$danger: $red-50;\n$dark: $gray-900;\n\n$body-bg: var(--background-color);\n$body-color: var(--text-color);\n$headings-color: $body-color;\n$primary-color: var(--primary-color);\n$light-bg: var(--text-color-inverse);\n$accent-color: var(--accent-color);\n$hover-color: var(--hover-color);\n$text-muted: var(--text-color-light);\n$text-disabled: var(--text-color-light-inverse);\n\n$iw-text-colors: (\n \"black1\": $body-color,\n \"black2\": $text-muted,\n \"gray1\": $text-muted,\n \"gray2\": var(--text-color-light-inverse),\n \"blue2\": $blue-80,\n \"default\": $body-color,\n \"muted\": $text-muted,\n \"muted-x2\": var(--text-color-light-inverse),\n);\n\n$iw-badge-colors:(\n \"gold\": $gold,\n \"platinum\": $platinum,\n \"bronze\": $bronze,\n \"silver\": $silver,\n);\n\n$iw-badge-text-colors:(\n \"gold\": white,\n \"platinum\": white,\n \"bronze\": white,\n \"silver\": white,\n);\n\n$iw-avatar-level-ring-colors:(\n \"platinum\": $platinum,\n \"bronze\": $bronze,\n \"silver\": $silver,\n \"gold\": $gold,\n);\n\n$iw-avatar-level-ring-sizes:(\n \"xs\": 2px,\n \"sm\": 3px,\n \"md\": 4px,\n \"l\": 5px,\n \"xl\": 6px,\n);\n\n$yiq-contrasted-threshold: 255;\n$emphasized-link-hover-darken-percentage: 0;\n\n$spacer: 1rem;\n$spacers: (\n 4: ($spacer * 0.25),\n 8: ($spacer * 0.5),\n 16: $spacer,\n 20: ($spacer * 1.25),\n 24: ($spacer * 1.5),\n 32: ($spacer * 2),\n 48: ($spacer * 3),\n);\n\n\n$grid-gutter-width: 24px;\n\n$border-color: var(--border-color);\n$border-radius: var(--border-radius);\n$border-radius-lg: $border-radius;\n$border-radius-sm: $border-radius;\n$border-width: 1px;\n\n$hr-border-color: $border-color;\n\n$box-shadow-spread-1: 0 .25rem 1rem;\n$box-shadow-spread-2: 0 .125rem .25rem;\n$box-shadow: var(--shadow);\n$box-shadow-sm: $box-shadow;\n$box-shadow-lg: var(--shadow), 0 0.5rem 2rem rgba(var(--shadow-color-string), .16);\n$box-shadow-focus: var(--shadow-focus);\n\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n$font-size-base: 1rem;\n$font-size-lg: $font-size-base * 1.5;\n$font-size-sm: $font-size-base * 0.875;\n$small-font-size: 87.5%;\n\n$line-height-sm: 1.4285714286;\n\n$h1-font-size: $font-size-base * 3.5;\n$h2-font-size: $font-size-base * 3;\n$h3-font-size: $font-size-base * 2.5;\n$h4-font-size: $font-size-base * 2;\n$h5-font-size: $font-size-base * 1.5;\n$h6-font-size: $font-size-base * 1.25;\n\n$h1-line-height: $font-size-base * 4.5;\n$h2-line-height: $font-size-base * 3.5;\n$h3-line-height: $font-size-base * 3;\n$h4-line-height: $font-size-base * 2.5;\n$h5-line-height: $font-size-base * 2;\n$h6-line-height: $font-size-base * 1.5;\n\n$headings-font-weight: 700;\n$headings-margin-bottom: 0;\n\n$link-color: $primary-color;\n$link-hover-decoration: none;\n$link-hover-color: $primary-color;\n\n$label-margin-bottom: .5rem;\n\n$component-active-bg: $primary;\n\n$form-group-margin-bottom: 1rem;\n$form-feedback-font-size: $font-size-base;\n$form-feedback-margin-top: .5rem;\n\n$form-control-size-min: 1;\n$form-control-size-max: 10;\n$form-control-extra-width: 2px;\n\n$form-control-nested-padding-x: 2px;\n$form-control-nested-padding-y: 1px;\n\n$input-box-shadow-spread-1: 0 .25rem 0.5rem;\n$input-box-shadow-spread-2: 0 0 0.25rem 0.125rem;\n$input-bg: var(--card-background-color);\n$input-color: $body-color;\n$input-border-width: $border-width*2;\n$input-border-color: $border-color;\n$input-placeholder-color: $text-muted;\n$input-box-shadow: none; // $box-shadow;\n$input-padding-x: 1rem;\n$input-padding-x-lg: 1rem;\n$input-disabled-bg: $light-bg;\n$input-focus-border-color: rgba(var(--primary-color-string), .5);\n\n$input-btn-focus-color: rgba(var(--primary-color-string), .5);\n$input-btn-border-width: $border-width*2;\n$input-btn-font-size-lg: $font-size-base;\n$input-btn-padding-y: 0.625rem;\n$input-btn-padding-y-sm: 0.5rem;\n$input-btn-padding-y-lg: 0.875rem;\n$input-btn-padding-x: 1.5rem;\n$input-btn-padding-x-sm: 1rem;\n$input-btn-padding-x-lg: 2.5rem;\n$input-btn-focus-width: 0;\n$input-btn-focus-box-shadow: $input-box-shadow-spread-1 rgba($primary, 0.04), $input-box-shadow-spread-2 rgba($primary, 0.16);\n\n$custom-control-indicator-bg: var(--card-background-color);\n$custom-control-indicator-bg-size: 70%;\n$custom-control-indicator-border-color: $border-color;\n$custom-control-indicator-size: 1.25rem;\n$custom-control-indicator-active-bg: var(--text-color-light-inverse);\n$custom-control-indicator-focus-box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-string), 0.16);\n$custom-control-indicator-checked-disabled-bg: var(--text-color-inverse);\n\n$custom-control-label-disabled-color: $text-disabled;\n\n$custom-checkbox-indicator-indeterminate-bg: $primary-color;\n$custom-checkbox-indicator-border-radius: 0.25rem;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Fill 6' fill-rule='evenodd' clip-rule='evenodd' d='M4.4653 9C4.37071 9 4.27966 8.96677 4.21401 8.9083C4.21401 8.9083 1.3736 6.39004 1.0976 6.13649C0.962783 6.0128 0.96843 5.81833 1.1096 5.7014C1.25007 5.58508 1.47524 5.58816 1.60865 5.71186C1.83382 5.91864 3.76155 7.62886 4.46318 8.25104L12.3929 1.0932C12.5284 0.971965 12.7515 0.968272 12.8919 1.08643C13.0324 1.20397 13.0367 1.39844 12.9004 1.52153L4.71871 8.90646C4.65306 8.96554 4.562 8.99938 4.46671 9H4.4653Z' fill='%234778FF' stroke='%234778FF'/%3E%3C/svg%3E%0A\");\n$custom-checkbox-indicator-icon-checked-invalid: url(\"data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Fill 6' fill-rule='evenodd' clip-rule='evenodd' d='M4.4653 9C4.37071 9 4.27966 8.96677 4.21401 8.9083C4.21401 8.9083 1.3736 6.39004 1.0976 6.13649C0.962783 6.0128 0.96843 5.81833 1.1096 5.7014C1.25007 5.58508 1.47524 5.58816 1.60865 5.71186C1.83382 5.91864 3.76155 7.62886 4.46318 8.25104L12.3929 1.0932C12.5284 0.971965 12.7515 0.968272 12.8919 1.08643C13.0324 1.20397 13.0367 1.39844 12.9004 1.52153L4.71871 8.90646C4.65306 8.96554 4.562 8.99938 4.46671 9H4.4653Z' fill='%23ff4847' stroke='%23ff4847'/%3E%3C/svg%3E%0A\");\n\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.0001C0 2.23868 2.23858 9.91821e-05 5 9.91821e-05C7.76142 9.91821e-05 10 2.23868 10 5.0001C10 7.76152 7.76142 10.0001 5 10.0001C2.23858 10.0001 0 7.76152 0 5.0001Z' fill='%234778FF'/%3E%3C/svg%3E\");\n$custom-radio-indicator-icon-checked-invalid: url(\"data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.0001C0 2.23868 2.23858 9.91821e-05 5 9.91821e-05C7.76142 9.91821e-05 10 2.23868 10 5.0001C10 7.76152 7.76142 10.0001 5 10.0001C2.23858 10.0001 0 7.76152 0 5.0001Z' fill='%23ff4847'/%3E%3C/svg%3E\");\n\n$custom-select-bg-size: 1.5rem 1.5rem;\n$custom-select-indicator: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z'/%3E%3C/svg%3E\");\n$custom-select-box-shadow: $input-box-shadow;\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-indicator-padding: 1.45rem;\n\n$custom-tag-border-width: $border-width*2;\n\n//$btn-focus-width: 0.25rem;\n$btn-box-shadow: none;\n$btn-active-box-shadow: none;\n//$btn-transition: none;\n$btn-font-weight: $font-weight-semibold;\n$btn-disabled-opacity: 0.4;\n\n$nav-tabs-border-color: $border-color;\n$nav-tabs-link-active-color: $body-color;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: #fff #fff $primary-color #fff;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-border-width: $border-width*4;\n\n$nav-pills-link-active-color: $text-muted;\n$nav-pills-link-active-bg: $gray-30;\n\n$navbar-brand-padding-y: 0;\n\n$navbar-padding-x: 2rem;\n$navbar-padding-y: 0;\n\n$navbar-light-color: var(--text-color);\n$navbar-light-hover-color: var(--primary-color);\n$navbar-light-active-color: var(--primary-color);\n\n$breadcrumb-bg: transparent;\n$breadcrumb-divider-color: $body-color;\n$breadcrumb-divider: \"\";\n$breadcrumb-active-color: $body-color;\n$breadcrumb-padding-x: 0;\n$breadcrumb-padding-y: 0;\n$breadcrumb-item-padding: 1.5rem;\n\n$alert-color-level: 2;\n$alert-padding-x: 1rem;\n$alert-padding-y: 1rem;\n\n$toast-max-width: 720px;\n$toast-padding-x: 1.5rem;\n$toast-padding-y: 1rem;\n$toast-color: white;\n$toast-font-size: 1rem;\n$toast-background-color: $gray-80;\n$toast-border-radius: $border-radius;\n$toast-box-shadow: $box-shadow;\n$toast-border-width: 0;\n\n$close-font-weight: lighter;\n$close-color: $gray-80;\n$close-font-size: 2rem;\n$close-text-shadow: none;\n\n\n$list-group-bg: var(--card-background-color);\n$list-group-item-padding-x: 1rem;\n$list-group-item-padding-y: 1.5rem;\n$list-group-flush-item-padding-x: 0; // variable added for IW\n$list-group-action-color: $body-color;\n$list-group-active-color: $body-color;\n$list-group-active-bg: $hover-color;\n$list-group-action-active-bg: $hover-color;\n$list-group-hover-bg: $hover-color;\n$list-group-disabled-color: var(--text-color-light-inverse);\n\n$dropdown-bg: var(--card-background-color);\n$dropdown-link-color: $body-color;\n$dropdown-link-hover-color: $primary-color;\n$dropdown-box-shadow: $box-shadow;\n$dropdown-link-hover-bg: transparent;\n$dropdown-border-width: 0;\n$dropdown-item-padding-y: 0.5rem;\n$dropdown-item-padding-x: 1rem;\n$dropdown-link-active-bg: transparent;\n$dropdown-link-active-color: $primary-color;\n$dropdown-divider-bg: $border-color;\n\n$badge-font-weight: $font-weight-bold;\n$badge-padding-x: .5rem;\n$badge-padding-y: 0;\n$badge-line-height: 1.25rem;\n\n$mark-bg: yellow;\n\n$tooltip-font-size: $font-size-base;\n$tooltip-margin: .25rem;\n\n$popover-font-size: $font-size-base;\n$popover-box-shadow: 0px 4px 1rem rgba(0, 0, 0, 0.12);\n$popover-max-width: 276px;\n$popover-wide-max-width: 363px;\n\n$icon-colors: (\n 'primary': ($blue-50, $blue-80),\n 'success': ($green-50, $green-80),\n 'warning': ($yellow-50, $yellow-80),\n 'danger': ($red-50, $red-80),\n 'light': (#ffffff, #ffffff),\n);\n\n$modal-inner-padding: 2rem 2rem 2rem 2rem;\n\n$modal-dialog-margin: 0;\n\n$modal-content-bg: var(--card-background-color);\n$modal-content-border-width: 0;\n$modal-content-box-shadow-xs: $box-shadow-lg;\n$modal-content-box-shadow-sm-up: $box-shadow-lg;\n\n$modal-backdrop-opacity: .24;\n$modal-header-padding-y: 2rem;\n$modal-header-padding-x: 2rem;\n\n$avatar-sizes: (\n 'xxxxl': 12rem,\n 'xxxl': 10rem,\n 'xxl': 8rem,\n 'xl': 6rem,\n 'l': 4.5rem,\n 'md': 3rem,\n 'sm': 2rem,\n 'xs': 1.5rem,\n);\n\n$progress-box-shadow: none;\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px,\n);\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1376px,\n);\n\n$carousel-indicator-width: 8px;\n$carousel-indicator-height: 8px;\n$carousel-indicator-active-bg: $gray-80;\n$carousel-indicator-spacer: 8px;\n\n$form-floating-line-height: 1.25;\n$form-floating-padding-x: 0.75rem;\n$form-floating-padding-y: 1.125rem;\n$form-floating-input-padding-diff:.5rem;\n$form-floating-label-opacity: .75;\n$form-floating-label-transform: scale(.8) translateY(-.625rem) translateX(.25rem);\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out;\n// Different settings for .form-control-xl\n$form-floating-padding-x-xl: 0.75rem;\n$form-floating-padding-y-xl: 1.5rem;\n$form-floating-label-opacity-xl: 1.0;\n$form-floating-label-transform-xl: scale(.625) translateY(-.625rem) translateX(.5rem);\n\n$form-control-xl-font-weight: $font-weight-bold;\n$form-control-xl-line-height: 1.75rem;\n$form-control-xl-font-size: 1.25rem;\n$form-control-xl-text-color: $body-color;\n\n$card-bg: var(--card-background-color);\n$card-disabled-bg: $hover-color;\n$card-focus-border-color: $input-btn-focus-color;\n$card-focus-box-shadow: $input-btn-focus-box-shadow;\n$card-border-width: $border-width*2;\n$card-border-color: $border-color;\n$card-border-radius: 0.5rem;\n\n$chip-focus-width: $input-btn-focus-width;\n$chip-padding-y: $input-btn-padding-y;\n$chip-padding-x: 1rem;\n$chip-border-radius: $border-radius;\n$chip-bg: $body-bg;\n\n$banner-padding: 0.5rem;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// This file is automatically generated, do not edit it manually\n\n$blue-10: #e5eafd;\n$blue-30: #6d89f4;\n$blue-50: #2952ef;\n$blue-80: #0c2a9c;\n$bronze: #b19484;\n$gold: #f39237;\n$gray-10: #ebebee;\n$gray-100: #f9f9fa;\n$gray-200: #ebebee;\n$gray-30: #cecfd6;\n$gray-300: #dadbe0;\n$gray-400: #c8cad1;\n$gray-50: #b7b9c3;\n$gray-500: #b7b9c3;\n$gray-600: #86899a;\n$gray-700: #606373;\n$gray-80: #676b7c;\n$gray-800: #373942;\n$gray-900: #151519;\n$green-10: #e3f3e8;\n$green-30: #62bd7b;\n$green-50: #36814a;\n$green-80: #204d2c;\n$platinum: #6aafd4;\n$purple-10: #f1e7f5;\n$purple-30: #ad76c8;\n$purple-50: #8341a3;\n$purple-80: #4f2762;\n$red-10: #fedee6;\n$red-30: #f94472;\n$red-50: #db073d;\n$red-80: #830425;\n$silver: #c8cad1;\n$yellow-10: #fef2e7;\n$yellow-30: #f7b577;\n$yellow-50: #f39237;\n$yellow-80: #a9570a;\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\":