svelte-advanced-tables/dist/index.css

This project brings DataTable into your Svelte project.

  .datepicker {
    display: none
  }
  
  .datepicker.active {
    display: block
  }
  
  .datepicker-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    padding-top: 4px
  }
  
  .datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px
  }
  
  .datepicker-picker {
    display: inline-block;
    border-radius: 4px;
    background-color: #fff
  }
  
  .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px rgba(17,24,39,0.1),0 0 0 1px rgba(17,24,39,0.1)
  }
  
  .datepicker-picker span {
    display: block;
    flex: 1;
    border: 0;
    border-radius: 4px;
    cursor: default;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .datepicker-main {
    padding: 2px
  }
  
  .datepicker-footer {
    box-shadow: inset 0 1px 1px rgba(17,24,39,0.1);
    background-color: #9CA3AF
  }
  
  .datepicker-grid,.datepicker-view .days-of-week,.datepicker-view,.datepicker-controls {
    display: flex
  }
  
  .datepicker-grid {
    flex-wrap: wrap
  }
  
  .datepicker-view .days .datepicker-cell,.datepicker-view .dow {
    flex-basis: 14.285714%
  }
  
  .datepicker-view.datepicker-grid .datepicker-cell {
    flex-basis: 25%
  }
  
  .datepicker-cell,.datepicker-view .week {
    height: 2.25rem;
    line-height: 2.25rem
  }
  
  .datepicker-title {
    box-shadow: inset 0 -1px 1px rgba(17,24,39,0.1);
    background-color: #9CA3AF;
    padding: 0.375rem 0.75rem;
    text-align: center;
    font-weight: 700
  }
  
  .datepicker-header .datepicker-controls {
    padding: 2px 2px 0
  }
  
  .datepicker-controls .button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid #808998;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    cursor: pointer;
    padding: calc(0.375em - 1px) .75em;
    height: 2.25em;
    vertical-align: top;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    color: #1F2937;
    font-size: 1rem
  }
  
  .datepicker-controls .button:focus,.datepicker-controls .button:active {
    outline: none
  }
  
  .datepicker-controls .button:hover {
    border-color: #5b6371;
    color: #1F2937
  }
  
  .datepicker-controls .button:focus {
    border-color: #3273dc;
    color: #1F2937
  }
  
  .datepicker-controls .button:focus:not(:active) {
    box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25)
  }
  
  .datepicker-controls .button:active {
    border-color: #384f80;
    color: #1F2937
  }
  
  .datepicker-controls .button[disabled] {
    cursor: not-allowed
  }
  
  .datepicker-header .datepicker-controls .button {
    border-color: transparent;
    font-weight: bold
  }
  
  .datepicker-header .datepicker-controls .button:hover {
    background-color: #f9f9f9
  }
  
  .datepicker-header .datepicker-controls .button:focus:not(:active) {
    box-shadow: 0 0 0 0.125em rgba(255,255,255,0.25)
  }
  
  .datepicker-header .datepicker-controls .button:active {
    background-color: #f2f2f2
  }
  
  .datepicker-header .datepicker-controls .button[disabled] {
    box-shadow: none
  }
  
  .datepicker-footer .datepicker-controls .button {
    margin: calc(0.375rem - 1px) 0.375rem;
    border-radius: 2px;
    width: 100%;
    font-size: .75rem
  }
  
  .datepicker-controls .view-switch {
    flex: auto
  }
  
  .datepicker-controls .prev-btn,.datepicker-controls .next-btn {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    width: 2.25rem
  }
  
  .datepicker-controls .prev-btn.disabled,.datepicker-controls .next-btn.disabled {
    visibility: hidden
  }
  
  .datepicker-view .dow {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .875rem;
    font-weight: 700
  }
  
  .datepicker-view .week {
    width: 2.25rem;
    color: #5b6371;
    font-size: .75rem
  }
  
  @media (max-width: 22.5rem) {
    .datepicker-view .week {
      width:1.96875rem
    }
  }
  
  .datepicker-grid {
    width: 15.75rem
  }
  
  @media (max-width: 22.5rem) {
    .calendar-weeks+.days .datepicker-grid {
      width:13.78125rem
    }
  }
  
  .datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer
  }
  
  .datepicker-cell.focused:not(.selected) {
    background-color: #8e96a4
  }
  
  .datepicker-cell.selected,.datepicker-cell.selected:hover {
    background-color: #3273dc;
    color: #fff;
    font-weight: 600
  }
  
  .datepicker-cell.disabled {
    color: #808998
  }
  
  .datepicker-cell.prev:not(.disabled),.datepicker-cell.next:not(.disabled) {
    color: #7a7a7a
  }
  
  .datepicker-cell.prev.selected,.datepicker-cell.next.selected {
    color: #e6e6e6
  }
  
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #9CA3AF
  }
  
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #959ca9
  }
  
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #8e96a4
  }
  
  .datepicker-cell.today:not(.selected) {
    background-color: #00d1b2
  }
  
  .datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff
  }
  
  .datepicker-cell.today.focused:not(.selected) {
    background-color: #00c4a7
  }
  
  .datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected) {
    background-color: #5b6371;
    color: #fff
  }
  
  .datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #555d69
  }
  
  .datepicker-cell.range-start {
    border-radius: 4px 0 0 4px
  }
  
  .datepicker-cell.range-end {
    border-radius: 0 4px 4px 0
  }
  
  .datepicker-cell.range {
    border-radius: 0;
    background-color: #808998
  }
  
  .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #798293
  }
  
  .datepicker-cell.range.disabled {
    color: #666f7f
  }
  
  .datepicker-cell.range.focused {
    background-color: #727c8d
  }
  
  .datepicker-view.datepicker-grid .datepicker-cell {
    height: 4.5rem;
    line-height: 4.5rem
  }
  
  .datepicker-input.in-edit {
    border-color: #2366d1
  }
  
  .datepicker-input.in-edit:focus,.datepicker-input.in-edit:active {
    box-shadow: 0 0 0.25em 0.25em rgba(35,102,209,0.2)
  }
  
  .ct-label {
    fill: rgba(0,0,0,0.4);
    color: rgba(0,0,0,0.4);
    font-size: .75rem;
    line-height: 1
  }
  
  .ct-chart-line .ct-label,.ct-chart-bar .ct-label {
    display: block;
    display: flex
  }
  
  .ct-chart-pie .ct-label,.ct-chart-donut .ct-label {
    dominant-baseline: central
  }
  
  .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }
  
  .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }
  
  .ct-label.ct-vertical.ct-start {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
  }
  
  .ct-label.ct-vertical.ct-end {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }
  
  .ct-chart-bar .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    text-anchor: start
  }
  
  .ct-chart-bar .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    text-anchor: start
  }
  
  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }
  
  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }
  
  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
  }
  
  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
  }
  
  .ct-grid {
    stroke: rgba(0,0,0,0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px
  }
  
  .ct-grid-background {
    fill: none
  }
  
  .ct-point {
    stroke-width: 10px;
    stroke-linecap: round
  }
  
  .ct-line {
    fill: none;
    stroke-width: 4px
  }
  
  .ct-area {
    stroke: none;
    fill-opacity: .1
  }
  
  .ct-bar {
    fill: none;
    stroke-width: 10px
  }
  
  .ct-slice-donut {
    fill: none;
    stroke-width: 60px
  }
  
  .ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut {
    stroke: #262B40
  }
  
  .ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area {
    fill: #262B40
  }
  
  .ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut {
    stroke: #F8BD7A
  }
  
  .ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area {
    fill: #F8BD7A
  }
  
  .ct-series-c .ct-point,.ct-series-c .ct-line,.ct-series-c .ct-bar,.ct-series-c .ct-slice-donut {
    stroke: #2CA58D
  }
  
  .ct-series-c .ct-slice-pie,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-area {
    fill: #2CA58D
  }
  
  .ct-series-d .ct-point,.ct-series-d .ct-line,.ct-series-d .ct-bar,.ct-series-d .ct-slice-donut {
    stroke: #31316A
  }
  
  .ct-series-d .ct-slice-pie,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-area {
    fill: #31316A
  }
  
  .ct-series-e .ct-point,.ct-series-e .ct-line,.ct-series-e .ct-bar,.ct-series-e .ct-slice-donut {
    stroke: #C96480
  }
  
  .ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-area {
    fill: #C96480
  }
  
  .ct-series-f .ct-point,.ct-series-f .ct-line,.ct-series-f .ct-bar,.ct-series-f .ct-slice-donut {
    stroke: #fff
  }
  
  .ct-series-f .ct-slice-pie,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-area {
    fill: #fff
  }
  
  .ct-series-g .ct-point,.ct-series-g .ct-line,.ct-series-g .ct-bar,.ct-series-g .ct-slice-donut {
    stroke: #F8BD7A
  }
  
  .ct-series-g .ct-slice-pie,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-area {
    fill: #F8BD7A
  }
  
  .ct-square {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
  }
  
  .ct-square:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-minor-second {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
  }
  
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-second {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.888889%
  }
  
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-minor-third {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.333333%
  }
  
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-third {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
  }
  
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
  }
  
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.666667%
  }
  
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
  }
  
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-golden-section {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697%
  }
  
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
  }
  
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
  }
  
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.333333%
  }
  
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-octave {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
  }
  
  .ct-octave:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
  }
  
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
  }
  
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.333333%
  }
  
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .ct-double-octave {
    display: block;
    position: relative;
    width: 100%
  }
  
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
  }
  
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both
  }
  
  .ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  
  :root {
    --bs-blue: #2361ce;
    --bs-indigo: #4F46E5;
    --bs-purple: #7C3AED;
    --bs-pink: #EF4683;
    --bs-red: #E11D48;
    --bs-orange: #FBA918;
    --bs-yellow: #f3c78e;
    --bs-green: #10B981;
    --bs-teal: #1e90ff;
    --bs-cyan: #63b1bd;
    --bs-white: #fff;
    --bs-gray: #4B5563;
    --bs-gray-dark: #1F2937;
    --bs-primary: #1F2937;
    --bs-secondary: #f0bc74;
    --bs-tertiary: #31316A;
    --bs-success: #10B981;
    --bs-info: #2361ce;
    --bs-warning: #FBA918;
    --bs-danger: #E11D48;
    --bs-white: #fff;
    --bs-indigo: #4F46E5;
    --bs-purple: #7C3AED;
    --bs-yellow-100: #ffeed6;
    --bs-yellow-200: #f5dbb8;
    --bs-gray-50: #F9FAFB;
    --bs-gray-100: #F2F4F6;
    --bs-gray-200: #E5E7EB;
    --bs-gray-300: #D1D5DB;
    --bs-gray-400: #9CA3AF;
    --bs-gray-500: #6B7280;
    --bs-gray-600: #4B5563;
    --bs-gray-700: #374151;
    --bs-gray-800: #1F2937;
    --bs-gray-900: #111827;
    --bs-font-sans-serif: "Inter", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0))
  }
  
  *,*::before,*::after {
    box-sizing: border-box
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth
    }
  }
  
  body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #374151;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(17,24,39,0)
  }
  
  hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
  }
  
  hr:not([size]) {
    height: .0625rem
  }
  
  h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.3;
    color: #111827
  }
  
  h1,.h1 {
    font-size: calc(1.375rem + 1.5vw)
  }
  
  @media (min-width: 1200px) {
    h1,.h1 {
      font-size:2.5rem
    }
  }
  
  h2,.h2 {
    font-size: calc(1.325rem + .9vw)
  }
  
  @media (min-width: 1200px) {
    h2,.h2 {
      font-size:2rem
    }
  }
  
  h3,.h3 {
    font-size: calc(1.3rem + .6vw)
  }
  
  @media (min-width: 1200px) {
    h3,.h3 {
      font-size:1.75rem
    }
  }
  
  h4,.h4 {
    font-size: calc(1.275rem + .3vw)
  }
  
  @media (min-width: 1200px) {
    h4,.h4 {
      font-size:1.5rem
    }
  }
  
  h5,.h5 {
    font-size: 1.25rem
  }
  
  h6,.h6 {
    font-size: 1rem
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem
  }
  
  abbr[title],abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
  }
  
  ol,ul {
    padding-left: 2rem
  }
  
  ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
  }
  
  ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
  }
  
  dt {
    font-weight: 500
  }
  
  dd {
    margin-bottom: .5rem;
    margin-left: 0
  }
  
  blockquote {
    margin: 0 0 1rem
  }
  
  b,strong {
    font-weight: 600
  }
  
  small,.small {
    font-size: .875em
  }
  
  mark,.mark {
    padding: .2em;
    background-color: #fcf8e3
  }
  
  sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
  }
  
  sub {
    bottom: -.25em
  }
  
  sup {
    top: -.5em
  }
  
  a {
    color: #1F2937;
    text-decoration: none
  }
  
  a:hover {
    color: #000;
    text-decoration: none
  }
  
  a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
  }
  
  pre,code,kbd,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override
  }
  
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
  }
  
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
  }
  
  code {
    font-size: .875em;
    color: #EF4683;
    word-wrap: break-word
  }
  
  a>code {
    color: inherit
  }
  
  kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #111827;
    border-radius: .35rem
  }
  
  kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 500
  }
  
  figure {
    margin: 0 0 1rem
  }
  
  img,svg {
    vertical-align: middle
  }
  
  table {
    caption-side: bottom;
    border-collapse: collapse
  }
  
  caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #58677d;
    text-align: left
  }
  
  th {
    text-align: inherit;
    text-align: -webkit-match-parent
  }
  
  thead,tbody,tfoot,tr,td,th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
  }
  
  label {
    display: inline-block
  }
  
  button {
    border-radius: 0
  }
  
  button:focus:not(:focus-visible) {
    outline: 0
  }
  
  input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
  }
  
  button,select {
    text-transform: none
  }
  
  [role="button"] {
    cursor: pointer
  }
  
  select {
    word-wrap: normal
  }
  
  select:disabled {
    opacity: 1
  }
  
  [list]::-webkit-calendar-picker-indicator {
    display: none
  }
  
  button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
  }
  
  button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
    cursor: pointer
  }
  
  ::-moz-focus-inner {
    padding: 0;
    border-style: none
  }
  
  textarea {
    resize: vertical
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
  }
  
  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
  }
  
  @media (min-width: 1200px) {
    legend {
      font-size:1.5rem
    }
  }
  
  legend+* {
    clear: left
  }
  
  ::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
    padding: 0
  }
  
  ::-webkit-inner-spin-button {
    height: auto
  }
  
  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield
  }
  
  ::-webkit-search-decoration {
    -webkit-appearance: none
  }
  
  ::-webkit-color-swatch-wrapper {
    padding: 0
  }
  
  ::file-selector-button {
    font: inherit
  }
  
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
  }
  
  output {
    display: inline-block
  }
  
  iframe {
    border: 0
  }
  
  summary {
    display: list-item;
    cursor: pointer
  }
  
  progress {
    vertical-align: baseline
  }
  
  [hidden] {
    display: none !important
  }
  
  .lead {
    font-size: 1.25rem;
    font-weight: 300
  }
  
  .display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 500;
    line-height: 1.3
  }
  
  @media (min-width: 1200px) {
    .display-1 {
      font-size:5rem
    }
  }
  
  .display-2 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 500;
    line-height: 1.3
  }
  
  @media (min-width: 1200px) {
    .display-2 {
      font-size:3.5rem
    }
  }
  
  .display-3 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    line-height: 1.3
  }
  
  @media (min-width: 1200px) {
    .display-3 {
      font-size:2.5rem
    }
  }
  
  .display-4 {
    font-size: calc(1.3125rem + .75vw);
    font-weight: 500;
    line-height: 1.3
  }
  
  @media (min-width: 1200px) {
    .display-4 {
      font-size:1.875rem
    }
  }
  
  .display-5 {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.3
  }
  
  .display-6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3
  }
  
  .list-unstyled {
    padding-left: 0;
    list-style: none
  }
  
  .list-inline {
    padding-left: 0;
    list-style: none
  }
  
  .list-inline-item {
    display: inline-block
  }
  
  .list-inline-item:not(:last-child) {
    margin-right: .5rem
  }
  
  .initialism {
    font-size: .875em;
    text-transform: uppercase
  }
  
  .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
  }
  
  .blockquote>:last-child {
    margin-bottom: 0
  }
  
  .blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #4B5563
  }
  
  .blockquote-footer::before {
    content: "\2014\00A0"
  }
  
  .img-fluid {
    max-width: 100%;
    height: auto
  }
  
  .img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: .0625rem solid #D1D5DB;
    border-radius: .5rem;
    box-shadow: 0 2px 5px rgba(140,152,164,0.2);
    max-width: 100%;
    height: auto
  }
  
  .figure {
    display: inline-block
  }
  
  .figure-img {
    margin-bottom: .5rem;
    line-height: 1
  }
  
  .figure-caption {
    font-size: .875em;
    color: #4B5563
  }
  
  .container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem);
    margin-right: auto;
    margin-left: auto
  }
  
  @media (min-width: 576px) {
    .container-sm,.container {
      max-width:540px
    }
  }
  
  @media (min-width: 768px) {
    .container-md,.container-sm,.container {
      max-width:720px
    }
  }
  
  @media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
      max-width:960px
    }
  }
  
  @media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
      max-width:1440px
    }
  }
  
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
  }
  
  .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
  }
  
  .col {
    flex: 1 0 0%
  }
  
  .row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
  }
  
  .row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
  }
  
  .row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
  }
  
  .row-cols-3>* {
    flex: 0 0 auto;
    width: 33.333333%
  }
  
  .row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
  }
  
  .row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
  }
  
  .row-cols-6>* {
    flex: 0 0 auto;
    width: 16.666667%
  }
  
  .col-auto {
    flex: 0 0 auto;
    width: auto
  }
  
  .col-1 {
    flex: 0 0 auto;
    width: 8.333333%
  }
  
  .col-2 {
    flex: 0 0 auto;
    width: 16.666667%
  }
  
  .col-3 {
    flex: 0 0 auto;
    width: 25%
  }
  
  .col-4 {
    flex: 0 0 auto;
    width: 33.333333%
  }
  
  .col-5 {
    flex: 0 0 auto;
    width: 41.666667%
  }
  
  .col-6 {
    flex: 0 0 auto;
    width: 50%
  }
  
  .col-7 {
    flex: 0 0 auto;
    width: 58.333333%
  }
  
  .col-8 {
    flex: 0 0 auto;
    width: 66.666667%
  }
  
  .col-9 {
    flex: 0 0 auto;
    width: 75%
  }
  
  .col-10 {
    flex: 0 0 auto;
    width: 83.333333%
  }
  
  .col-11 {
    flex: 0 0 auto;
    width: 91.666667%
  }
  
  .col-12 {
    flex: 0 0 auto;
    width: 100%
  }
  
  .offset-1 {
    margin-left: 8.333333%
  }
  
  .offset-2 {
    margin-left: 16.666667%
  }
  
  .offset-3 {
    margin-left: 25%
  }
  
  .offset-4 {
    margin-left: 33.333333%
  }
  
  .offset-5 {
    margin-left: 41.666667%
  }
  
  .offset-6 {
    margin-left: 50%
  }
  
  .offset-7 {
    margin-left: 58.333333%
  }
  
  .offset-8 {
    margin-left: 66.666667%
  }
  
  .offset-9 {
    margin-left: 75%
  }
  
  .offset-10 {
    margin-left: 83.333333%
  }
  
  .offset-11 {
    margin-left: 91.666667%
  }
  
  .g-0,.gx-0 {
    --bs-gutter-x: 0
  }
  
  .g-0,.gy-0 {
    --bs-gutter-y: 0
  }
  
  .g-1,.gx-1 {
    --bs-gutter-x: .25rem
  }
  
  .g-1,.gy-1 {
    --bs-gutter-y: .25rem
  }
  
  .g-2,.gx-2 {
    --bs-gutter-x: .5rem
  }
  
  .g-2,.gy-2 {
    --bs-gutter-y: .5rem
  }
  
  .g-3,.gx-3 {
    --bs-gutter-x: 1rem
  }
  
  .g-3,.gy-3 {
    --bs-gutter-y: 1rem
  }
  
  .g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
  }
  
  .g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
  }
  
  .g-5,.gx-5 {
    --bs-gutter-x: 3rem
  }
  
  .g-5,.gy-5 {
    --bs-gutter-y: 3rem
  }
  
  .g-6,.gx-6 {
    --bs-gutter-x: 5rem
  }
  
  .g-6,.gy-6 {
    --bs-gutter-y: 5rem
  }
  
  .g-7,.gx-7 {
    --bs-gutter-x: 8rem
  }
  
  .g-7,.gy-7 {
    --bs-gutter-y: 8rem
  }
  
  .g-8,.gx-8 {
    --bs-gutter-x: 10rem
  }
  
  .g-8,.gy-8 {
    --bs-gutter-y: 10rem
  }
  
  .g-9,.gx-9 {
    --bs-gutter-x: 11rem
  }
  
  .g-9,.gy-9 {
    --bs-gutter-y: 11rem
  }
  
  .g-10,.gx-10 {
    --bs-gutter-x: 14rem
  }
  
  .g-10,.gy-10 {
    --bs-gutter-y: 14rem
  }
  
  .g-11,.gx-11 {
    --bs-gutter-x: 16rem
  }
  
  .g-11,.gy-11 {
    --bs-gutter-y: 16rem
  }
  
  .g-12,.gx-12 {
    --bs-gutter-x: 20rem
  }
  
  .g-12,.gy-12 {
    --bs-gutter-y: 20rem
  }
  
  .g-sm,.gx-sm {
    --bs-gutter-x: 1rem
  }
  
  .g-sm,.gy-sm {
    --bs-gutter-y: 1rem
  }
  
  .g-md,.gx-md {
    --bs-gutter-x: 2rem
  }
  
  .g-md,.gy-md {
    --bs-gutter-y: 2rem
  }
  
  .g-lg,.gx-lg {
    --bs-gutter-x: 4rem
  }
  
  .g-lg,.gy-lg {
    --bs-gutter-y: 4rem
  }
  
  .g-xl,.gx-xl {
    --bs-gutter-x: 8rem
  }
  
  .g-xl,.gy-xl {
    --bs-gutter-y: 8rem
  }
  
  @media (min-width: 576px) {
    .col-sm {
      flex:1 0 0%
    }
  
    .row-cols-sm-auto>* {
      flex: 0 0 auto;
      width: auto
    }
  
    .row-cols-sm-1>* {
      flex: 0 0 auto;
      width: 100%
    }
  
    .row-cols-sm-2>* {
      flex: 0 0 auto;
      width: 50%
    }
  
    .row-cols-sm-3>* {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .row-cols-sm-4>* {
      flex: 0 0 auto;
      width: 25%
    }
  
    .row-cols-sm-5>* {
      flex: 0 0 auto;
      width: 20%
    }
  
    .row-cols-sm-6>* {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto
    }
  
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.333333%
    }
  
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%
    }
  
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.666667%
    }
  
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%
    }
  
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.333333%
    }
  
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.666667%
    }
  
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%
    }
  
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.333333%
    }
  
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.666667%
    }
  
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%
    }
  
    .offset-sm-0 {
      margin-left: 0
    }
  
    .offset-sm-1 {
      margin-left: 8.333333%
    }
  
    .offset-sm-2 {
      margin-left: 16.666667%
    }
  
    .offset-sm-3 {
      margin-left: 25%
    }
  
    .offset-sm-4 {
      margin-left: 33.333333%
    }
  
    .offset-sm-5 {
      margin-left: 41.666667%
    }
  
    .offset-sm-6 {
      margin-left: 50%
    }
  
    .offset-sm-7 {
      margin-left: 58.333333%
    }
  
    .offset-sm-8 {
      margin-left: 66.666667%
    }
  
    .offset-sm-9 {
      margin-left: 75%
    }
  
    .offset-sm-10 {
      margin-left: 83.333333%
    }
  
    .offset-sm-11 {
      margin-left: 91.666667%
    }
  
    .g-sm-0,.gx-sm-0 {
      --bs-gutter-x: 0
    }
  
    .g-sm-0,.gy-sm-0 {
      --bs-gutter-y: 0
    }
  
    .g-sm-1,.gx-sm-1 {
      --bs-gutter-x: .25rem
    }
  
    .g-sm-1,.gy-sm-1 {
      --bs-gutter-y: .25rem
    }
  
    .g-sm-2,.gx-sm-2 {
      --bs-gutter-x: .5rem
    }
  
    .g-sm-2,.gy-sm-2 {
      --bs-gutter-y: .5rem
    }
  
    .g-sm-3,.gx-sm-3 {
      --bs-gutter-x: 1rem
    }
  
    .g-sm-3,.gy-sm-3 {
      --bs-gutter-y: 1rem
    }
  
    .g-sm-4,.gx-sm-4 {
      --bs-gutter-x: 1.5rem
    }
  
    .g-sm-4,.gy-sm-4 {
      --bs-gutter-y: 1.5rem
    }
  
    .g-sm-5,.gx-sm-5 {
      --bs-gutter-x: 3rem
    }
  
    .g-sm-5,.gy-sm-5 {
      --bs-gutter-y: 3rem
    }
  
    .g-sm-6,.gx-sm-6 {
      --bs-gutter-x: 5rem
    }
  
    .g-sm-6,.gy-sm-6 {
      --bs-gutter-y: 5rem
    }
  
    .g-sm-7,.gx-sm-7 {
      --bs-gutter-x: 8rem
    }
  
    .g-sm-7,.gy-sm-7 {
      --bs-gutter-y: 8rem
    }
  
    .g-sm-8,.gx-sm-8 {
      --bs-gutter-x: 10rem
    }
  
    .g-sm-8,.gy-sm-8 {
      --bs-gutter-y: 10rem
    }
  
    .g-sm-9,.gx-sm-9 {
      --bs-gutter-x: 11rem
    }
  
    .g-sm-9,.gy-sm-9 {
      --bs-gutter-y: 11rem
    }
  
    .g-sm-10,.gx-sm-10 {
      --bs-gutter-x: 14rem
    }
  
    .g-sm-10,.gy-sm-10 {
      --bs-gutter-y: 14rem
    }
  
    .g-sm-11,.gx-sm-11 {
      --bs-gutter-x: 16rem
    }
  
    .g-sm-11,.gy-sm-11 {
      --bs-gutter-y: 16rem
    }
  
    .g-sm-12,.gx-sm-12 {
      --bs-gutter-x: 20rem
    }
  
    .g-sm-12,.gy-sm-12 {
      --bs-gutter-y: 20rem
    }
  
    .g-sm-sm,.gx-sm-sm {
      --bs-gutter-x: 1rem
    }
  
    .g-sm-sm,.gy-sm-sm {
      --bs-gutter-y: 1rem
    }
  
    .g-sm-md,.gx-sm-md {
      --bs-gutter-x: 2rem
    }
  
    .g-sm-md,.gy-sm-md {
      --bs-gutter-y: 2rem
    }
  
    .g-sm-lg,.gx-sm-lg {
      --bs-gutter-x: 4rem
    }
  
    .g-sm-lg,.gy-sm-lg {
      --bs-gutter-y: 4rem
    }
  
    .g-sm-xl,.gx-sm-xl {
      --bs-gutter-x: 8rem
    }
  
    .g-sm-xl,.gy-sm-xl {
      --bs-gutter-y: 8rem
    }
  }
  
  @media (min-width: 768px) {
    .col-md {
      flex:1 0 0%
    }
  
    .row-cols-md-auto>* {
      flex: 0 0 auto;
      width: auto
    }
  
    .row-cols-md-1>* {
      flex: 0 0 auto;
      width: 100%
    }
  
    .row-cols-md-2>* {
      flex: 0 0 auto;
      width: 50%
    }
  
    .row-cols-md-3>* {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .row-cols-md-4>* {
      flex: 0 0 auto;
      width: 25%
    }
  
    .row-cols-md-5>* {
      flex: 0 0 auto;
      width: 20%
    }
  
    .row-cols-md-6>* {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-md-auto {
      flex: 0 0 auto;
      width: auto
    }
  
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.333333%
    }
  
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%
    }
  
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.666667%
    }
  
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%
    }
  
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.333333%
    }
  
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.666667%
    }
  
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%
    }
  
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.333333%
    }
  
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.666667%
    }
  
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%
    }
  
    .offset-md-0 {
      margin-left: 0
    }
  
    .offset-md-1 {
      margin-left: 8.333333%
    }
  
    .offset-md-2 {
      margin-left: 16.666667%
    }
  
    .offset-md-3 {
      margin-left: 25%
    }
  
    .offset-md-4 {
      margin-left: 33.333333%
    }
  
    .offset-md-5 {
      margin-left: 41.666667%
    }
  
    .offset-md-6 {
      margin-left: 50%
    }
  
    .offset-md-7 {
      margin-left: 58.333333%
    }
  
    .offset-md-8 {
      margin-left: 66.666667%
    }
  
    .offset-md-9 {
      margin-left: 75%
    }
  
    .offset-md-10 {
      margin-left: 83.333333%
    }
  
    .offset-md-11 {
      margin-left: 91.666667%
    }
  
    .g-md-0,.gx-md-0 {
      --bs-gutter-x: 0
    }
  
    .g-md-0,.gy-md-0 {
      --bs-gutter-y: 0
    }
  
    .g-md-1,.gx-md-1 {
      --bs-gutter-x: .25rem
    }
  
    .g-md-1,.gy-md-1 {
      --bs-gutter-y: .25rem
    }
  
    .g-md-2,.gx-md-2 {
      --bs-gutter-x: .5rem
    }
  
    .g-md-2,.gy-md-2 {
      --bs-gutter-y: .5rem
    }
  
    .g-md-3,.gx-md-3 {
      --bs-gutter-x: 1rem
    }
  
    .g-md-3,.gy-md-3 {
      --bs-gutter-y: 1rem
    }
  
    .g-md-4,.gx-md-4 {
      --bs-gutter-x: 1.5rem
    }
  
    .g-md-4,.gy-md-4 {
      --bs-gutter-y: 1.5rem
    }
  
    .g-md-5,.gx-md-5 {
      --bs-gutter-x: 3rem
    }
  
    .g-md-5,.gy-md-5 {
      --bs-gutter-y: 3rem
    }
  
    .g-md-6,.gx-md-6 {
      --bs-gutter-x: 5rem
    }
  
    .g-md-6,.gy-md-6 {
      --bs-gutter-y: 5rem
    }
  
    .g-md-7,.gx-md-7 {
      --bs-gutter-x: 8rem
    }
  
    .g-md-7,.gy-md-7 {
      --bs-gutter-y: 8rem
    }
  
    .g-md-8,.gx-md-8 {
      --bs-gutter-x: 10rem
    }
  
    .g-md-8,.gy-md-8 {
      --bs-gutter-y: 10rem
    }
  
    .g-md-9,.gx-md-9 {
      --bs-gutter-x: 11rem
    }
  
    .g-md-9,.gy-md-9 {
      --bs-gutter-y: 11rem
    }
  
    .g-md-10,.gx-md-10 {
      --bs-gutter-x: 14rem
    }
  
    .g-md-10,.gy-md-10 {
      --bs-gutter-y: 14rem
    }
  
    .g-md-11,.gx-md-11 {
      --bs-gutter-x: 16rem
    }
  
    .g-md-11,.gy-md-11 {
      --bs-gutter-y: 16rem
    }
  
    .g-md-12,.gx-md-12 {
      --bs-gutter-x: 20rem
    }
  
    .g-md-12,.gy-md-12 {
      --bs-gutter-y: 20rem
    }
  
    .g-md-sm,.gx-md-sm {
      --bs-gutter-x: 1rem
    }
  
    .g-md-sm,.gy-md-sm {
      --bs-gutter-y: 1rem
    }
  
    .g-md-md,.gx-md-md {
      --bs-gutter-x: 2rem
    }
  
    .g-md-md,.gy-md-md {
      --bs-gutter-y: 2rem
    }
  
    .g-md-lg,.gx-md-lg {
      --bs-gutter-x: 4rem
    }
  
    .g-md-lg,.gy-md-lg {
      --bs-gutter-y: 4rem
    }
  
    .g-md-xl,.gx-md-xl {
      --bs-gutter-x: 8rem
    }
  
    .g-md-xl,.gy-md-xl {
      --bs-gutter-y: 8rem
    }
  }
  
  @media (min-width: 992px) {
    .col-lg {
      flex:1 0 0%
    }
  
    .row-cols-lg-auto>* {
      flex: 0 0 auto;
      width: auto
    }
  
    .row-cols-lg-1>* {
      flex: 0 0 auto;
      width: 100%
    }
  
    .row-cols-lg-2>* {
      flex: 0 0 auto;
      width: 50%
    }
  
    .row-cols-lg-3>* {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .row-cols-lg-4>* {
      flex: 0 0 auto;
      width: 25%
    }
  
    .row-cols-lg-5>* {
      flex: 0 0 auto;
      width: 20%
    }
  
    .row-cols-lg-6>* {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto
    }
  
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.333333%
    }
  
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%
    }
  
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.666667%
    }
  
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%
    }
  
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.333333%
    }
  
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.666667%
    }
  
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%
    }
  
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.333333%
    }
  
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.666667%
    }
  
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%
    }
  
    .offset-lg-0 {
      margin-left: 0
    }
  
    .offset-lg-1 {
      margin-left: 8.333333%
    }
  
    .offset-lg-2 {
      margin-left: 16.666667%
    }
  
    .offset-lg-3 {
      margin-left: 25%
    }
  
    .offset-lg-4 {
      margin-left: 33.333333%
    }
  
    .offset-lg-5 {
      margin-left: 41.666667%
    }
  
    .offset-lg-6 {
      margin-left: 50%
    }
  
    .offset-lg-7 {
      margin-left: 58.333333%
    }
  
    .offset-lg-8 {
      margin-left: 66.666667%
    }
  
    .offset-lg-9 {
      margin-left: 75%
    }
  
    .offset-lg-10 {
      margin-left: 83.333333%
    }
  
    .offset-lg-11 {
      margin-left: 91.666667%
    }
  
    .g-lg-0,.gx-lg-0 {
      --bs-gutter-x: 0
    }
  
    .g-lg-0,.gy-lg-0 {
      --bs-gutter-y: 0
    }
  
    .g-lg-1,.gx-lg-1 {
      --bs-gutter-x: .25rem
    }
  
    .g-lg-1,.gy-lg-1 {
      --bs-gutter-y: .25rem
    }
  
    .g-lg-2,.gx-lg-2 {
      --bs-gutter-x: .5rem
    }
  
    .g-lg-2,.gy-lg-2 {
      --bs-gutter-y: .5rem
    }
  
    .g-lg-3,.gx-lg-3 {
      --bs-gutter-x: 1rem
    }
  
    .g-lg-3,.gy-lg-3 {
      --bs-gutter-y: 1rem
    }
  
    .g-lg-4,.gx-lg-4 {
      --bs-gutter-x: 1.5rem
    }
  
    .g-lg-4,.gy-lg-4 {
      --bs-gutter-y: 1.5rem
    }
  
    .g-lg-5,.gx-lg-5 {
      --bs-gutter-x: 3rem
    }
  
    .g-lg-5,.gy-lg-5 {
      --bs-gutter-y: 3rem
    }
  
    .g-lg-6,.gx-lg-6 {
      --bs-gutter-x: 5rem
    }
  
    .g-lg-6,.gy-lg-6 {
      --bs-gutter-y: 5rem
    }
  
    .g-lg-7,.gx-lg-7 {
      --bs-gutter-x: 8rem
    }
  
    .g-lg-7,.gy-lg-7 {
      --bs-gutter-y: 8rem
    }
  
    .g-lg-8,.gx-lg-8 {
      --bs-gutter-x: 10rem
    }
  
    .g-lg-8,.gy-lg-8 {
      --bs-gutter-y: 10rem
    }
  
    .g-lg-9,.gx-lg-9 {
      --bs-gutter-x: 11rem
    }
  
    .g-lg-9,.gy-lg-9 {
      --bs-gutter-y: 11rem
    }
  
    .g-lg-10,.gx-lg-10 {
      --bs-gutter-x: 14rem
    }
  
    .g-lg-10,.gy-lg-10 {
      --bs-gutter-y: 14rem
    }
  
    .g-lg-11,.gx-lg-11 {
      --bs-gutter-x: 16rem
    }
  
    .g-lg-11,.gy-lg-11 {
      --bs-gutter-y: 16rem
    }
  
    .g-lg-12,.gx-lg-12 {
      --bs-gutter-x: 20rem
    }
  
    .g-lg-12,.gy-lg-12 {
      --bs-gutter-y: 20rem
    }
  
    .g-lg-sm,.gx-lg-sm {
      --bs-gutter-x: 1rem
    }
  
    .g-lg-sm,.gy-lg-sm {
      --bs-gutter-y: 1rem
    }
  
    .g-lg-md,.gx-lg-md {
      --bs-gutter-x: 2rem
    }
  
    .g-lg-md,.gy-lg-md {
      --bs-gutter-y: 2rem
    }
  
    .g-lg-lg,.gx-lg-lg {
      --bs-gutter-x: 4rem
    }
  
    .g-lg-lg,.gy-lg-lg {
      --bs-gutter-y: 4rem
    }
  
    .g-lg-xl,.gx-lg-xl {
      --bs-gutter-x: 8rem
    }
  
    .g-lg-xl,.gy-lg-xl {
      --bs-gutter-y: 8rem
    }
  }
  
  @media (min-width: 1200px) {
    .col-xl {
      flex:1 0 0%
    }
  
    .row-cols-xl-auto>* {
      flex: 0 0 auto;
      width: auto
    }
  
    .row-cols-xl-1>* {
      flex: 0 0 auto;
      width: 100%
    }
  
    .row-cols-xl-2>* {
      flex: 0 0 auto;
      width: 50%
    }
  
    .row-cols-xl-3>* {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .row-cols-xl-4>* {
      flex: 0 0 auto;
      width: 25%
    }
  
    .row-cols-xl-5>* {
      flex: 0 0 auto;
      width: 20%
    }
  
    .row-cols-xl-6>* {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto
    }
  
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.333333%
    }
  
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%
    }
  
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.666667%
    }
  
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%
    }
  
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.333333%
    }
  
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.666667%
    }
  
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%
    }
  
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.333333%
    }
  
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.666667%
    }
  
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%
    }
  
    .offset-xl-0 {
      margin-left: 0
    }
  
    .offset-xl-1 {
      margin-left: 8.333333%
    }
  
    .offset-xl-2 {
      margin-left: 16.666667%
    }
  
    .offset-xl-3 {
      margin-left: 25%
    }
  
    .offset-xl-4 {
      margin-left: 33.333333%
    }
  
    .offset-xl-5 {
      margin-left: 41.666667%
    }
  
    .offset-xl-6 {
      margin-left: 50%
    }
  
    .offset-xl-7 {
      margin-left: 58.333333%
    }
  
    .offset-xl-8 {
      margin-left: 66.666667%
    }
  
    .offset-xl-9 {
      margin-left: 75%
    }
  
    .offset-xl-10 {
      margin-left: 83.333333%
    }
  
    .offset-xl-11 {
      margin-left: 91.666667%
    }
  
    .g-xl-0,.gx-xl-0 {
      --bs-gutter-x: 0
    }
  
    .g-xl-0,.gy-xl-0 {
      --bs-gutter-y: 0
    }
  
    .g-xl-1,.gx-xl-1 {
      --bs-gutter-x: .25rem
    }
  
    .g-xl-1,.gy-xl-1 {
      --bs-gutter-y: .25rem
    }
  
    .g-xl-2,.gx-xl-2 {
      --bs-gutter-x: .5rem
    }
  
    .g-xl-2,.gy-xl-2 {
      --bs-gutter-y: .5rem
    }
  
    .g-xl-3,.gx-xl-3 {
      --bs-gutter-x: 1rem
    }
  
    .g-xl-3,.gy-xl-3 {
      --bs-gutter-y: 1rem
    }
  
    .g-xl-4,.gx-xl-4 {
      --bs-gutter-x: 1.5rem
    }
  
    .g-xl-4,.gy-xl-4 {
      --bs-gutter-y: 1.5rem
    }
  
    .g-xl-5,.gx-xl-5 {
      --bs-gutter-x: 3rem
    }
  
    .g-xl-5,.gy-xl-5 {
      --bs-gutter-y: 3rem
    }
  
    .g-xl-6,.gx-xl-6 {
      --bs-gutter-x: 5rem
    }
  
    .g-xl-6,.gy-xl-6 {
      --bs-gutter-y: 5rem
    }
  
    .g-xl-7,.gx-xl-7 {
      --bs-gutter-x: 8rem
    }
  
    .g-xl-7,.gy-xl-7 {
      --bs-gutter-y: 8rem
    }
  
    .g-xl-8,.gx-xl-8 {
      --bs-gutter-x: 10rem
    }
  
    .g-xl-8,.gy-xl-8 {
      --bs-gutter-y: 10rem
    }
  
    .g-xl-9,.gx-xl-9 {
      --bs-gutter-x: 11rem
    }
  
    .g-xl-9,.gy-xl-9 {
      --bs-gutter-y: 11rem
    }
  
    .g-xl-10,.gx-xl-10 {
      --bs-gutter-x: 14rem
    }
  
    .g-xl-10,.gy-xl-10 {
      --bs-gutter-y: 14rem
    }
  
    .g-xl-11,.gx-xl-11 {
      --bs-gutter-x: 16rem
    }
  
    .g-xl-11,.gy-xl-11 {
      --bs-gutter-y: 16rem
    }
  
    .g-xl-12,.gx-xl-12 {
      --bs-gutter-x: 20rem
    }
  
    .g-xl-12,.gy-xl-12 {
      --bs-gutter-y: 20rem
    }
  
    .g-xl-sm,.gx-xl-sm {
      --bs-gutter-x: 1rem
    }
  
    .g-xl-sm,.gy-xl-sm {
      --bs-gutter-y: 1rem
    }
  
    .g-xl-md,.gx-xl-md {
      --bs-gutter-x: 2rem
    }
  
    .g-xl-md,.gy-xl-md {
      --bs-gutter-y: 2rem
    }
  
    .g-xl-lg,.gx-xl-lg {
      --bs-gutter-x: 4rem
    }
  
    .g-xl-lg,.gy-xl-lg {
      --bs-gutter-y: 4rem
    }
  
    .g-xl-xl,.gx-xl-xl {
      --bs-gutter-x: 8rem
    }
  
    .g-xl-xl,.gy-xl-xl {
      --bs-gutter-y: 8rem
    }
  }
  
  @media (min-width: 1400px) {
    .col-xxl {
      flex:1 0 0%
    }
  
    .row-cols-xxl-auto>* {
      flex: 0 0 auto;
      width: auto
    }
  
    .row-cols-xxl-1>* {
      flex: 0 0 auto;
      width: 100%
    }
  
    .row-cols-xxl-2>* {
      flex: 0 0 auto;
      width: 50%
    }
  
    .row-cols-xxl-3>* {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .row-cols-xxl-4>* {
      flex: 0 0 auto;
      width: 25%
    }
  
    .row-cols-xxl-5>* {
      flex: 0 0 auto;
      width: 20%
    }
  
    .row-cols-xxl-6>* {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto
    }
  
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.333333%
    }
  
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.666667%
    }
  
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%
    }
  
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.333333%
    }
  
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.666667%
    }
  
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%
    }
  
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.333333%
    }
  
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.666667%
    }
  
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%
    }
  
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.333333%
    }
  
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.666667%
    }
  
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%
    }
  
    .offset-xxl-0 {
      margin-left: 0
    }
  
    .offset-xxl-1 {
      margin-left: 8.333333%
    }
  
    .offset-xxl-2 {
      margin-left: 16.666667%
    }
  
    .offset-xxl-3 {
      margin-left: 25%
    }
  
    .offset-xxl-4 {
      margin-left: 33.333333%
    }
  
    .offset-xxl-5 {
      margin-left: 41.666667%
    }
  
    .offset-xxl-6 {
      margin-left: 50%
    }
  
    .offset-xxl-7 {
      m