impulse_view_components 0.5.0 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b4cdda34f241cf75b06a755a968691f8b4dc177903b2b8d9bb0351a2b27fa3e0
-  data.tar.gz: df879c2100aeaf3267567394eea54b00c373775a63302ccb033e0868ffa56080
+  metadata.gz: cdd839e2bd6e63f56f4bdd401b85888182f13883b507aeacc7c01a930c8d06cc
+  data.tar.gz: 2b14756c442d99c0b5cb8eb952e15f5aadb7fd24b1dc32e023b3e59c1ce7bedd
 SHA512:
-  metadata.gz: 7bb4f020e758ecfb481d91c8015feca4ae5d31c9baef65e9e7f052e71030ed1ec8be9a0bb4d885afbdcd6e57c1bd61f02ae3dee2c2c3e96f3fd3237ddb591073
-  data.tar.gz: 4b1e14202ce4b9afdc88e5d5fc658e4fbf1d4a358e3bc28f78ba98a0e68a4244d1259b604452117753c9ba95e0f9b79fc8e23f7e20b297097b435d0806d50dbb
+  metadata.gz: 80dbcf499c184a438f4e0250fd9be66e0e3f9a2826c29bd9ff79be393b4f35c7274d553d1896047269439e8d1d1de00925f13e18faa640ad7b626af146e5d38d
+  data.tar.gz: 8643fd0cd8551dea0a3d8013a2d1b75074923c334f5b1e6d492203edce450403e7d9bf661468b38e3e74f3abc7f78273f8025dde439da49257a9a81361db74cd

data/CHANGELOG.md

@@ -6,6 +6,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ## [Unreleased]
 
