{"version":3,"sources":["theme/_variables.scss"],"names":[],"mappings":"AAAA,oBAAA","file":"user-rtl.min.css","sourcesContent":["/* prettier-ignore */\n@use 'sass:math';\n@import 'colors';\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n$enable-shadows: true !default;\n$enable-negative-margins: true !default;\n\n//*-----------------------------------------------\n//|   Spacing\n//----------------------------------------------\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * 0.25,\n  2: $spacer * 0.5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 2,\n  6: $spacer * 2.5,\n  7: $spacer * 3,\n  8: $spacer * 3.5,\n  9: $spacer * 4,\n  10: $spacer * 4.5,\n  11: $spacer * 5,\n  12: $spacer * 6,\n  13: $spacer * 6.5,\n  14: $spacer * 7,\n  15: $spacer * 7.5\n) !default;\n\n//*-----------------------------------------------\n//|   Link\n//-----------------------------------------------*/\n$link-decoration: none !default;\n$link-hover-decoration: underline !default;\n$link-hover-color: $primary-text-emphasis !default;\n\n//*-----------------------------------------------\n//|   Grid Breakpoints\n//-----------------------------------------------*/\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1540px\n) !default;\n\n//*-----------------------------------------------\n//|   Grid containers\n//-----------------------------------------------*/\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1184px,\n  xxl: 1678px\n) !default;\n\n// phoenix specific variable\n$container-small-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1216px\n) !default;\n\n$container-medium-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1216px,\n  xxl: 1400px\n) !default;\n\n$bg-opacities: (\n  10: 0.1,\n  25: 0.25,\n  50: 0.5,\n  75: 0.75,\n  85: 0.85,\n  // new\n  100: 1\n) !default;\n\n$text-opacities: (\n  25: 0.25,\n  50: 0.5,\n  75: 0.75,\n  85: 0.85,\n  100: 1\n) !default;\n\n//*-----------------------------------------------\n//|   Grid Collumn\n//-----------------------------------------------*/\n$grid-gutter-width: 2rem !default;\n\n//*-----------------------------------------------\n//|   Border radious\n//-----------------------------------------------*/\n$border-radius: 0.375rem !default;\n$border-radius-sm: 0.25rem !default;\n$border-radius-lg: 0.5rem !default;\n\n//*-----------------------------------------------\n//|   Shadow\n//-----------------------------------------------*/\n$box-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08) !default;\n\n// phoenix specific variable\n$box-shadow-gray-400: 0px 4px 8px -6px rgba(36, 40, 46, 0.03),\n  0px 16px 8px -4px rgba(36, 40, 46, 0.03) !default;\n\n//*-----------------------------------------------\n//|   Fonts Families\n//-----------------------------------------------*/\n$font-family-sans-serif: 'Nunito Sans', -apple-system, BlinkMacSystemFont,\n  'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',\n  'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n$font-family-monospace: 'SFMono-Regular', Menlo, Monaco, Consolas,\n  'Liberation Mono', 'Courier New', monospace !default;\n\n//*-----------------------------------------------\n//|   Fonts\n//-----------------------------------------------*/\n$type-scale: 1.25 !default; // phoenix spesific variable\n\n$font-size-base: 1rem !default;\n$font-size-sm: $font-size-base * 0.875 !default;\n$font-size-lg: $font-size-base * 1.2 !default;\n\n$font-sizes: (\n  1: pow($type-scale, 7) * $font-size-base,\n  // 76.29px\n  2: pow($type-scale, 6) * $font-size-base,\n  // 61.04px\n  3: pow($type-scale, 5) * $font-size-base,\n  // 48.83px\n  4: pow($type-scale, 4) * $font-size-base,\n  // 39.06px\n  5: pow($type-scale, 3) * $font-size-base,\n  // 31.25px\n  6: pow($type-scale, 2) * $font-size-base,\n  //25px\n  7: pow($type-scale, 1) * $font-size-base,\n  //20px\n  8: $font-size-base,\n  // 16px\n  9: math.div(1, $type-scale) * $font-size-base,\n  // 12.80px\n  10: math.div(1, pow($type-scale, 2)) * $font-size-base,\n  // 10.24px\n  11: math.div(1, pow($type-scale, 3)) * $font-size-base,\n  // 8.19px\n) !default;\n\n$font-weight-thin: 100 !default;\n$font-weight-lighter: 200 !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-medium: 500 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: 800 !default;\n$font-weight-black: 900 !default;\n\n$line-height-base: 1.49 !default;\n$line-height-sm: 1.2 !default;\n$line-height-lg: 1.4 !default;\n\n$h1-font-size: map_get($font-sizes, 4) !default;\n$h2-font-size: map_get($font-sizes, 5) !default;\n$h3-font-size: map_get($font-sizes, 6) !default;\n$h4-font-size: map_get($font-sizes, 7) !default;\n$h5-font-size: map_get($font-sizes, 8) !default;\n$h6-font-size: map_get($font-sizes, 9) !default;\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: map-get($spacers, 1) !default;\n// $headings-font-family: $font-family-sans-serif !default;\n$headings-font-weight: $font-weight-bold !default;\n$headings-line-height: 1 !default;\n$headings-color: var(--#{$prefix}emphasis-color) !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: map_get($font-sizes, 1),\n  2: map_get($font-sizes, 2),\n  3: map_get($font-sizes, 3),\n  4: map_get($font-sizes, 4),\n  5: map_get($font-sizes, 5),\n  6: map_get($font-sizes, 6)\n) !default;\n\n$display-font-weight: $font-weight-normal !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: map-get($font-sizes, 7) !default;\n$lead-font-weight: $font-weight-semibold !default;\n\n$small-font-size: 75% !default;\n\n$blockquote-font-size: $font-size-lg !default;\n\n$hr-color: var(--#{$prefix}border-color-translucent) !default;\n$hr-opacity: 1 !default;\n// scss-docs-end type-variables\n\n//*-----------------------------------------------\n//|   Tables\n//-----------------------------------------------*/\n$table-color: var(--#{$prefix}body-color) !default;\n$table-cell-padding-y: 1rem !default;\n$table-bg: transparent !default;\n$table-th-font-weight: $font-weight-bolder !default;\n$table-active-bg: rgba(var(--#{$prefix}quaternary-bg-rgb), 0.4) !default;\n\n$table-striped-color: var(--#{$prefix}body-highlight-color) !default;\n$table-striped-bg: rgba(var(--#{$prefix}quaternary-bg-rgb), 0.2) !default;\n\n$table-hover-color: var(--#{$prefix}emphasis-color) !default;\n$table-hover-bg: rgba(var(--#{$prefix}primary-dark-rgb), 0.07) !default;\n\n$table-border-color: var(--#{$prefix}border-color-translucent);\n\n$table-striped-order: even !default;\n\n$table-group-separator-color: inherit !default;\n\n//*-----------------------------------------------\n//|   Buttons and Forms\n//-----------------------------------------------*/\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: 0.625rem !default;\n$input-btn-padding-x: 1.5rem !default;\n\n$input-btn-focus-blur: 0 !default;\n\n$input-btn-padding-y-sm: 0.5rem !default;\n$input-btn-padding-x-sm: 1rem !default;\n$input-btn-font-size-sm: map-get($font-sizes, 9) !default;\n\n$input-btn-padding-y-lg: 0.875rem !default;\n$input-btn-padding-x-lg: 1.5rem !default;\n$input-btn-font-size-lg: map-get($font-sizes, 8) !default;\n// scss-docs-end input-btn-variables\n\n// buttons\n//\n\n// scss-docs-start btn-variables\n$btn-line-height: 1.2 !default;\n\n$input-btn-font-size: map-get($font-sizes, 9) !default;\n$btn-font-weight: $font-weight-bold !default;\n\n$btn-box-shadow: initial !default;\n\n$btn-focus-width: 0 !default;\n$btn-focus-box-shadow: 0 0 0 0.25rem transparent !default;\n$btn-disabled-opacity: 0.3 !default;\n$btn-active-box-shadow: initial !default;\n\n$btn-link-disabled-color: $gray-400 !default;\n\n$btn-border-radius-sm: $border-radius !default;\n$btn-border-radius-lg: $border-radius !default;\n// scss-docs-end btn-variables\n\n// Forms\n//\n// scss-docs-start form-label-variables\n$form-label-font-size: map-get($font-sizes, 10) !default;\n$form-label-font-weight: $font-weight-bold !default;\n$form-label-color: var(--#{$prefix}tertiary-color) !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: 0.5rem !default;\n$input-padding-x: 1rem !default;\n$input-font-weight: $font-weight-semibold !default;\n\n$input-padding-y-sm: 0.375rem !default;\n\n$input-padding-y-lg: 0.75rem !default;\n$input-padding-x-lg: 1rem !default;\n\n$input-bg: var(--#{$prefix}emphasis-bg) !default;\n$input-disabled-color: var(--#{$prefix}quaternary-color) !default;\n$input-disabled-bg: rgba(var(--#{$prefix}gray-100-rgb), 0.7) !default;\n\n$input-color: var(--#{$prefix}body-color) !default;\n$input-border-color: var(--#{$prefix}border-color) !default;\n$input-box-shadow: inset 0 1px 2px transparent !default;\n\n$input-border-radius-sm: $border-radius !default;\n$input-border-radius-lg: $border-radius !default;\n\n$input-focus-border-color: $primary !default;\n$input-focus-box-shadow: inset 0 0 0 30px var(--#{$prefix}emphasis-bg),\n  0 0 0 0.25rem rgba(var(--#{$prefix}primary-rgb), 0.25) !default;\n\n$input-placeholder-color: rgba(\n  var(--#{$prefix}quaternary-color-rgb),\n  0.8\n) !default; // scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-margin-bottom: 0.34375rem !default;\n$form-check-label-color: $form-label-color !default;\n$form-check-input-border: 1px solid var(--#{$prefix}border-color) !default;\n\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: $white !default;\n$form-switch-focus-color: $white !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-bg: var(--#{$prefix}input-group-addon-bg-global) !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-indicator-padding: 2.5rem !default;\n$form-select-disabled-bg: $input-disabled-bg !default;\n$form-select-box-shadow: $input-box-shadow !default;\n$form-select-indicator: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==') !default;\n$form-select-bg-size: 9px 12px !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-bg: var(--#{$prefix}tertiary-bg) !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(2.875rem, 2px) !default;\n$form-floating-input-padding-t: 22.5px !default;\n$form-floating-input-padding-b: 9.5px !default;\n$form-floating-label-transform: scale(0.85) translateY(-0.4rem)\n  translateX(0.15rem) !default;\n// scss-docs-end form-floating-variables\n\n//*-----------------------------------------------\n//|   Z-index\n//-----------------------------------------------*/\n$zindex-levels: (\n  n1: -1,\n  0: 0,\n  1: 1,\n  2: 2,\n  3: 3,\n  4: 4,\n  5: 5\n) !default;\n\n//*-----------------------------------------------\n//|   Nav-tabs\n//-----------------------------------------------*/\n$nav-tabs-border-width: 2px !default;\n$nav-underline-link-active-color: var(--#{$prefix}primary) !default;\n\n// nav-pills\n$nav-pills-link-active-color: var(--#{$prefix}primary) !default;\n$nav-pills-link-active-bg: transparent !default;\n$nav-pills-border-radius: var(--#{$prefix}border-radius-pill) !default;\n\n//*-----------------------------------------------\n//|   Navbar\n//-----------------------------------------------*/\n$navbar-padding-y: map_get($spacers, 2) !default;\n$navbar-padding-x: map_get($spacers, 4) !default;\n\n$navbar-brand-font-size: map_get($font-sizes, 5) !default;\n\n//*-----------------------------------------------\n//|   Navigation\n//-----------------------------------------------*/\n\n$navbar-font-size: $font-size-base * 0.8 !default; // phoenix specific variable\n\n$navbar-light-hover-color: rgba(\n  var(--#{$prefix}emphasis-color-rgb),\n  0.9\n) !default;\n$navbar-light-disabled-color: rgba(\n  var(--#{$prefix}emphasis-color-rgb),\n  0.25\n) !default;\n$navbar-light-toggler-icon-bg: str-replace(\n  url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#9da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n) !default;\n\n$navbar-dark-color: rgba($white, 0.7) !default;\n$navbar-dark-hover-color: rgba($white, 0.9) !default;\n$navbar-dark-toggler-icon-bg: str-replace(\n  url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#9da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n) !default;\n\n// phoenix specific variable\n$navbar-top-slim-height: 1.7rem !default;\n$navbar-top-height: var(--#{$prefix}navbar-top-height) !default;\n$standard-nav-height: 3.5625rem !default;\n\n//*-----------------------------------------------\n//|   Dropdowns | Dropdown menu container and contents.\n//-----------------------------------------------*/\n$dropdown-padding-y: map_get($spacers, 3) !default;\n$dropdown-font-size: $navbar-font-size !default;\n\n// $dropdown-color: var(--#{$prefix}tertiary-color) !default;\n$dropdown-bg: var(--#{$prefix}emphasis-bg) !default;\n$dropdown-border-color: var(--#{$prefix}border-color) !default;\n$dropdown-divider-bg: var(--#{$prefix}border-color) !default;\n\n$dropdown-link-color: var(--#{$prefix}dropdown-link-color-global) !default;\n$dropdown-link-hover-color: var(\n  --#{$prefix}dropdown-link-hover-color-global\n) !default;\n$dropdown-link-hover-bg: var(--#{$prefix}secondary-bg) !default;\n$dropdown-link-disabled-color: $gray-100 !default;\n\n$dropdown-item-padding-y: map_get($spacers, 2) !default;\n$dropdown-item-padding-x: map_get($spacers, 3) !default;\n\n//*-----------------------------------------------\n//|   Pagination\n//-----------------------------------------------*/\n$pagination-padding-y: 0.5rem !default;\n\n$pagination-font-size: map-get($font-sizes, 9) !default;\n\n$pagination-color: var(--#{$prefix}secondary-color) !default;\n$pagination-bg: transparent !default;\n$pagination-border-width: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}primary) !default;\n$pagination-hover-bg: var(--#{$prefix}secondary-bg) !default;\n\n//*-----------------------------------------------\n//|   Cards\n//-----------------------------------------------*/\n$card-spacer-y: map-get($spacers, 4) !default;\n$card-spacer-x: map-get($spacers, 4) !default;\n$card-title-spacer-y: $spacer !default;\n$card-title-color: $headings-color !default;\n$card-border-radius: $border-radius-lg !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-cap-bg: transparent !default;\n$card-cap-padding-y: $card-spacer-y !default;\n$card-bg: var(--#{$prefix}emphasis-bg) !default;\n\n//*-----------------------------------------------\n//|   Accordion\n//-----------------------------------------------*/\n$accordion-padding-y: map-get($spacers, 2) !default;\n$accordion-padding-x: 0 !default;\n$accordion-bg: transparent !default;\n$accordion-color: var(--#{$prefix}body-highlight-color) !default;\n\n$accordion-border-radius: 0 !default;\n$accordion-border-width: 0 !default;\n\n$accordion-button-color: var(--#{$prefix}primary) !default;\n$accordion-button-active-color: var(--#{$prefix}emphasis-color) !default;\n$accordion-button-active-bg: transparent !default;\n\n$accordion-icon-color: $primary !default;\n$accordion-icon-active-color: $primary !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='#{$accordion-icon-color}' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='#{$accordion-icon-active-color}' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E\") !default;\n\n// /*-----------------------------------------------\n//|   Tooltip\n//-----------------------------------------------*/\n$tooltip-font-size: map-get($font-sizes, 9) !default;\n$tooltip-padding-y: 0.5rem !default;\n\n$tooltip-color: $white;\n$tooltip-bg: $gray-1000 !default;\n\n$tooltip-border-radius: $border-radius-sm !default;\n\n//*-----------------------------------------------\n//|   Popover\n//-----------------------------------------------*/\n$popover-bg: var(--#{$prefix}emphasis-bg) !default;\n$popover-border-color: var(--#{$prefix}border-color) !default;\n\n//*-----------------------------------------------\n//|   Toast\n//-----------------------------------------------*/\n$toast-font-size: $font-size-base !default;\n$toast-padding-x: 0 !default;\n$toast-padding-y: map-get($spacers, 3) !default;\n$toast-box-shadow: $box-shadow-gray-400 !default;\n$toast-background-color: rgba(var(--#{$prefix}emphasis-bg-rgb), 0.85) !default;\n$toast-border-color: var(--#{$prefix}border-color) !default;\n\n$toast-header-color: var(--#{$prefix}secondary-color) !default;\n$toast-header-background-color: transparent !default;\n$toast-header-border-color: var(--#{$prefix}border-color-translucent) !default;\n\n//*-----------------------------------------------\n//|   Badge\n//-----------------------------------------------*/\n$badge-padding-y: 0.355555em !default;\n$badge-padding-x: 0.711111em !default;\n$badge-border-radius: $border-radius-sm !default;\n\n// /*-----------------------------------------------\n//|   Modal\n//-----------------------------------------------*/\n$modal-content-border-radius: $border-radius !default;\n$modal-content-bg: var(--#{$prefix}emphasis-bg) !default;\n$modal-content-border-color: transparent !default;\n\n//*-----------------------------------------------\n//|   Alert\n//-----------------------------------------------*/\n$alert-padding-y: map-get($spacers, 4) !default;\n$alert-padding-x: map-get($spacers, 4) !default;\n$alert-border-radius: map-get($spacers, 2) !default;\n\n//*-----------------------------------------------\n//|   Progress\n//-----------------------------------------------*/\n$progress-height: 0.313rem !default;\n$progress-border-radius: $border-radius-lg !default;\n$progress-box-shadow: initial !default;\n$progress-bg: var(--#{$prefix}secondary-bg) !default;\n\n///*-----------------------------------------------\n//|   List Group\n//-----------------------------------------------*/\n$list-group-color: var(--#{$prefix}secondary-color) !default;\n$list-group-bg: var(--#{$prefix}emphasis-bg) !default;\n$list-group-border-color: var(--#{$prefix}border-color-translucent) !default;\n$list-group-disabled-color: var(--#{$prefix}quaternary-color) !default;\n$list-group-hover-bg: var(--#{$prefix}body-highlight-bg) !default;\n\n//*-----------------------------------------------\n//|   Thumbnail\n//-----------------------------------------------*/\n$thumbnail-bg: var(--#{$prefix}emphasis-bg) !default;\n\n// /*-----------------------------------------------\n//|   Breadcrumbs\n//-----------------------------------------------*/\n$breadcrumb-font-size: map-get($font-sizes, 9) !default;\n$breadcrumb-item-padding-x: map-get($spacers, 2) !default;\n$breadcrumb-active-color: var(--#{$prefix}body-color) !default;\n$breadcrumb-divider: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='10' width='6' fill='#{$gray-600}' viewBox='0 0 256 480'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E\") !default;\n\n//*-----------------------------------------------\n//|   Carousel\n//-----------------------------------------------*/\n$carousel-transition-duration: 0.8s !default;\n$carousel-indicator-active-bg: $primary !default;\n\n// /*-----------------------------------------------\n//|   Spinner\n//-----------------------------------------------*/\n$spinner-width-sm: 1.35rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n\n// close\n// phoenix specific variable\n$btn-close-darken-nav-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#ffffff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\") !default;\n// $btn-close-dark: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#ffffff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\") !default;\n\n//*-----------------------------------------------\n//|  Offcanvas\n//-----------------------------------------------*/\n$offcanvas-horizontal-width: 458px !default;\n$offcanvas-bg-color: var(--#{$prefix}emphasis-bg) !default;\n\n// gutters\n$gutters: map-merge(\n  $spacers,\n  (\n    card: $card-spacer-x * 2\n  )\n) !default;\n\n//*---------------------------------------------------------------------------\n//|   Phoenix specific components\n//----------------------------------------------------------------------------*/\n\n//*-----------------------------------------------\n//|   Viewport Heights & Widths\n//----------------------------------------------\n$viewport-heights: (\n  50: 50vh,\n  100: 100vh\n) !default;\n\n$sizes: (\n  25: 25%,\n  30: 30%,\n  50: 50%,\n  60: 60%,\n  70: 70%,\n  75: 75%,\n  100: 100%,\n  auto: auto\n) !default;\n\n// /*-----------------------------------------------\n//|   Footer\n//-----------------------------------------------*/\n$footer-height: 4rem !default;\n\n// /*-----------------------------------------------\n//|   Avatar\n//-----------------------------------------------*/\n$avatars-dimension: (\n  's': toRem(24),\n  'm': toRem(32),\n  'l': toRem(40),\n  'xl': toRem(48),\n  '2xl': toRem(56),\n  '3xl': toRem(72),\n  '4xl': toRem(96),\n  '5xl': toRem(150)\n) !default;\n$avatars-placeholder-bg: var(--#{$prefix}secondary-bg) !default;\n$avatars-status-border-color: var(--#{$prefix}emphasis-bg) !default;\n\n//*-----------------------------------------------\n//|   Scrollbar\n//-----------------------------------------------*/\n$scrollbar-bg: var(--#{$prefix}scrollbar-bg) !default;\n\n//*-----------------------------------------------\n//|   Layout\n//-----------------------------------------------*/\n$content-padding-x: map-get($spacers, 6) !default;\n$content-padding-top: calc($navbar-top-height + 2rem) !default;\n$content-padding-bottom: 6.375rem !default;\n\n//*-----------------------------------------------\n//|   Plugins color variables\n//-----------------------------------------------*/\n\n$data-table-pagination-button-color: $black !default;\n\n//*-----------------------------------------------\n//|   Navbar Vertical\n//-----------------------------------------------*/\n\n$navbar-vertical-breakpoints: mapReverse($grid-breakpoints) !default;\n$navbar-vertical-width: 15.875rem !default;\n$navbar-vertical-icon-width: 1rem !default;\n\n$navbar-vertical-link-font-size: map-get($font-sizes, 9) !default;\n$navbar-vertical-link-padding-y: 0.35rem !default;\n\n$navbar-vertical-dropdown-font-size: 0.8125rem !default;\n$navbar-vertical-dropdown-link-padding-x: map-get($spacers, 2) !default;\n$navbar-vertical-dropdown-link-padding-y: map-get($spacers, 1) !default;\n\n$navbar-vertical-footer-height: $footer-height !default;\n$navbar-footer-border-color: var(\n  --#{$prefix}navbar-footer-border-color\n) !default;\n$navbar-vertical-height: calc(100vh - $navbar-top-height) !default;\n\n$navbar-vertical-content-height: calc(\n  100vh - var(--#{$prefix}navbar-top-height) - $navbar-vertical-footer-height\n) !default;\n$navbar-vertical-content-padding-x: map-get($spacers, 2) !default;\n$navbar-vertical-content-padding-y: map-get($spacers, 3) !default;\n$navbar-vertical-label-font-size: map-get($font-sizes, 10) !default;\n\n$navbar-vertical-collapse-width: 4rem !default;\n$navbar-vertical-link-collapse-padding-x: 1.5rem !default;\n$navbar-vertical-collapse-padding-x: 2.5rem !default;\n$navbar-vertical-hover-width: 12.625rem !default;\n$navbar-vertical-collapsed-hover-shadow: 0.625rem 0 0.625rem -0.5625rem var(--#{$prefix}navbar-vertical-collapsed-hover-shadow-color) !default;\n\n$navbar-vertical-border-color: var(\n  --#{$prefix}navbar-vertical-border-color\n) !default;\n$navbar-vertical-bg-color: var(--#{$prefix}navbar-vertical-bg-color) !default;\n$navbar-vertical-label-color: var(\n  --#{$prefix}navbar-vertical-label-color\n) !default;\n$navbar-vertical-link-color: var(\n  --#{$prefix}navbar-vertical-link-color\n) !default;\n$navbar-vertical-link-hover-color: var(\n  --#{$prefix}navbar-vertical-link-hover-color\n) !default;\n$navbar-vertical-link-hover-bg: var(\n  --#{$prefix}navbar-vertical-link-hover-bg\n) !default;\n$navbar-vertical-link-active-color: var(\n  --#{$prefix}navbar-vertical-link-active-color\n) !default;\n$navbar-vertical-link-disable-color: var(\n  --#{$prefix}navbar-vertical-link-disable-color\n) !default;\n\n$navbar-vertical-collapsed-menu-bg: var(\n  --#{$prefix}navbar-vertical-collapsed-menu-bg\n) !default;\n$navbar-vertical-hr-color: var(--#{$prefix}navbar-vertical-hr-color) !default;\n$navbar-vertical-dropdown-indicator-color: var(\n  --#{$prefix}navbar-vertical-dropdown-indicator-color\n) !default;\n\n//*-----------------------------------------------\n//|   Navbar Top\n//-----------------------------------------------*/\n$navbar-top-link-padding-start: 1.125rem !default;\n$navbar-top-link-padding-end: 1.5rem !default;\n$navbar-top-link-color: var(--#{$prefix}navbar-top-link-color) !default;\n\n//*-----------------------------------------------\n//|   Navbar dual\n//-----------------------------------------------*/\n$dual-nav-border-color: map-get($grays, '200') !default;\n$dual-nav-first-layer-bg: map-get($grays, '100') !default;\n\n// scss-docs-start treeview-variables\n$treeview-transition-collapse: height 0.15s ease !default;\n$treeview-row-bg-odd: var(--#{$prefix}secondary-bg) !default;\n$treeview-row-bg-even: var(--#{$prefix}light) !default;\n// scss-docs-end treeview-variables\n"]}