{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/themes/santander.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EAIE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AAEJ;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE","sourcesContent":["$font-path: '/assets/fonts/partners' !default\n\n@font-face\n  font-family: \"Santander Headline Bold\"\n  src: url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.eot\")\n  src: url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.otf\") format(\"opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.svg\") format(\"svg\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.ttf\") format(\"truetype\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.woff\") format(\"woff\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.woff2\") format(\"woff2\")\n  font-weight: normal\n  font-style: normal\n\n@font-face\n  font-family: \"Santander Headline\"\n  src: url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.eot\")\n  src: url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.otf\") format(\"opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.svg\") format(\"svg\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.ttf\") format(\"truetype\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.woff\") format(\"woff\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.woff2\") format(\"woff2\")\n  font-weight: normal\n  font-style: normal\n\n:root\n  //\n  // Base\n  // Colors\n  --san-color-font: #333\n  --san-background-color: #eff6f9\n  --bal-font-family-text: 'Santander Headline', sans-serif\n  --bal-font-family-title: 'Santander Headline Bold', sans-serif\n  --bal-body-color: var(--san-color-font)\n\n  --bal-color-primary: #ec0001\n  --bal-color-primary-1: #fdf0e7\n  --bal-color-primary-2: #fce0d1\n  --bal-color-primary-3: #f39575\n  --bal-color-primary-4: #ec0001\n  --bal-color-primary-5: #cb0404\n  --bal-color-primary-6: #af000f\n  --bal-color-primary-6: #990001\n\n  --bal-color-red: var(--bal-color-primary)\n  --bal-color-red-1: #fbcccc\n  --bal-color-red-2: #f79999\n  --bal-color-red-3: #f24d4d\n  --bal-color-red-4: var(--bal-color-primary)\n  --bal-color-red-5: #a50001\n  --bal-color-red-6: #5e0000\n\n  --bal-color-yellow-1: #fbf1ea\n\n  --bal-color-danger: var(--bal-color-primary)\n  --bal-color-danger-1: #fbcccc\n  --bal-color-danger-2: #f79999\n  --bal-color-danger-3: #f24d4d\n  --bal-color-danger-4: var(--bal-color-primary)\n  --bal-color-danger-5: #a50001\n  --bal-color-danger-6: #5e0000\n\n  --bal-color-info-1: #e7f8ff\n\n  --bal-color-purple-1: #edf6f8\n  --bal-color-purple-2: #c3dee7\n  --bal-color-purple-3: #9bc3d3\n  --bal-color-purple-4: #015a7f\n  --bal-color-purple-5: #01364c\n  --bal-color-purple-6: #002433\n\n  --bal-color-green: #127277\n  --bal-color-green-1: #e7f1f1\n  --bal-color-green-2: #a0c7c9\n  --bal-color-green-3: #599ca0\n  --bal-color-green-4: #127277\n  --bal-color-green-5: #0e5b5f\n  --bal-color-green-6: #0b4447\n\n  --bal-color-text-primary: var(--bal-color-green-4)\n  --bal-color-text-primary-hovered: var(--bal-color-green-5)\n  --bal-color-text-primary-pressed: var(--bal-color-green-6)\n\n  --bal-color-info-1: #cedee7\n\n  --bal-color-grey-3: #949494\n  --bal-color-grey-4: #767676\n  --bal-color-grey-5: #5b5a5b\n  --bal-color-grey-6: #333\n\n  --bal-link-color: var(--bal-color-green-4)\n  --bal-link-color-hover: var(--bal-color-green-5)\n  --bal-link-color-active: var(--bal-color-green-6)\n  // Native Lists\n  --bal-description-list-term-color: var(--bal-color-text-primary)\n  --bal-description-list-detail-color: var(--bal-body-color)\n  //\n  // Buttons\n  --bal-button-radius: var(--bal-radius-rounded)\n  --bal-button-background: white\n  --bal-button-color: var(--bal-color-green-4)\n  --bal-button-color-hover: var(--bal-color-green-5)\n  --bal-button-color-active: var(--bal-color-green-6)\n  --bal-button-border-color: var(--bal-color-primary)\n  --bal-button-background-hover: var(--bal-color-grey-1)\n  --bal-button-background-active: var(--bal-color-grey-2)\n  --bal-button-border-color-hover: var(--bal-color-primary-4)\n  --bal-button-border-color-active: var(--bal-color-primary-5)\n  // Primary buttons\n  --bal-button-primary-background: var(--bal-color-primary)\n  --bal-button-primary-background-hover: var(--bal-color-primary-5)\n  --bal-button-primary-background-active: var(--bal-color-primary-6)\n  --bal-button-primary-border-color: var(--bal-color-primary)\n  --bal-button-primary-border-color-hover: var(--bal-color-primary-5)\n  --bal-button-primary-border-color-active: var(--bal-color-primary-6)\n  //\n  // text\n  --bal-button-text-border-color-hover: var(--bal-color-green-1)\n  --bal-button-text-border-color-active: var(--bal-color-green-1)\n  --bal-button-text-background-hover: var(--bal-color-green-1)\n  --bal-button-text-background-active: var(--bal-color-green-1)\n  // Tertiary buttons\n  --bal-button-tertiary-purple-background: var(--bal-color-green-4)\n  --bal-button-tertiary-purple-background-hover: var(--bal-color-green-5)\n  --bal-button-tertiary-purple-background-active: var(--bal-color-green-6)\n  --bal-button-tertiary-purple-border-color: var(--bal-color-green-4)\n  --bal-button-tertiary-purple-border-color-hover: var(--bal-color-green-5)\n  --bal-button-tertiary-purple-border-color-active: var(--bal-color-green-6)\n  --bal-button-tertiary-purple-color: white\n  --bal-button-tertiary-purple-color-hover: white\n  --bal-button-tertiary-purple-color-hover: white\n  --bal-button-tertiary-purple-color-active: white\n  //\n  // disabled\n  --bal-button-disabled-color: var(--bal-color-grey-3)\n  --bal-button-disabled-border-color: var(--bal-color-grey-2)\n  --bal-button-disabled-background: var(--bal-color-grey-2)\n  //\n  // Form\n  --bal-form-field-control-color: black\n  --bal-form-field-message-color: var(--bal-color-grey-6)\n  --bal-form-field-control-border-color-active: var(--bal-color-green)\n  --bal-form-field-control-placeholder-color: var(--bal-color-grey-4)\n  // Icon\n  --bal-icon-color-primary: var(--bal-color-green)\n  --bal-icon-color-primary-dark: var(--bal-color-green-5)\n  --bal-hint-icon-color-hover: var(--bal-color-green-5)\n  //\n  // Segment\n  --bal-segment-item-indicator-background: var(--bal-color-green)\n  --bal-segment-item-divider-background: var(--bal-color-grey-3)\n  --bal-segment-item-text-color: var(--bal-color-grey-6)\n  --bal-segment-item-text-color-hovered: black\n  --bal-segment-item-text-color-pressed: black\n  --bal-segment-item-text-color-checked: white\n  --bal-segment-item-text-color-checked-hovered: white\n  --bal-segment-item-text-color-checked-pressed: white\n  //\n  // select\n  --bal-select-control-border-color-focused: var(--bal-color-green)\n  --bal-select-control-border-color-focus-within: var(--bal-color-green)\n  --bal-select-control-input-option-background-selected: var(--bal-color-green-2)\n  --bal-select-control-input-option-background-focused: var(--bal-color-grey-2)\n  --bal-select-control-input-option-background-hover: var(--bal-color-grey-2)\n  --bal-select-control-input-option-background-active: var(--bal-color-grey-3)\n  --bal-option-background-selected: var(--bal-color-green-2)\n  --bal-option-background-hovered: var(--bal-color-grey-2)\n  --bal-option-background-pressed: var(--bal-color-grey-2)\n  --bal-option-background-selected-hovered: var(--bal-color-grey-2)\n  --bal-option-background-selected-pressed: var(--bal-color-grey-2)\n  --bal-option-text-hovered: black\n\n  --bal-check-border-color: var(--bal-color-green)\n  --bal-check-border-color-hovered: var(--bal-color-green-4)\n  --bal-check-border-color-pressed: var(--bal-color-green-5)\n\n  --bal-check-background-checked: var(--bal-color-green)\n  --bal-check-background-checked-hovered: var(--bal-color-green-4)\n  --bal-check-background-checked-pressed: var(--bal-color-green-5)\n  --bal-check-border-color-checked: var(--bal-color-green)\n  --bal-check-border-color-checked-hovered: var(--bal-color-green-4)\n  --bal-check-border-color-checked-pressed: var(--bal-color-green-5)\n  --bal-checkbox-switch-label-background-before: var(--bal-color-green-1)\n  --bal-checkbox-switch-label-background-after: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-hover-after: var(--bal-color-green-5)\n  --bal-checkbox-switch-label-background-pressed-after: var(--bal-color-green-6)\n  --bal-checkbox-switch-label-background-checked-before: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-checked-hover-before: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-checked-pressed-before: var(--bal-color-green-6)\n\n  --bal-radio-icon-background-checked: var(--bal-color-green)\n  --bal-radio-icon-background-checked-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-background-checked-pressed: var(--bal-color-green-6)\n  --bal-radio-icon-border-color: var(--bal-color-green)\n  --bal-radio-icon-border-color-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-border-color-pressed: var(--bal-color-green-6)\n  --bal-radio-icon-border-color-checked: var(--bal-color-green)\n  --bal-radio-icon-border-color-checked-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-border-color-checked-pressed: var(--bal-color-green-6)\n  //\n  // Steps\n  --bal-steps-step-border-color-done: var(--bal-color-primary)\n  --bal-steps-step-border-color-done: var(--bal-color-primary)\n  --bal-steps-step-icon-background-done: var(--bal-color-primary)\n  --bal-steps-step-label-text-color-done: var(--bal-color-grey-6)\n  --bal-steps-step-label-text-color: var(--bal-color-grey-6)\n  --bal-steps-step-label-text-color-active: black\n  --bal-steps-step-icon-text-color: black\n  --bal-steps-step-border-color: var(--bal-color-info-1)\n  --bal-steps-step-button-progress-line-background: var(--bal-color-info-1)\n  --bal-steps-step-border-color-active: var(--bal-color-primary)\n  --bal-steps-step-icon-background-active: var(--bal-color-primary)\n  --bal-steps-step-button-passed-background: var(--bal-color-primary)\n  //\n  // Pagination\n  --bal-pagination-small-background: var(--bal-color-info-1)\n  --bal-pagination-small-radius: 20px\n  //\n  // Tabs\n  --bal-tabs-tab-nav-border-background: var(--bal-color-info-1)\n  --bal-tabs-tab-label-text-color: var(--bal-grey-6)\n  --bal-tabs-tab-label-text-color-active: var(--bal-color-primary)\n  --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-primary-5)\n  --bal-tabs-tab-button-label-text-color-active: var(--bal-color-primary-6)\n  --bal-tabs-tab-label-text-color-disabled: var(--bal-color-grey-3)\n  //\n  // Toast\n  --bal-toast-color: var(--bal-color-grey-6)\n  --bal-toast-color-info: var(--bal-color-grey-6)\n  --bal-toast-color-success: var(--bal-color-grey-6)\n  --bal-toast-color-warning: var(--bal-color-grey-6)\n  --bal-toast-color-danger: var(--bal-color-grey-6)\n  //\n  // Notification\n  --bal-notification-color: var(--bal-color-grey-6)\n  --bal-notification-color-info: var(--bal-color-grey-6)\n  --bal-notification-color-success: var(--bal-color-grey-6)\n  --bal-notification-color-warning: var(--bal-color-grey-6)\n  --bal-notification-color-danger: var(--bal-color-grey-6)\n  //\n  // Tags\n  --bal-tag-background: var(--bal-color-info-1)\n  --bal-tag-text: var(--bal-color-black)\n  --bal-tag-text-warning: var(--bal-color-black)\n  --bal-tag-text-yellow: var(--bal-color-white)\n  --bal-tag-text-green: var(--bal-color-white)\n  --bal-tag-text-purple-light: var(--bal-color-black)\n  --bal-tag-text-red-light: var(--bal-color-black)\n  --bal-tag-text-green-light: var(--bal-color-black)\n  --bal-tag-text-yellow-light: var(--bal-color-black)\n  --bal-tag-background-disabled: var(--bal-color-grey-2)\n  --bal-tag-border-disabled-color: var(--bal-color-grey-2)\n  --bal-tag-text-disabled: var(--bal-color-grey-4)\n  //\n  // Spinner\n  --bal-spinner-circle-background: var(--bal-color-info-1)\n  --bal-spinner-circle-progress: var(--bal-color-green)\n  --bal-spinner-circle-progress-inverted: var(--bal-color-primary)\n  //\n  // Footer\n  --bal-footer-background: var(--bal-color-primary-5)\n  --bal-footer-language-color: var(--bal-color-text-white)\n  --bal-footer-language-color-hover: var(--bal-color-grey-1)\n  --bal-footer-language-color-active: var(--bal-color-grey-1)\n  --bal-footer-language-background: var(--bal-color-text-white)\n  --bal-footer-language-background-hover: var(--bal-color-grey-1)\n  --bal-footer-language-background-active: var(--bal-color-grey-1)\n  --bal-footer-logo-image-max-height: 64px\n  //\n  // Modal\n  --bal-modal-backdrop-background: var(--bal-color-grey-6)\n\nbody\n  -webkit-text-size-adjust: 100%\n\nfooter .link,\nfooter a.link\n  color: white !important\n  &:hover\n    color: white !important\n  &:active\n    color: white !important\n\n.button\n  padding: 6px 30px 7px\n  min-height: 32px\n\nbutton.is-info,\nbutton.is-secondary\n  color: var( --bal-color-primary)\n  &:hover\n    color: var(--bal-color-primary-4)\n  &:active\n    color: var(--bal-color-primary-5)\n\n.bal-segment-item__indicator,\n.bal-segment-item button\n  border-radius: 20px\n\n.bal-segment:not(.bal-segment--vertical)\n  border-radius: 20px\n\n.bal-input-group:not(.bal-input-group--is-disabled):focus-within\n  border-color: var(--bal-color-green)\n\n.bal-dropdown__root--theme-purple .bal-dropdown__root__content\n  color: black !important\n\n.bal-toast__inner:before,\n.bal-notification:not(.bal-notification--no-icon):before\n  background-color: var(--bal-color-grey-6)\n"]}