+## [0.5.1] - 2024-05-14
+
+### Fixed
+
+- Specify autocomplete input placeholder color ([#109](https://github.com/Ambiki/impulse_view_components/pull/109))
+- Show autocomplete loading state when fetching options remotely ([#108](https://github.com/Ambiki/impulse_view_components/pull/108))
+
 ## [0.5.0] - 2024-04-15
 
 ### Added
@@ -129,7 +136,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 - Everything!
 
-[unreleased]: https://github.com/Ambiki/impulse_view_components/compare/v0.5.0...HEAD
+[unreleased]: https://github.com/Ambiki/impulse_view_components/compare/v0.5.1...HEAD
+[0.5.1]: https://github.com/Ambiki/impulse_view_components/compare/v0.5.0...v0.5.1
 [0.5.0]: https://github.com/Ambiki/impulse_view_components/compare/v0.4.0...v0.5.0
 [0.4.0]: https://github.com/Ambiki/impulse_view_components/compare/v0.3.1...v0.4.0
 [0.3.1]: https://github.com/Ambiki/impulse_view_components/compare/v0.3.0...v0.3.1

data/app/assets/dist/impulse_view_components.css

@@ -2,5 +2,5 @@
     calc(1.5em + .5rem + 2px) - (.25rem * 2) - (1px * 2)
   );--awc-autocomplete-input-height-lg: calc(
     calc(1.5em + 1rem + 2px) - (.5rem * 2) - (1px * 2)
-  );--awc-autocomplete-tag-font-size-lg: 0.875rem;--awc-autocomplete-tag-gap-lg: 0.375rem}[hidden][hidden]{display:none !important}.awc-autocomplete{position:relative;display:block}.awc-autocomplete-control{display:flex;align-items:center;position:relative;cursor:text;padding-right:2.5rem;height:100%;min-height:var(--awc-autocomplete-control-min-height)}.awc-autocomplete[data-focus] .awc-autocomplete-control{color:var(--awc-autocomplete-control-focus-color);background-color:#fff;border-color:var(--awc-autocomplete-control-focus-border-color);outline:0;box-shadow:var(--awc-autocomplete-control-focus-box-shadow)}.awc-autocomplete[disabled] .awc-autocomplete-control{cursor:default;background-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete[disabled] .awc-autocomplete-clear-btn{background-color:var(--awc-autocomplete-control-disabled-bg-color);border-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete-input{display:block;min-width:var(--awc-autocomplete-input-min-width);height:var(--awc-autocomplete-input-height);width:100%;margin:0;padding:0;flex:1 1 0%;font:inherit;letter-spacing:inherit;background:none;color:currentColor;border:0;outline:none;background-clip:padding-box}.awc-autocomplete-end-adornment{flex-shrink:0;position:absolute;right:.75rem;top:0;bottom:0;display:flex;align-items:center;margin-right:calc(.75rem / 2 * -1)}.awc-autocomplete-adornment-btn,.awc-autocomplete-adornment-decorator{width:var(--awc-autocomplete-adornment-item-size);height:var(--awc-autocomplete-adornment-item-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-sm);font-size:var(--fs-sm)}.awc-autocomplete-adornment-btn i,.awc-autocomplete-adornment-decorator i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-adornment-btn i::before,.awc-autocomplete-adornment-decorator i::before{line-height:inherit}.awc-autocomplete-clear-btn{display:none;background-color:var(--awc-autocomplete-input-bg-color);border-color:var(--awc-autocomplete-input-bg-color)}.awc-autocomplete-adornment-decorator{pointer-events:none}.awc-autocomplete-listbox{font-size:var(--awc-autocomplete-listbox-font-size);max-height:var(--awc-autocomplete-listbox-max-height);overflow:hidden auto;box-shadow:var(--shadow-md)}.awc-autocomplete-listbox.dropdown-menu{display:block}.awc-autocomplete-options{margin:0;padding:0}.awc-autocomplete-options .awc-autocomplete-group:not([hidden]) ~ :not([hidden]){border-top:1px solid var(--color-border-default);margin-top:var(--space-1)}.awc-autocomplete-group-header{padding:var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);line-height:var(--awc-autocomplete-group-header-lh);font-size:var(--awc-autocomplete-group-header-font-size);font-weight:var(--awc-autocomplete-group-header-fw);color:var(--awc-autocomplete-group-header-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-color);flex-shrink:0;visibility:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xl)}.awc-autocomplete-option{position:relative;display:flex;align-items:flex-start;justify-content:space-between;-moz-column-gap:0.25rem;column-gap:0.25rem;padding:var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);line-height:var(--awc-autocomplete-option-lh);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;font-size:var(--awc-autocomplete-option-font-size);white-space:initial}.awc-autocomplete-option[data-active],.awc-autocomplete-option:active,.awc-autocomplete-option .active{color:#16181b;background-color:var(--awc-autocomplete-option-hover-bg-color)}.awc-autocomplete-option.disabled{pointer-events:auto;cursor:not-allowed}.awc-autocomplete-option[data-active].disabled{color:#adb5bd}.awc-autocomplete-option.disabled .awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-disabled-color)}.awc-autocomplete-option:not(.disabled) .awc-autocomplete-option-description{color:var(--color-fg-secondary)}.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check{visibility:visible}.awc-autocomplete-option-content{flex:1 1 0%;display:flex;flex-direction:column;row-gap:2px;word-break:break-word}.awc-autocomplete-option-text{display:block}.awc-autocomplete-option-description{font-size:var(--fs-sm)}.awc-autocomplete-tag{display:flex;align-items:center;-moz-column-gap:0.25rem;column-gap:0.25rem;padding-inline:var(--awc-autocomplete-tag-padding-x);min-width:0;max-width:var(--awc-autocomplete-tag-max-width);height:var(--awc-autocomplete-input-height);vertical-align:middle;background-color:var(--awc-autocomplete-tag-bg-color);border-radius:var(--awc-autocomplete-tag-border-radius);border:1px solid var(--awc-autocomplete-tag-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.awc-autocomplete-tag-text{display:block;line-height:var(--awc-autocomplete-tag-btn-size);font-size:var(--awc-autocomplete-tag-font-size);text-decoration:none;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-tag-end-adornment{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-right:calc(var(--awc-autocomplete-tag-padding-x) / 2 * -1)}.awc-autocomplete-tag-dismiss-btn{padding:0;display:inline-flex;align-items:center;justify-content:center;height:var(--awc-autocomplete-tag-btn-size);width:var(--awc-autocomplete-tag-btn-size);border-radius:var(--rounded-sm);font-size:var(--fs-lg)}.awc-autocomplete-tag-dismiss-btn:hover{background-color:var(--awc-autocomplete-tag-btn-bg-hover-color);color:#fff}.awc-autocomplete-tag-dismiss-btn[disabled]{background-color:transparent;color:inherit}.awc-autocomplete-tag-dismiss-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-tag-dismiss-btn i::before{line-height:inherit}.awc-autocomplete-blankslate{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-blankslate-color)}.awc-autocomplete-error{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-error-color)}.awc-autocomplete-spinner{display:flex;align-items:center;justify-content:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x)}.awc-autocomplete--selected.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator{display:none}.awc-autocomplete--selected .awc-autocomplete-clear-btn{display:inline-flex}.awc-autocomplete[no-options] .awc-autocomplete-options{display:none}.awc-autocomplete[no-options]:not([error]) .awc-autocomplete-blankslate{display:block}.awc-autocomplete[error] .awc-autocomplete-error{display:block}.awc-autocomplete[error] .awc-autocomplete-spinner{display:none}.awc-autocomplete[multiple] .awc-autocomplete-control{flex-wrap:wrap;gap:var(--awc-autocomplete-tag-gap)}.awc-autocomplete--sm{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);--awc-autocomplete-tag-btn-size: 1rem}.awc-autocomplete--sm .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-sm);padding-right:2.25rem}.awc-autocomplete--sm .awc-autocomplete-end-adornment{right:.5rem;margin-right:calc(.5rem / 2 * -1)}.awc-autocomplete--lg{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);--awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);--awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg)}.awc-autocomplete--lg .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-lg);padding-right:2.75rem}.awc-autocomplete--lg .awc-autocomplete-end-adornment{right:1rem;margin-right:calc(1rem / 2 * -1)}.awc-dialog-dialog{--margin-y: .5rem;--margin-y-sm-up: 1.75rem;border:0;border-radius:var(--rounded-default);max-width:92vw;width:100%;color:inherit;background-color:var(--white);box-shadow:var(--shadow-lg);padding:0;margin:var(--margin-y) auto;max-height:calc(100vh - calc(var(--margin-y) * 2));overflow:hidden;animation:dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1)}.awc-dialog-dialog[open]{display:flex;flex-direction:column}.awc-dialog-dialog:focus-visible{outline:none}.awc-dialog-dialog::backdrop{background-color:rgba(0,23,66,0.5);animation:dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media (min-width: 576px){.awc-dialog-dialog{max-width:498px;max-height:calc(100vh - calc(var(--margin-y-sm-up) * 2));margin-top:var(--margin-y-sm-up);margin-bottom:var(--margin-y-sm-up)}}.awc-dialog-dialog--centered{margin-top:auto;margin-bottom:auto}.awc-dialog--scrollable{flex-grow:1;display:flex;flex-direction:column;overflow-y:hidden}.awc-dialog-header{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.awc-dialog-title-container{flex:1 1 0%;padding:var(--space-2) 0}.awc-dialog-title{margin:0 !important;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:20px}.awc-dialog-close-btn{position:relative;flex-shrink:0;padding:0;width:32px;height:32px;font-size:1.25rem;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.awc-dialog-close-btn:not(:hover){background-color:var(--white);border-color:var(--white)}.awc-dialog-close-btn:focus{box-shadow:none}.awc-dialog-close-btn:focus-visible{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.awc-dialog-close-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-dialog-close-btn i::before{line-height:inherit}.awc-dialog-body{flex-grow:1;overflow-y:auto;padding:var(--space-3);font-size:var(--fs-default)}.awc-dialog-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border-default)}.awc-dialog--sm .awc-dialog-dialog{max-width:298px}.awc-dialog--lg .awc-dialog-dialog{max-width:798px}.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100dvw}}@media (max-width: 576px){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 768px){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 992px){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 1200px){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100dvw}}}@keyframes dialog-show{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes dialog-overlay{from{opacity:0}to{opacity:1}}.awc-popover{display:block}.awc-popover-container{outline:none;background-clip:padding-box;background-color:var(--white);border-radius:var(--rounded-default);box-shadow:var(--shadow-md);max-width:276px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--fs-default);overflow:visible;border:1px solid var(--color-border-default);animation-duration:400ms;animation-timing-function:cubic-bezier(0.16, 1, 0.3, 1);word-wrap:break-word}.awc-popover-container::backdrop{display:none}.awc-popover-container .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.awc-popover-container .arrow::before,.awc-popover-container .arrow::after{position:absolute;display:block;content:'';border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^='top']{margin-bottom:0;animation-name:slide-down-and-fade}.bs-popover-auto[x-placement^='top']>.arrow{bottom:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='right']{margin-left:0;animation-name:slide-left-and-fade}.bs-popover-auto[x-placement^='right']>.arrow{left:-.5rem;margin-top:0;margin-bottom:0}.bs-popover-auto[x-placement^='bottom']{margin-top:0;animation-name:slide-up-and-fade}.bs-popover-auto[x-placement^='bottom']>.arrow{top:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='left']{margin-right:0;animation-name:slide-right-and-fade}.bs-popover-auto[x-placement^='left']>.arrow{right:-.5rem;margin-top:0;margin-bottom:0}@keyframes slide-up-and-fade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-and-fade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-down-and-fade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-and-fade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
+  );--awc-autocomplete-tag-font-size-lg: 0.875rem;--awc-autocomplete-tag-gap-lg: 0.375rem}[hidden][hidden]{display:none !important}.awc-autocomplete{position:relative;display:block}.awc-autocomplete-control{display:flex;align-items:center;position:relative;cursor:text;padding-right:2.5rem;height:100%;min-height:var(--awc-autocomplete-control-min-height)}.awc-autocomplete[data-focus] .awc-autocomplete-control{color:var(--awc-autocomplete-control-focus-color);background-color:#fff;border-color:var(--awc-autocomplete-control-focus-border-color);outline:0;box-shadow:var(--awc-autocomplete-control-focus-box-shadow)}.awc-autocomplete[disabled] .awc-autocomplete-control{cursor:default;background-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete[disabled] .awc-autocomplete-clear-btn{background-color:var(--awc-autocomplete-control-disabled-bg-color);border-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete-input{display:block;min-width:var(--awc-autocomplete-input-min-width);height:var(--awc-autocomplete-input-height);width:100%;margin:0;padding:0;flex:1 1 0%;font:inherit;letter-spacing:inherit;background:none;color:currentColor;border:0;outline:none;background-clip:padding-box}.awc-autocomplete-input::-moz-placeholder{color:#6c757d}.awc-autocomplete-input::placeholder{color:#6c757d}.awc-autocomplete-end-adornment{flex-shrink:0;position:absolute;right:.75rem;top:0;bottom:0;display:flex;align-items:center;margin-right:calc(.75rem / 2 * -1)}.awc-autocomplete-adornment-btn,.awc-autocomplete-adornment-decorator{width:var(--awc-autocomplete-adornment-item-size);height:var(--awc-autocomplete-adornment-item-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-sm);font-size:var(--fs-sm)}.awc-autocomplete-adornment-btn i,.awc-autocomplete-adornment-decorator i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-adornment-btn i::before,.awc-autocomplete-adornment-decorator i::before{line-height:inherit}.awc-autocomplete-clear-btn{display:none;background-color:var(--awc-autocomplete-input-bg-color);border-color:var(--awc-autocomplete-input-bg-color)}.awc-autocomplete-adornment-decorator{pointer-events:none}.awc-autocomplete-listbox{font-size:var(--awc-autocomplete-listbox-font-size);max-height:var(--awc-autocomplete-listbox-max-height);overflow:hidden auto;box-shadow:var(--shadow-md)}.awc-autocomplete-listbox.dropdown-menu{display:block}.awc-autocomplete-options{margin:0;padding:0}.awc-autocomplete-options .awc-autocomplete-group:not([hidden]) ~ :not([hidden]){border-top:1px solid var(--color-border-default);margin-top:var(--space-1)}.awc-autocomplete-group-header{padding:var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);line-height:var(--awc-autocomplete-group-header-lh);font-size:var(--awc-autocomplete-group-header-font-size);font-weight:var(--awc-autocomplete-group-header-fw);color:var(--awc-autocomplete-group-header-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-color);flex-shrink:0;visibility:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xl)}.awc-autocomplete-option{position:relative;display:flex;align-items:flex-start;justify-content:space-between;-moz-column-gap:0.25rem;column-gap:0.25rem;padding:var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);line-height:var(--awc-autocomplete-option-lh);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;font-size:var(--awc-autocomplete-option-font-size);white-space:initial}.awc-autocomplete-option[data-active],.awc-autocomplete-option:active,.awc-autocomplete-option .active{color:#16181b;background-color:var(--awc-autocomplete-option-hover-bg-color)}.awc-autocomplete-option.disabled{pointer-events:auto;cursor:not-allowed}.awc-autocomplete-option[data-active].disabled{color:#adb5bd}.awc-autocomplete-option.disabled .awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-disabled-color)}.awc-autocomplete-option:not(.disabled) .awc-autocomplete-option-description{color:var(--color-fg-secondary)}.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check{visibility:visible}.awc-autocomplete-option-content{flex:1 1 0%;display:flex;flex-direction:column;row-gap:2px;word-break:break-word}.awc-autocomplete-option-text{display:block}.awc-autocomplete-option-description{font-size:var(--fs-sm)}.awc-autocomplete-tag{display:flex;align-items:center;-moz-column-gap:0.25rem;column-gap:0.25rem;padding-inline:var(--awc-autocomplete-tag-padding-x);min-width:0;max-width:var(--awc-autocomplete-tag-max-width);height:var(--awc-autocomplete-input-height);vertical-align:middle;background-color:var(--awc-autocomplete-tag-bg-color);border-radius:var(--awc-autocomplete-tag-border-radius);border:1px solid var(--awc-autocomplete-tag-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.awc-autocomplete-tag-text{display:block;line-height:var(--awc-autocomplete-tag-btn-size);font-size:var(--awc-autocomplete-tag-font-size);text-decoration:none;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-tag-end-adornment{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-right:calc(var(--awc-autocomplete-tag-padding-x) / 2 * -1)}.awc-autocomplete-tag-dismiss-btn{padding:0;display:inline-flex;align-items:center;justify-content:center;height:var(--awc-autocomplete-tag-btn-size);width:var(--awc-autocomplete-tag-btn-size);border-radius:var(--rounded-sm);font-size:var(--fs-lg)}.awc-autocomplete-tag-dismiss-btn:hover{background-color:var(--awc-autocomplete-tag-btn-bg-hover-color);color:#fff}.awc-autocomplete-tag-dismiss-btn[disabled]{background-color:transparent;color:inherit}.awc-autocomplete-tag-dismiss-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-tag-dismiss-btn i::before{line-height:inherit}.awc-autocomplete-blankslate{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-blankslate-color)}.awc-autocomplete-error{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-error-color)}.awc-autocomplete-spinner{display:none;align-items:center;justify-content:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x)}.awc-autocomplete--selected.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator{display:none}.awc-autocomplete--selected .awc-autocomplete-clear-btn{display:inline-flex}.awc-autocomplete[loading] .awc-autocomplete-options:empty ~ .awc-autocomplete-spinner{display:flex}.awc-autocomplete[no-options] .awc-autocomplete-options{display:none}.awc-autocomplete[no-options]:not([error]):not([loading]) .awc-autocomplete-blankslate{display:block}.awc-autocomplete[error] .awc-autocomplete-error{display:block}.awc-autocomplete[multiple] .awc-autocomplete-control{flex-wrap:wrap;gap:var(--awc-autocomplete-tag-gap)}.awc-autocomplete--sm{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);--awc-autocomplete-tag-btn-size: 1rem}.awc-autocomplete--sm .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-sm);padding-right:2.25rem}.awc-autocomplete--sm .awc-autocomplete-end-adornment{right:.5rem;margin-right:calc(.5rem / 2 * -1)}.awc-autocomplete--lg{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);--awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);--awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg)}.awc-autocomplete--lg .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-lg);padding-right:2.75rem}.awc-autocomplete--lg .awc-autocomplete-end-adornment{right:1rem;margin-right:calc(1rem / 2 * -1)}.awc-dialog-dialog{--margin-y: .5rem;--margin-y-sm-up: 1.75rem;border:0;border-radius:var(--rounded-default);max-width:92vw;width:100%;color:inherit;background-color:var(--white);box-shadow:var(--shadow-lg);padding:0;margin:var(--margin-y) auto;max-height:calc(100vh - calc(var(--margin-y) * 2));overflow:hidden;animation:dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1)}.awc-dialog-dialog[open]{display:flex;flex-direction:column}.awc-dialog-dialog:focus-visible{outline:none}.awc-dialog-dialog::backdrop{background-color:rgba(0,23,66,0.5);animation:dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media (min-width: 576px){.awc-dialog-dialog{max-width:498px;max-height:calc(100vh - calc(var(--margin-y-sm-up) * 2));margin-top:var(--margin-y-sm-up);margin-bottom:var(--margin-y-sm-up)}}.awc-dialog-dialog--centered{margin-top:auto;margin-bottom:auto}.awc-dialog--scrollable{flex-grow:1;display:flex;flex-direction:column;overflow-y:hidden}.awc-dialog-header{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.awc-dialog-title-container{flex:1 1 0%;padding:var(--space-2) 0}.awc-dialog-title{margin:0 !important;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:20px}.awc-dialog-close-btn{position:relative;flex-shrink:0;padding:0;width:32px;height:32px;font-size:1.25rem;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.awc-dialog-close-btn:not(:hover){background-color:var(--white);border-color:var(--white)}.awc-dialog-close-btn:focus{box-shadow:none}.awc-dialog-close-btn:focus-visible{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.awc-dialog-close-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-dialog-close-btn i::before{line-height:inherit}.awc-dialog-body{flex-grow:1;overflow-y:auto;padding:var(--space-3);font-size:var(--fs-default)}.awc-dialog-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border-default)}.awc-dialog--sm .awc-dialog-dialog{max-width:298px}.awc-dialog--lg .awc-dialog-dialog{max-width:798px}.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100dvw}}@media (max-width: 576px){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 768px){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 992px){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 1200px){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100dvw}}}@keyframes dialog-show{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes dialog-overlay{from{opacity:0}to{opacity:1}}.awc-popover{display:block}.awc-popover-container{outline:none;background-clip:padding-box;background-color:var(--white);border-radius:var(--rounded-default);box-shadow:var(--shadow-md);max-width:276px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--fs-default);overflow:visible;border:1px solid var(--color-border-default);animation-duration:400ms;animation-timing-function:cubic-bezier(0.16, 1, 0.3, 1);word-wrap:break-word}.awc-popover-container::backdrop{display:none}.awc-popover-container .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.awc-popover-container .arrow::before,.awc-popover-container .arrow::after{position:absolute;display:block;content:'';border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^='top']{margin-bottom:0;animation-name:slide-down-and-fade}.bs-popover-auto[x-placement^='top']>.arrow{bottom:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='right']{margin-left:0;animation-name:slide-left-and-fade}.bs-popover-auto[x-placement^='right']>.arrow{left:-.5rem;margin-top:0;margin-bottom:0}.bs-popover-auto[x-placement^='bottom']{margin-top:0;animation-name:slide-up-and-fade}.bs-popover-auto[x-placement^='bottom']>.arrow{top:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='left']{margin-right:0;animation-name:slide-right-and-fade}.bs-popover-auto[x-placement^='left']>.arrow{right:-.5rem;margin-top:0;margin-bottom:0}@keyframes slide-up-and-fade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-and-fade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-down-and-fade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-and-fade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
 /*# sourceMappingURL=impulse_view_components.css.map */

data/app/assets/dist/impulse_view_components.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/bootstrap/scss/_root.scss","../../../src/styles/variables.scss","../../../src/styles/base.scss","../../../src/elements/autocomplete/index.scss","../../../node_modules/bootstrap/scss/_variables.scss","../../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../src/elements/dialog/index.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../src/elements/popover/index.scss","../../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../../node_modules/bootstrap/scss/vendor/_rfs.scss"],"names":[],"mappings":"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","file":"impulse_view_components.css","sourcesContent":[":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",":root {\n  /** Colors */\n  --white: #ffffff;\n\n  --n300: #627291;\n\n  --color-fg-default: #1c3158;\n  --color-fg-secondary: var(--n300);\n  --color-border-default: #d0d7de;\n\n  /** Border radii */\n  --rounded-sm: 2px;\n  --rounded-default: 4px;\n  --rounded-md: 6px;\n  --rounded-lg: 8px;\n  --rounded-full: 9999px;\n\n  /** Font sizes */\n  --fs-sm: 0.8125rem;\n  --fs-default: 0.875rem;\n  --fs-lg: 1rem;\n  --fs-xl: 1.25rem;\n\n  /** Font weights */\n  --fw-default: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n\n  /** Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n  /** Spacings **/\n  --space-1: 0.25rem;\n  --space-2: 0.5rem;\n  --space-3: 1rem;\n  --space-4: 1.5rem;\n\n  /** Autocomplete */\n  --awc-autocomplete-control-min-height: #{$input-height};\n  --awc-autocomplete-control-min-height-sm: #{$input-height-sm};\n  --awc-autocomplete-control-min-height-lg: #{$input-height-lg};\n  --awc-autocomplete-control-focus-color: #{$input-focus-color};\n  --awc-autocomplete-control-focus-border-color: #{$input-focus-border-color};\n  --awc-autocomplete-control-disabled-bg-color: #eef4ff; // n20\n  --awc-autocomplete-control-box-shadow: #{$input-box-shadow};\n  --awc-autocomplete-control-focus-box-shadow: #{$input-focus-box-shadow};\n  --awc-autocomplete-input-min-width: 2rem;\n  --awc-autocomplete-input-height: calc(#{$input-height} - (#{$input-padding-y} * 2) - (#{$input-border-width} * 2));\n  --awc-autocomplete-input-bg-color: #{$input-bg};\n  --awc-autocomplete-adornment-item-size: 1.5rem;\n  --awc-autocomplete-listbox-font-size: 0.875rem;\n  --awc-autocomplete-listbox-max-height: 256px;\n  --awc-autocomplete-option-padding-x: 1rem;\n  --awc-autocomplete-option-padding-y: 0.5rem;\n  --awc-autocomplete-option-font-size: 0.875rem;\n  --awc-autocomplete-option-lh: 1.25rem;\n  --awc-autocomplete-option-hover-bg-color: #{$dropdown-link-hover-bg};\n  --awc-autocomplete-option-check-color: #38b57c; // green-light-500\n  --awc-autocomplete-option-check-disabled-color: #afe1cb; // green-light-200\n  --awc-autocomplete-group-header-padding-x: var(--awc-autocomplete-option-padding-x);\n  --awc-autocomplete-group-header-padding-y: 0.25rem;\n  --awc-autocomplete-group-header-color: #384b6e; // n600\n  --awc-autocomplete-group-header-font-size: 0.75rem;\n  --awc-autocomplete-group-header-lh: 18px;\n  --awc-autocomplete-group-header-fw: 500;\n  --awc-autocomplete-tag-padding-x: 0.5rem;\n  --awc-autocomplete-tag-btn-size: 1.25rem;\n  --awc-autocomplete-tag-btn-bg-hover-color: var(--n300);\n  --awc-autocomplete-tag-gap: 0.25rem;\n  --awc-autocomplete-tag-max-width: 24rem;\n  --awc-autocomplete-tag-bg-color: #e0e7f7; // n30\n  --awc-autocomplete-tag-border-color: #c4cdde; // n50\n  --awc-autocomplete-tag-border-radius: 0.125rem;\n  --awc-autocomplete-tag-font-size: 0.75rem;\n  --awc-autocomplete-blankslate-color: #384b6e; // n600\n  --awc-autocomplete-blankslate-padding-x: 1rem;\n  --awc-autocomplete-blankslate-padding-y: 0.5rem;\n  --awc-autocomplete-error-color: #c01303; // red-500\n  // sm\n  --awc-autocomplete-input-height-sm: calc(\n    #{$input-height-sm} - (#{$input-padding-y-sm} * 2) - (#{$input-border-width} * 2)\n  );\n  // lg\n  --awc-autocomplete-input-height-lg: calc(\n    #{$input-height-lg} - (#{$input-padding-y-lg} * 2) - (#{$input-border-width} * 2)\n  );\n  --awc-autocomplete-tag-font-size-lg: 0.875rem;\n  --awc-autocomplete-tag-gap-lg: 0.375rem;\n}\n","[hidden][hidden] {\n  display: none !important;\n}\n",".awc-autocomplete {\n  position: relative;\n  display: block;\n}\n\n.awc-autocomplete-control {\n  display: flex;\n  align-items: center;\n  position: relative;\n  cursor: text;\n  padding-right: 2.5rem;\n  height: 100%;\n  min-height: var(--awc-autocomplete-control-min-height);\n}\n\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/mixins/_forms.scss#L13\n// Mimic input focus state.\n.awc-autocomplete[data-focus] .awc-autocomplete-control {\n  color: var(--awc-autocomplete-control-focus-color);\n  background-color: $input-focus-bg;\n  border-color: var(--awc-autocomplete-control-focus-border-color);\n  outline: 0;\n\n  @if $enable-shadows {\n    @include box-shadow(var(--awc-autocomplete-control-box-shadow), var(--awc-autocomplete-control-focus-box-shadow));\n  } @else {\n    box-shadow: var(--awc-autocomplete-control-focus-box-shadow);\n  }\n}\n\n.awc-autocomplete[disabled] {\n  .awc-autocomplete-control {\n    cursor: default;\n    background-color: var(--awc-autocomplete-control-disabled-bg-color);\n  }\n\n  .awc-autocomplete-clear-btn {\n    background-color: var(--awc-autocomplete-control-disabled-bg-color);\n    border-color: var(--awc-autocomplete-control-disabled-bg-color);\n  }\n}\n\n.awc-autocomplete-input {\n  display: block;\n  min-width: var(--awc-autocomplete-input-min-width);\n  height: var(--awc-autocomplete-input-height);\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex: 1 1 0%;\n  font: inherit;\n  letter-spacing: inherit;\n  background: none;\n  color: currentColor;\n  border: 0;\n  outline: none;\n  background-clip: padding-box;\n}\n\n.awc-autocomplete-end-adornment {\n  flex-shrink: 0;\n  position: absolute;\n  right: $input-padding-x;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  margin-right: calc(#{$input-padding-x} / 2 * -1);\n}\n\n.awc-autocomplete-adornment-btn,\n.awc-autocomplete-adornment-decorator {\n  width: var(--awc-autocomplete-adornment-item-size);\n  height: var(--awc-autocomplete-adornment-item-size);\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-sm);\n  font-size: var(--fs-sm);\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n// Hide clear btn when there are no selections\n.awc-autocomplete-clear-btn {\n  display: none;\n  background-color: var(--awc-autocomplete-input-bg-color);\n  border-color: var(--awc-autocomplete-input-bg-color);\n}\n\n.awc-autocomplete-adornment-decorator {\n  pointer-events: none;\n}\n\n.awc-autocomplete-listbox {\n  font-size: var(--awc-autocomplete-listbox-font-size);\n  max-height: var(--awc-autocomplete-listbox-max-height);\n  overflow: hidden auto;\n  box-shadow: var(--shadow-md);\n\n  // Use native [hidden] attribute to show/hide listbox.\n  &.dropdown-menu {\n    display: block;\n  }\n}\n\n.awc-autocomplete-options {\n  margin: 0;\n  padding: 0;\n\n  .awc-autocomplete-group:not([hidden]) ~ :not([hidden]) {\n    border-top: 1px solid var(--color-border-default);\n    margin-top: var(--space-1);\n  }\n}\n\n// Group\n.awc-autocomplete-group-header {\n  padding: var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);\n  line-height: var(--awc-autocomplete-group-header-lh);\n  font-size: var(--awc-autocomplete-group-header-font-size);\n  font-weight: var(--awc-autocomplete-group-header-fw);\n  color: var(--awc-autocomplete-group-header-color);\n  @include text-truncate();\n}\n\n.awc-autocomplete-option-check {\n  color: var(--awc-autocomplete-option-check-color);\n  flex-shrink: 0;\n  visibility: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--fs-xl);\n}\n\n.awc-autocomplete-option {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  column-gap: 0.25rem;\n  padding: var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);\n  line-height: var(--awc-autocomplete-option-lh);\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  font-size: var(--awc-autocomplete-option-font-size);\n  white-space: initial;\n\n  // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L148C27-L148C27\n  // Mimic dropdown-item hover state.\n  &[data-active],\n  &:active,\n  .active {\n    color: $dropdown-link-hover-color;\n    @include gradient-bg(var(--awc-autocomplete-option-hover-bg-color));\n  }\n\n  // Enable hover state.\n  // TODO: Disabled options cannot be activated. Need to fix this in the combobox package.\n  &.disabled {\n    pointer-events: auto;\n    cursor: not-allowed;\n  }\n\n  // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L161\n  // Mimic dropdown-item disabled state.\n  &[data-active].disabled {\n    color: $dropdown-link-disabled-color;\n  }\n\n  &.disabled .awc-autocomplete-option-check {\n    color: var(--awc-autocomplete-option-check-disabled-color);\n  }\n\n  &:not(.disabled) .awc-autocomplete-option-description {\n    color: var(--color-fg-secondary);\n  }\n}\n\n.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check {\n  visibility: visible;\n}\n\n.awc-autocomplete-option-content {\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  row-gap: 2px;\n  word-break: break-word;\n}\n\n.awc-autocomplete-option-text {\n  display: block;\n}\n\n.awc-autocomplete-option-description {\n  font-size: var(--fs-sm);\n}\n\n// Tag\n.awc-autocomplete-tag {\n  display: flex;\n  align-items: center;\n  column-gap: 0.25rem;\n  padding-inline: var(--awc-autocomplete-tag-padding-x);\n  min-width: 0;\n  max-width: var(--awc-autocomplete-tag-max-width);\n  height: var(--awc-autocomplete-input-height);\n  vertical-align: middle;\n  background-color: var(--awc-autocomplete-tag-bg-color);\n  border-radius: var(--awc-autocomplete-tag-border-radius);\n  border: 1px solid var(--awc-autocomplete-tag-border-color);\n  user-select: none;\n}\n\n.awc-autocomplete-tag-text {\n  display: block;\n  line-height: var(--awc-autocomplete-tag-btn-size);\n  font-size: var(--awc-autocomplete-tag-font-size);\n  text-decoration: none;\n  flex: 1 1 0%;\n  @include text-truncate();\n}\n\n.awc-autocomplete-tag-end-adornment {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: calc(#{var(--awc-autocomplete-tag-padding-x)} / 2 * -1);\n}\n\n.awc-autocomplete-tag-dismiss-btn {\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--awc-autocomplete-tag-btn-size);\n  width: var(--awc-autocomplete-tag-btn-size);\n  border-radius: var(--rounded-sm);\n  font-size: var(--fs-lg);\n\n  &:hover {\n    background-color: var(--awc-autocomplete-tag-btn-bg-hover-color);\n    color: $white;\n  }\n\n  &[disabled] {\n    background-color: transparent;\n    color: inherit;\n  }\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n// Blankslate\n.awc-autocomplete-blankslate {\n  display: none;\n  text-align: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n  color: var(--awc-autocomplete-blankslate-color);\n}\n\n// Error\n.awc-autocomplete-error {\n  display: none;\n  text-align: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n  color: var(--awc-autocomplete-error-color);\n}\n\n// Spinner\n.awc-autocomplete-spinner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n}\n\n/** States **/\n\n// Selected\n.awc-autocomplete--selected {\n  &.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator {\n    display: none;\n  }\n\n  // Show clear btn\n  .awc-autocomplete-clear-btn {\n    display: inline-flex;\n  }\n}\n\n// No options\n.awc-autocomplete[no-options] {\n  .awc-autocomplete-options {\n    display: none;\n  }\n\n  &:not([error]) .awc-autocomplete-blankslate {\n    display: block;\n  }\n}\n\n// Error\n.awc-autocomplete[error] {\n  .awc-autocomplete-error {\n    display: block;\n  }\n\n  .awc-autocomplete-spinner {\n    display: none;\n  }\n}\n\n// Multiple\n.awc-autocomplete[multiple] .awc-autocomplete-control {\n  flex-wrap: wrap;\n  gap: var(--awc-autocomplete-tag-gap);\n}\n\n/** Sizes **/\n\n// sm\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L152\n.awc-autocomplete--sm {\n  --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);\n  --awc-autocomplete-tag-btn-size: 1rem;\n\n  .awc-autocomplete-control {\n    min-height: var(--awc-autocomplete-control-min-height-sm);\n    padding-right: 2.25rem;\n  }\n\n  .awc-autocomplete-end-adornment {\n    right: $input-padding-x-sm;\n    margin-right: calc(#{$input-padding-x-sm} / 2 * -1);\n  }\n}\n\n// lg\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L160\n.awc-autocomplete--lg {\n  --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);\n  --awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);\n  --awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg);\n\n  .awc-autocomplete-control {\n    min-height: var(--awc-autocomplete-control-min-height-lg);\n    padding-right: 2.75rem;\n  }\n\n  .awc-autocomplete-end-adornment {\n    right: $input-padding-x-lg;\n    margin-right: calc(#{$input-padding-x-lg} / 2 * -1);\n  }\n}\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$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$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$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\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@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".awc-dialog-dialog {\n  --margin-y: #{$modal-dialog-margin};\n  --margin-y-sm-up: #{$modal-dialog-margin-y-sm-up};\n\n  border: 0;\n  border-radius: var(--rounded-default);\n  max-width: 92vw;\n  width: 100%;\n  color: inherit;\n  background-color: var(--white);\n  box-shadow: var(--shadow-lg);\n  padding: 0;\n  margin: var(--margin-y) auto;\n  max-height: calc(100vh - calc(#{var(--margin-y)} * 2));\n  overflow: hidden;\n  animation: dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1);\n\n  &[open] {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &::backdrop {\n    background-color: rgba(#001742, 0.5);\n    animation: dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @include media-breakpoint-up(sm) {\n    max-width: 498px;\n    max-height: calc(100vh - calc(#{var(--margin-y-sm-up)} * 2));\n    margin-top: var(--margin-y-sm-up);\n    margin-bottom: var(--margin-y-sm-up);\n  }\n}\n\n.awc-dialog-dialog--centered {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.awc-dialog--scrollable {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.awc-dialog-header {\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-1) var(--space-2) var(--space-3);\n  border-bottom: 1px solid var(--color-border-default);\n}\n\n.awc-dialog-title-container {\n  flex: 1 1 0%;\n  padding: var(--space-2) 0;\n}\n\n.awc-dialog-title {\n  margin: 0 !important;\n  font-size: var(--fs-lg);\n  font-weight: var(--fw-medium);\n  line-height: 20px;\n}\n\n/** TODO: extract IconButtonComponent */\n.awc-dialog-close-btn {\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  font-size: 1.25rem;\n  line-height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  &:not(:hover) {\n    background-color: var(--white);\n    border-color: var(--white);\n  }\n\n  &:focus {\n    box-shadow: none;\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n.awc-dialog-body {\n  // Cannot flex-shrink: 0 on iOS.\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: var(--space-3);\n  font-size: var(--fs-default);\n}\n\n.awc-dialog-footer {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: var(--space-3);\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  border-top: 1px solid var(--color-border-default);\n}\n\n.awc-dialog--sm .awc-dialog-dialog {\n  max-width: 298px;\n}\n\n.awc-dialog--lg .awc-dialog-dialog {\n  max-width: 798px;\n}\n\n@mixin dialog-fullscreen() {\n  max-width: 100vw;\n  box-shadow: none;\n  border-radius: 0;\n  max-height: 100vh;\n  height: 100%;\n\n  @supports (max-height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  @supports (max-width: 100dvw) {\n    max-width: 100dvw;\n  }\n}\n\n.awc-dialog--fullscreen .awc-dialog-dialog {\n  @include dialog-fullscreen();\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n  $postfix: if($infix != '', $infix + '-down', '');\n  $size: map-get($grid-breakpoints, $breakpoint);\n\n  @if $size != 0 {\n    @media (max-width: $size) {\n      .awc-dialog--fullscreen#{$postfix} .awc-dialog-dialog {\n        @include dialog-fullscreen();\n      }\n    }\n  }\n}\n\n@keyframes dialog-show {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes dialog-overlay {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n",".awc-popover {\n  display: block;\n}\n\n.awc-popover-container {\n  outline: none;\n  background-clip: padding-box;\n  background-color: var(--white);\n  border-radius: var(--rounded-default);\n  box-shadow: var(--shadow-md);\n  max-width: $popover-max-width;\n  margin: 0;\n  padding: 0;\n  // Reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size(var(--fs-default));\n  overflow: visible; // So that the arrow is visible.\n  border: 1px solid var(--color-border-default);\n  animation-duration: 400ms;\n  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  word-wrap: break-word;\n\n  &::backdrop {\n    display: none;\n  }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: '';\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n// FloatingUI changes\n.bs-popover-auto {\n  &[x-placement^='top'] {\n    margin-bottom: 0;\n    animation-name: slide-down-and-fade;\n\n    > .arrow {\n      bottom: -$popover-arrow-height;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &[x-placement^='right'] {\n    margin-left: 0;\n    animation-name: slide-left-and-fade;\n\n    > .arrow {\n      left: -$popover-arrow-height;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &[x-placement^='bottom'] {\n    margin-top: 0;\n    animation-name: slide-up-and-fade;\n\n    > .arrow {\n      top: -$popover-arrow-height;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &[x-placement^='left'] {\n    margin-right: 0;\n    animation-name: slide-right-and-fade;\n\n    > .arrow {\n      right: -$popover-arrow-height;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n}\n\n@keyframes slide-up-and-fade {\n  from {\n    opacity: 0;\n    transform: translateY(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-right-and-fade {\n  from {\n    opacity: 0;\n    transform: translateX(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-down-and-fade {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-left-and-fade {\n  from {\n    opacity: 0;\n    transform: translateX(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n"]}
+{"version":3,"sources":["../../../node_modules/bootstrap/scss/_root.scss","../../../src/styles/variables.scss","../../../src/styles/base.scss","../../../src/elements/autocomplete/index.scss","../../../node_modules/bootstrap/scss/_variables.scss","../../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../src/elements/dialog/index.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../src/elements/popover/index.scss","../../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../../node_modules/bootstrap/scss/vendor/_rfs.scss"],"names":[],"mappings":"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","file":"impulse_view_components.css","sourcesContent":[":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",":root {\n  /** Colors */\n  --white: #ffffff;\n\n  --n300: #627291;\n\n  --color-fg-default: #1c3158;\n  --color-fg-secondary: var(--n300);\n  --color-border-default: #d0d7de;\n\n  /** Border radii */\n  --rounded-sm: 2px;\n  --rounded-default: 4px;\n  --rounded-md: 6px;\n  --rounded-lg: 8px;\n  --rounded-full: 9999px;\n\n  /** Font sizes */\n  --fs-sm: 0.8125rem;\n  --fs-default: 0.875rem;\n  --fs-lg: 1rem;\n  --fs-xl: 1.25rem;\n\n  /** Font weights */\n  --fw-default: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n\n  /** Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n  /** Spacings **/\n  --space-1: 0.25rem;\n  --space-2: 0.5rem;\n  --space-3: 1rem;\n  --space-4: 1.5rem;\n\n  /** Autocomplete */\n  --awc-autocomplete-control-min-height: #{$input-height};\n  --awc-autocomplete-control-min-height-sm: #{$input-height-sm};\n  --awc-autocomplete-control-min-height-lg: #{$input-height-lg};\n  --awc-autocomplete-control-focus-color: #{$input-focus-color};\n  --awc-autocomplete-control-focus-border-color: #{$input-focus-border-color};\n  --awc-autocomplete-control-disabled-bg-color: #eef4ff; // n20\n  --awc-autocomplete-control-box-shadow: #{$input-box-shadow};\n  --awc-autocomplete-control-focus-box-shadow: #{$input-focus-box-shadow};\n  --awc-autocomplete-input-min-width: 2rem;\n  --awc-autocomplete-input-height: calc(#{$input-height} - (#{$input-padding-y} * 2) - (#{$input-border-width} * 2));\n  --awc-autocomplete-input-bg-color: #{$input-bg};\n  --awc-autocomplete-adornment-item-size: 1.5rem;\n  --awc-autocomplete-listbox-font-size: 0.875rem;\n  --awc-autocomplete-listbox-max-height: 256px;\n  --awc-autocomplete-option-padding-x: 1rem;\n  --awc-autocomplete-option-padding-y: 0.5rem;\n  --awc-autocomplete-option-font-size: 0.875rem;\n  --awc-autocomplete-option-lh: 1.25rem;\n  --awc-autocomplete-option-hover-bg-color: #{$dropdown-link-hover-bg};\n  --awc-autocomplete-option-check-color: #38b57c; // green-light-500\n  --awc-autocomplete-option-check-disabled-color: #afe1cb; // green-light-200\n  --awc-autocomplete-group-header-padding-x: var(--awc-autocomplete-option-padding-x);\n  --awc-autocomplete-group-header-padding-y: 0.25rem;\n  --awc-autocomplete-group-header-color: #384b6e; // n600\n  --awc-autocomplete-group-header-font-size: 0.75rem;\n  --awc-autocomplete-group-header-lh: 18px;\n  --awc-autocomplete-group-header-fw: 500;\n  --awc-autocomplete-tag-padding-x: 0.5rem;\n  --awc-autocomplete-tag-btn-size: 1.25rem;\n  --awc-autocomplete-tag-btn-bg-hover-color: var(--n300);\n  --awc-autocomplete-tag-gap: 0.25rem;\n  --awc-autocomplete-tag-max-width: 24rem;\n  --awc-autocomplete-tag-bg-color: #e0e7f7; // n30\n  --awc-autocomplete-tag-border-color: #c4cdde; // n50\n  --awc-autocomplete-tag-border-radius: 0.125rem;\n  --awc-autocomplete-tag-font-size: 0.75rem;\n  --awc-autocomplete-blankslate-color: #384b6e; // n600\n  --awc-autocomplete-blankslate-padding-x: 1rem;\n  --awc-autocomplete-blankslate-padding-y: 0.5rem;\n  --awc-autocomplete-error-color: #c01303; // red-500\n  // sm\n  --awc-autocomplete-input-height-sm: calc(\n    #{$input-height-sm} - (#{$input-padding-y-sm} * 2) - (#{$input-border-width} * 2)\n  );\n  // lg\n  --awc-autocomplete-input-height-lg: calc(\n    #{$input-height-lg} - (#{$input-padding-y-lg} * 2) - (#{$input-border-width} * 2)\n  );\n  --awc-autocomplete-tag-font-size-lg: 0.875rem;\n  --awc-autocomplete-tag-gap-lg: 0.375rem;\n}\n","[hidden][hidden] {\n  display: none !important;\n}\n",".awc-autocomplete {\n  position: relative;\n  display: block;\n}\n\n.awc-autocomplete-control {\n  display: flex;\n  align-items: center;\n  position: relative;\n  cursor: text;\n  padding-right: 2.5rem;\n  height: 100%;\n  min-height: var(--awc-autocomplete-control-min-height);\n}\n\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/mixins/_forms.scss#L13\n// Mimic input focus state.\n.awc-autocomplete[data-focus] .awc-autocomplete-control {\n  color: var(--awc-autocomplete-control-focus-color);\n  background-color: $input-focus-bg;\n  border-color: var(--awc-autocomplete-control-focus-border-color);\n  outline: 0;\n\n  @if $enable-shadows {\n    @include box-shadow(var(--awc-autocomplete-control-box-shadow), var(--awc-autocomplete-control-focus-box-shadow));\n  } @else {\n    box-shadow: var(--awc-autocomplete-control-focus-box-shadow);\n  }\n}\n\n.awc-autocomplete[disabled] {\n  .awc-autocomplete-control {\n    cursor: default;\n    background-color: var(--awc-autocomplete-control-disabled-bg-color);\n  }\n\n  .awc-autocomplete-clear-btn {\n    background-color: var(--awc-autocomplete-control-disabled-bg-color);\n    border-color: var(--awc-autocomplete-control-disabled-bg-color);\n  }\n}\n\n.awc-autocomplete-input {\n  display: block;\n  min-width: var(--awc-autocomplete-input-min-width);\n  height: var(--awc-autocomplete-input-height);\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex: 1 1 0%;\n  font: inherit;\n  letter-spacing: inherit;\n  background: none;\n  color: currentColor;\n  border: 0;\n  outline: none;\n  background-clip: padding-box;\n\n  &::placeholder {\n    color: $input-placeholder-color;\n  }\n}\n\n.awc-autocomplete-end-adornment {\n  flex-shrink: 0;\n  position: absolute;\n  right: $input-padding-x;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  margin-right: calc(#{$input-padding-x} / 2 * -1);\n}\n\n.awc-autocomplete-adornment-btn,\n.awc-autocomplete-adornment-decorator {\n  width: var(--awc-autocomplete-adornment-item-size);\n  height: var(--awc-autocomplete-adornment-item-size);\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-sm);\n  font-size: var(--fs-sm);\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n// Hide clear btn when there are no selections\n.awc-autocomplete-clear-btn {\n  display: none;\n  background-color: var(--awc-autocomplete-input-bg-color);\n  border-color: var(--awc-autocomplete-input-bg-color);\n}\n\n.awc-autocomplete-adornment-decorator {\n  pointer-events: none;\n}\n\n.awc-autocomplete-listbox {\n  font-size: var(--awc-autocomplete-listbox-font-size);\n  max-height: var(--awc-autocomplete-listbox-max-height);\n  overflow: hidden auto;\n  box-shadow: var(--shadow-md);\n\n  // Use native [hidden] attribute to show/hide listbox.\n  &.dropdown-menu {\n    display: block;\n  }\n}\n\n.awc-autocomplete-options {\n  margin: 0;\n  padding: 0;\n\n  .awc-autocomplete-group:not([hidden]) ~ :not([hidden]) {\n    border-top: 1px solid var(--color-border-default);\n    margin-top: var(--space-1);\n  }\n}\n\n// Group\n.awc-autocomplete-group-header {\n  padding: var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);\n  line-height: var(--awc-autocomplete-group-header-lh);\n  font-size: var(--awc-autocomplete-group-header-font-size);\n  font-weight: var(--awc-autocomplete-group-header-fw);\n  color: var(--awc-autocomplete-group-header-color);\n  @include text-truncate();\n}\n\n.awc-autocomplete-option-check {\n  color: var(--awc-autocomplete-option-check-color);\n  flex-shrink: 0;\n  visibility: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--fs-xl);\n}\n\n.awc-autocomplete-option {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  column-gap: 0.25rem;\n  padding: var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);\n  line-height: var(--awc-autocomplete-option-lh);\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  font-size: var(--awc-autocomplete-option-font-size);\n  white-space: initial;\n\n  // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L148C27-L148C27\n  // Mimic dropdown-item hover state.\n  &[data-active],\n  &:active,\n  .active {\n    color: $dropdown-link-hover-color;\n    @include gradient-bg(var(--awc-autocomplete-option-hover-bg-color));\n  }\n\n  // Enable hover state.\n  // TODO: Disabled options cannot be activated. Need to fix this in the combobox package.\n  &.disabled {\n    pointer-events: auto;\n    cursor: not-allowed;\n  }\n\n  // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L161\n  // Mimic dropdown-item disabled state.\n  &[data-active].disabled {\n    color: $dropdown-link-disabled-color;\n  }\n\n  &.disabled .awc-autocomplete-option-check {\n    color: var(--awc-autocomplete-option-check-disabled-color);\n  }\n\n  &:not(.disabled) .awc-autocomplete-option-description {\n    color: var(--color-fg-secondary);\n  }\n}\n\n.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check {\n  visibility: visible;\n}\n\n.awc-autocomplete-option-content {\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  row-gap: 2px;\n  word-break: break-word;\n}\n\n.awc-autocomplete-option-text {\n  display: block;\n}\n\n.awc-autocomplete-option-description {\n  font-size: var(--fs-sm);\n}\n\n// Tag\n.awc-autocomplete-tag {\n  display: flex;\n  align-items: center;\n  column-gap: 0.25rem;\n  padding-inline: var(--awc-autocomplete-tag-padding-x);\n  min-width: 0;\n  max-width: var(--awc-autocomplete-tag-max-width);\n  height: var(--awc-autocomplete-input-height);\n  vertical-align: middle;\n  background-color: var(--awc-autocomplete-tag-bg-color);\n  border-radius: var(--awc-autocomplete-tag-border-radius);\n  border: 1px solid var(--awc-autocomplete-tag-border-color);\n  user-select: none;\n}\n\n.awc-autocomplete-tag-text {\n  display: block;\n  line-height: var(--awc-autocomplete-tag-btn-size);\n  font-size: var(--awc-autocomplete-tag-font-size);\n  text-decoration: none;\n  flex: 1 1 0%;\n  @include text-truncate();\n}\n\n.awc-autocomplete-tag-end-adornment {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: calc(#{var(--awc-autocomplete-tag-padding-x)} / 2 * -1);\n}\n\n.awc-autocomplete-tag-dismiss-btn {\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--awc-autocomplete-tag-btn-size);\n  width: var(--awc-autocomplete-tag-btn-size);\n  border-radius: var(--rounded-sm);\n  font-size: var(--fs-lg);\n\n  &:hover {\n    background-color: var(--awc-autocomplete-tag-btn-bg-hover-color);\n    color: $white;\n  }\n\n  &[disabled] {\n    background-color: transparent;\n    color: inherit;\n  }\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n// Blankslate\n.awc-autocomplete-blankslate {\n  display: none;\n  text-align: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n  color: var(--awc-autocomplete-blankslate-color);\n}\n\n// Error\n.awc-autocomplete-error {\n  display: none;\n  text-align: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n  color: var(--awc-autocomplete-error-color);\n}\n\n// Spinner\n.awc-autocomplete-spinner {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n}\n\n/** States **/\n\n// Selected\n.awc-autocomplete--selected {\n  &.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator {\n    display: none;\n  }\n\n  // Show clear btn\n  .awc-autocomplete-clear-btn {\n    display: inline-flex;\n  }\n}\n\n// Loading\n// Show loading spinner only when loading and options container is empty.\n.awc-autocomplete[loading] .awc-autocomplete-options:empty ~ .awc-autocomplete-spinner {\n  display: flex;\n}\n\n// No options\n.awc-autocomplete[no-options] {\n  .awc-autocomplete-options {\n    display: none;\n  }\n\n  &:not([error]):not([loading]) .awc-autocomplete-blankslate {\n    display: block;\n  }\n}\n\n// Error\n.awc-autocomplete[error] .awc-autocomplete-error {\n  display: block;\n}\n\n// Multiple\n.awc-autocomplete[multiple] .awc-autocomplete-control {\n  flex-wrap: wrap;\n  gap: var(--awc-autocomplete-tag-gap);\n}\n\n/** Sizes **/\n\n// sm\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L152\n.awc-autocomplete--sm {\n  --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);\n  --awc-autocomplete-tag-btn-size: 1rem;\n\n  .awc-autocomplete-control {\n    min-height: var(--awc-autocomplete-control-min-height-sm);\n    padding-right: 2.25rem;\n  }\n\n  .awc-autocomplete-end-adornment {\n    right: $input-padding-x-sm;\n    margin-right: calc(#{$input-padding-x-sm} / 2 * -1);\n  }\n}\n\n// lg\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L160\n.awc-autocomplete--lg {\n  --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);\n  --awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);\n  --awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg);\n\n  .awc-autocomplete-control {\n    min-height: var(--awc-autocomplete-control-min-height-lg);\n    padding-right: 2.75rem;\n  }\n\n  .awc-autocomplete-end-adornment {\n    right: $input-padding-x-lg;\n    margin-right: calc(#{$input-padding-x-lg} / 2 * -1);\n  }\n}\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$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$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$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\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@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".awc-dialog-dialog {\n  --margin-y: #{$modal-dialog-margin};\n  --margin-y-sm-up: #{$modal-dialog-margin-y-sm-up};\n\n  border: 0;\n  border-radius: var(--rounded-default);\n  max-width: 92vw;\n  width: 100%;\n  color: inherit;\n  background-color: var(--white);\n  box-shadow: var(--shadow-lg);\n  padding: 0;\n  margin: var(--margin-y) auto;\n  max-height: calc(100vh - calc(#{var(--margin-y)} * 2));\n  overflow: hidden;\n  animation: dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1);\n\n  &[open] {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &::backdrop {\n    background-color: rgba(#001742, 0.5);\n    animation: dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @include media-breakpoint-up(sm) {\n    max-width: 498px;\n    max-height: calc(100vh - calc(#{var(--margin-y-sm-up)} * 2));\n    margin-top: var(--margin-y-sm-up);\n    margin-bottom: var(--margin-y-sm-up);\n  }\n}\n\n.awc-dialog-dialog--centered {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.awc-dialog--scrollable {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n}\n\n.awc-dialog-header {\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-1) var(--space-2) var(--space-3);\n  border-bottom: 1px solid var(--color-border-default);\n}\n\n.awc-dialog-title-container {\n  flex: 1 1 0%;\n  padding: var(--space-2) 0;\n}\n\n.awc-dialog-title {\n  margin: 0 !important;\n  font-size: var(--fs-lg);\n  font-weight: var(--fw-medium);\n  line-height: 20px;\n}\n\n/** TODO: extract IconButtonComponent */\n.awc-dialog-close-btn {\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  font-size: 1.25rem;\n  line-height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  &:not(:hover) {\n    background-color: var(--white);\n    border-color: var(--white);\n  }\n\n  &:focus {\n    box-shadow: none;\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n\n  i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-style: normal;\n\n    &::before {\n      line-height: inherit;\n    }\n  }\n}\n\n.awc-dialog-body {\n  // Cannot flex-shrink: 0 on iOS.\n  flex-grow: 1;\n  overflow-y: auto;\n  padding: var(--space-3);\n  font-size: var(--fs-default);\n}\n\n.awc-dialog-footer {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: var(--space-3);\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  border-top: 1px solid var(--color-border-default);\n}\n\n.awc-dialog--sm .awc-dialog-dialog {\n  max-width: 298px;\n}\n\n.awc-dialog--lg .awc-dialog-dialog {\n  max-width: 798px;\n}\n\n@mixin dialog-fullscreen() {\n  max-width: 100vw;\n  box-shadow: none;\n  border-radius: 0;\n  max-height: 100vh;\n  height: 100%;\n\n  @supports (max-height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  @supports (max-width: 100dvw) {\n    max-width: 100dvw;\n  }\n}\n\n.awc-dialog--fullscreen .awc-dialog-dialog {\n  @include dialog-fullscreen();\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n  $postfix: if($infix != '', $infix + '-down', '');\n  $size: map-get($grid-breakpoints, $breakpoint);\n\n  @if $size != 0 {\n    @media (max-width: $size) {\n      .awc-dialog--fullscreen#{$postfix} .awc-dialog-dialog {\n        @include dialog-fullscreen();\n      }\n    }\n  }\n}\n\n@keyframes dialog-show {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes dialog-overlay {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n",".awc-popover {\n  display: block;\n}\n\n.awc-popover-container {\n  outline: none;\n  background-clip: padding-box;\n  background-color: var(--white);\n  border-radius: var(--rounded-default);\n  box-shadow: var(--shadow-md);\n  max-width: $popover-max-width;\n  margin: 0;\n  padding: 0;\n  // Reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size(var(--fs-default));\n  overflow: visible; // So that the arrow is visible.\n  border: 1px solid var(--color-border-default);\n  animation-duration: 400ms;\n  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  word-wrap: break-word;\n\n  &::backdrop {\n    display: none;\n  }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: '';\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n// FloatingUI changes\n.bs-popover-auto {\n  &[x-placement^='top'] {\n    margin-bottom: 0;\n    animation-name: slide-down-and-fade;\n\n    > .arrow {\n      bottom: -$popover-arrow-height;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &[x-placement^='right'] {\n    margin-left: 0;\n    animation-name: slide-left-and-fade;\n\n    > .arrow {\n      left: -$popover-arrow-height;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  &[x-placement^='bottom'] {\n    margin-top: 0;\n    animation-name: slide-up-and-fade;\n\n    > .arrow {\n      top: -$popover-arrow-height;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &[x-placement^='left'] {\n    margin-right: 0;\n    animation-name: slide-right-and-fade;\n\n    > .arrow {\n      right: -$popover-arrow-height;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n}\n\n@keyframes slide-up-and-fade {\n  from {\n    opacity: 0;\n    transform: translateY(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-right-and-fade {\n  from {\n    opacity: 0;\n    transform: translateX(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-down-and-fade {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-left-and-fade {\n  from {\n    opacity: 0;\n    transform: translateX(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n"]}

data/app/components/impulse/autocomplete_component.html.erb

@@ -57,17 +57,14 @@
   <% end %>
 
   <div role="listbox" class="awc-autocomplete-listbox dropdown-menu" tabindex="-1" data-target="awc-autocomplete.listbox" hidden>
-    <div role="presentation" class="awc-autocomplete-options" data-target="awc-autocomplete.optionsContainer">
-      <% if ajax? %>
-        <div role="presentation" class="awc-autocomplete-spinner">
-          <%= render(Impulse::SpinnerComponent.new(role: :none)) %>
-        </div>
-      <% else %>
-        <% options.each do |option| %>
-          <%= option %>
-        <% end %>
-      <% end %>
-    </div>
+    <%# Important: This syntax is intentional. Don't prettify it. %>
+    <div role="presentation" class="awc-autocomplete-options" data-target="awc-autocomplete.optionsContainer"><% unless ajax? %><% options.each do |option| %><%= option %><% end %><% end %></div>
+
+    <% if ajax? %>
+      <div role="presentation" class="awc-autocomplete-spinner">
+        <%= render(Impulse::SpinnerComponent.new(role: :none)) %>
+      </div>
+    <% end %>
 
     <div role="presentation" class="awc-autocomplete-blankslate">
       <%= blankslate.presence || "We couldn't find that!" %>

data/lib/impulse/view_components/version.rb

@@ -1,5 +1,5 @@
 module Impulse
   module ViewComponents
-    VERSION = "0.5.0".freeze
+    VERSION = "0.5.1".freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: impulse_view_components
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.1
 platform: ruby
 authors:
 - abeidahmed
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-15 00:00:00.000000000 Z
+date: 2024-05-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component