#fd .t-hidden {
    display: none !important
}

#fd .t-block {
    display: block !important
}

#fd .t-flex {
    display: flex !important
}

#fd .t-inline-flex {
    display: inline-flex !important
}

#fd .t-inline {
    display: inline !important
}

#fd .t-visible {
    visibility: visible !important
}

#fd .t-invisible {
    visibility: hidden !important
}

#fd .center {
    text-align: center
}

#fd .hidden {
    display: none;
    visibility: hidden
}

#fd .hidden-desktop,
#fd .visible-phone,
#fd .visible-tablet {
    display: none !important
}

#fd .visible-desktop {
    display: inherit !important
}

#fd .visible-print {
    display: none !important
}

#fd .sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

#fd .visible {
    visibility: visible
}

#fd .static {
    position: static
}

#fd .fixed {
    position: fixed
}

#fd .absolute {
    position: absolute
}

#fd .relative {
    position: relative
}

#fd .sticky {
    position: sticky
}

#fd .right-xs {
    right: var(--fd-spacing-xs)
}

#fd .top-md {
    top: var(--fd-spacing-md)
}

#fd .top-no {
    top: 0
}

#fd .left-no {
    left: 0
}

#fd .z-50 {
    z-index: 50
}

#fd .z-0 {
    z-index: 0
}

#fd .z-10 {
    z-index: 10
}

#fd .order-1 {
    order: 1
}

#fd .order-2 {
    order: 2
}

#fd .order-3 {
    order: 3
}

#fd .order-4 {
    order: 4
}

#fd .col-span-1 {
    grid-column: span 1/span 1
}

#fd .col-span-12 {
    grid-column: span 12/span 12
}

#fd .col-span-7 {
    grid-column: span 7/span 7
}

#fd .col-span-5 {
    grid-column: span 5/span 5
}

#fd .col-span-2 {
    grid-column: span 2/span 2
}

#fd .col-span-3 {
    grid-column: span 3/span 3
}

#fd .col-span-4 {
    grid-column: span 4/span 4
}

#fd .col-span-6 {
    grid-column: span 6/span 6
}

#fd .col-span-8 {
    grid-column: span 8/span 8
}

#fd .col-span-9 {
    grid-column: span 9/span 9
}

#fd .col-span-10 {
    grid-column: span 10/span 10
}

#fd .col-span-11 {
    grid-column: span 11/span 11
}

#fd .col-start-auto {
    grid-column-start: auto
}

#fd .col-end-2 {
    grid-column-end: 2
}

#fd .m-lg {
    margin: var(--fd-spacing-lg)
}

#fd .m-no {
    margin: 0
}

#fd .m-3xs {
    margin: var(--fd-spacing-3xs)
}

#fd .m-2xs {
    margin: var(--fd-spacing-2xs)
}

#fd .m-xs {
    margin: var(--fd-spacing-xs)
}

#fd .m-sm {
    margin: var(--fd-spacing-sm)
}

#fd .m-md {
    margin: var(--fd-spacing-md)
}

#fd .m-xl {
    margin: var(--fd-spacing-xl)
}

#fd .m-2xl {
    margin: var(--fd-spacing-2xl)
}

#fd .mx-auto {
    margin-left: auto;
    margin-right: auto
}

#fd .my-no {
    margin-bottom: 0;
    margin-top: 0
}

#fd .mx-md {
    margin-left: var(--fd-spacing-md);
    margin-right: var(--fd-spacing-md)
}

#fd .my-sm {
    margin-bottom: var(--fd-spacing-sm);
    margin-top: var(--fd-spacing-sm)
}

#fd .mx-no {
    margin-left: 0;
    margin-right: 0
}

#fd .mx-3xs {
    margin-left: var(--fd-spacing-3xs);
    margin-right: var(--fd-spacing-3xs)
}

#fd .mx-2xs {
    margin-left: var(--fd-spacing-2xs);
    margin-right: var(--fd-spacing-2xs)
}

#fd .mx-xs {
    margin-left: var(--fd-spacing-xs);
    margin-right: var(--fd-spacing-xs)
}

#fd .mx-sm {
    margin-left: var(--fd-spacing-sm);
    margin-right: var(--fd-spacing-sm)
}

#fd .mx-lg {
    margin-left: var(--fd-spacing-lg);
    margin-right: var(--fd-spacing-lg)
}

#fd .mx-xl {
    margin-left: var(--fd-spacing-xl);
    margin-right: var(--fd-spacing-xl)
}

#fd .mx-2xl {
    margin-left: var(--fd-spacing-2xl);
    margin-right: var(--fd-spacing-2xl)
}

#fd .my-3xs {
    margin-bottom: var(--fd-spacing-3xs);
    margin-top: var(--fd-spacing-3xs)
}

#fd .my-2xs {
    margin-bottom: var(--fd-spacing-2xs);
    margin-top: var(--fd-spacing-2xs)
}

#fd .my-xs {
    margin-bottom: var(--fd-spacing-xs);
    margin-top: var(--fd-spacing-xs)
}

#fd .my-md {
    margin-bottom: var(--fd-spacing-md);
    margin-top: var(--fd-spacing-md)
}

#fd .my-lg {
    margin-bottom: var(--fd-spacing-lg);
    margin-top: var(--fd-spacing-lg)
}

#fd .my-xl {
    margin-bottom: var(--fd-spacing-xl);
    margin-top: var(--fd-spacing-xl)
}

#fd .my-2xl {
    margin-bottom: var(--fd-spacing-2xl);
    margin-top: var(--fd-spacing-2xl)
}

#fd .mr-2xs {
    margin-right: var(--fd-spacing-2xs)
}

#fd .mt-md {
    margin-top: var(--fd-spacing-md)
}

#fd .mb-md {
    margin-bottom: var(--fd-spacing-md)
}

#fd .mb-lg {
    margin-bottom: var(--fd-spacing-lg)
}

#fd .mt-sm {
    margin-top: var(--fd-spacing-sm)
}

#fd .mt-2xl {
    margin-top: var(--fd-spacing-2xl)
}

#fd .mr-xs {
    margin-right: var(--fd-spacing-xs)
}

#fd .ml-xs {
    margin-left: var(--fd-spacing-xs)
}

#fd .ml-auto {
    margin-left: auto
}

#fd .mt-lg {
    margin-top: var(--fd-spacing-lg)
}

#fd .mt-xs {
    margin-top: var(--fd-spacing-xs)
}

#fd .mb-sm {
    margin-bottom: var(--fd-spacing-sm)
}

#fd .-ml-px {
    margin-left: -1px
}

#fd .mb-xs {
    margin-bottom: var(--fd-spacing-xs)
}

#fd .ml-md {
    margin-left: var(--fd-spacing-md)
}

#fd .mt-no {
    margin-top: 0
}

#fd .mt-3xs {
    margin-top: var(--fd-spacing-3xs)
}

#fd .mt-2xs {
    margin-top: var(--fd-spacing-2xs)
}

#fd .mt-xl {
    margin-top: var(--fd-spacing-xl)
}

#fd .mr-no {
    margin-right: 0
}

#fd .mr-3xs {
    margin-right: var(--fd-spacing-3xs)
}

#fd .mr-sm {
    margin-right: var(--fd-spacing-sm)
}

#fd .mr-md {
    margin-right: var(--fd-spacing-md)
}

#fd .mr-lg {
    margin-right: var(--fd-spacing-lg)
}

#fd .mr-xl {
    margin-right: var(--fd-spacing-xl)
}

#fd .mr-2xl {
    margin-right: var(--fd-spacing-2xl)
}

#fd .mb-no {
    margin-bottom: 0
}

#fd .mb-3xs {
    margin-bottom: var(--fd-spacing-3xs)
}

#fd .mb-2xs {
    margin-bottom: var(--fd-spacing-2xs)
}

#fd .mb-xl {
    margin-bottom: var(--fd-spacing-xl)
}

#fd .mb-2xl {
    margin-bottom: var(--fd-spacing-2xl)
}

#fd .ml-no {
    margin-left: 0
}

#fd .ml-3xs {
    margin-left: var(--fd-spacing-3xs)
}

#fd .ml-2xs {
    margin-left: var(--fd-spacing-2xs)
}

#fd .ml-sm {
    margin-left: var(--fd-spacing-sm)
}

#fd .ml-lg {
    margin-left: var(--fd-spacing-lg)
}

#fd .ml-xl {
    margin-left: var(--fd-spacing-xl)
}

#fd .ml-2xl {
    margin-left: var(--fd-spacing-2xl)
}

#fd .-ml-xs {
    margin-left: calc(var(--fd-spacing-xs)*-1)
}

#fd .block {
    display: block
}

#fd .inline-block {
    display: inline-block
}

#fd .inline {
    display: inline
}

#fd .flex {
    display: flex
}

#fd .inline-flex {
    display: inline-flex
}

#fd .table {
    display: table
}

#fd .grid {
    display: grid
}

#fd .contents {
    display: contents
}

#fd .hidden {
    display: none
}

#fd .h-\[6px\] {
    height: 6px
}

#fd .h-3xl {
    height: var(--fd-spacing-3xl)
}

#fd .h-\[48px\] {
    height: 48px
}

#fd .h-5xl {
    height: var(--fd-spacing-5xl)
}

#fd .h-\[1px\] {
    height: 1px
}

#fd .h-full {
    height: 100%
}

#fd .h-\[40px\] {
    height: 40px
}

#fd .h-\[200px\] {
    height: 200px
}

#fd .h-\[20px\] {
    height: 20px
}

#fd .h-md {
    height: var(--fd-spacing-md)
}

#fd .h-\[32px\] {
    height: 32px
}

#fd .max-h-\[280px\] {
    max-height: 280px
}

#fd .max-h-\[380px\] {
    max-height: 380px
}

#fd .max-h-\[320px\] {
    max-height: 320px
}

#fd .max-h-\[340px\] {
    max-height: 340px
}

#fd .min-h-\[100px\] {
    min-height: 100px
}

#fd .w-full {
    width: 100%
}

#fd .w-\[6px\] {
    width: 6px
}

#fd .w-\[280px\] {
    width: 280px
}

#fd .w-3xl {
    width: var(--fd-spacing-3xl)
}

#fd .w-\[48px\] {
    width: 48px
}

#fd .w-\[180px\] {
    width: 180px
}

#fd .w-5xl {
    width: var(--fd-spacing-5xl)
}

#fd .w-\[320px\] {
    width: 320px
}

#fd .w-auto {
    width: auto
}

#fd .w-1\/3 {
    width: 33.333333%
}

#fd .w-2\/3 {
    width: 66.666667%
}

#fd .w-2\/5 {
    width: 40%
}

#fd .w-\[64px\] {
    width: 64px
}

#fd .w-\[40px\] {
    width: 40px
}

#fd .w-2\/12 {
    width: 16.666667%
}

#fd .w-1\/12 {
    width: 8.333333%
}

#fd .w-4\/5 {
    width: 80%
}

#fd .w-3\/5 {
    width: 60%
}

#fd .w-2\/6 {
    width: 33.333333%
}

#fd .w-6\/12 {
    width: 50%
}

#fd .w-7\/12 {
    width: 58.333333%
}

#fd .w-4\/12 {
    width: 33.333333%
}

#fd .w-3\/12 {
    width: 25%
}

#fd .w-8\/12 {
    width: 66.666667%
}

#fd .w-10\/12 {
    width: 83.333333%
}

#fd .w-\[20px\] {
    width: 20px
}

#fd .w-\[60px\] {
    width: 60px
}

#fd .w-1\/6 {
    width: 16.666667%
}

#fd .w-1\/2 {
    width: 50%
}

#fd .w-\[32px\] {
    width: 32px
}

#fd .w-\[640px\] {
    width: 640px
}

#fd .w-\[400px\] {
    width: 400px
}

#fd .w-\[440px\] {
    width: 440px
}

#fd .w-\[480px\] {
    width: 480px
}

#fd .w-screen {
    width: 100vw
}

#fd .w-5\/12 {
    width: 41.666667%
}

#fd .w-9\/12 {
    width: 75%
}

#fd .w-11\/12 {
    width: 91.666667%
}

#fd .w-\[16px\] {
    width: 16px
}

#fd .min-w-0 {
    min-width: 0
}

#fd .min-w-\[280px\] {
    min-width: 280px
}

#fd .min-w-\[64px\] {
    min-width: 64px
}

#fd .min-w-\[300px\] {
    min-width: 300px
}

#fd .min-w-\[240px\] {
    min-width: 240px
}

#fd .max-w-\[200px\] {
    max-width: 200px
}

#fd .max-w-\[100px\] {
    max-width: 100px
}

#fd .max-w-\[60px\] {
    max-width: 60px
}

#fd .flex-1 {
    flex: 1 1 0%
}

#fd .flex-shrink-0 {
    flex-shrink: 0
}

#fd .flex-shrink {
    flex-shrink: 1
}

#fd .flex-grow {
    flex-grow: 1
}

#fd .flex-grow-0 {
    flex-grow: 0
}

#fd .transform {
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform)
}

#fd .cursor-pointer {
    cursor: pointer
}

#fd .cursor-not-allowed {
    cursor: not-allowed
}

#fd .select-none {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#fd .resize-none {
    resize: none
}

#fd .resize {
    resize: both
}

#fd .appearance-none {
    -webkit-appearance: none;
    appearance: none
}

#fd .auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
}

#fd .grid-flow-row {
    grid-auto-flow: row
}

#fd .grid-flow-col {
    grid-auto-flow: column
}

#fd .grid-flow-row-dense {
    grid-auto-flow: row dense
}

#fd .grid-flow-col-dense {
    grid-auto-flow: column dense
}

#fd .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

#fd .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

#fd .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

#fd .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

#fd .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

#fd .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

#fd .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

#fd .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

#fd .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

#fd .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

#fd .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

#fd .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

#fd .grid-cols-avatar {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr))
}

#fd .grid-cols-avatar-sm {
    grid-template-columns: repeat(auto-fill, minmax(24px, 1fr))
}

#fd .grid-cols-avatar-lg {
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr))
}

#fd .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

#fd .flex-row {
    flex-direction: row
}

#fd .flex-row-reverse {
    flex-direction: row-reverse
}

#fd .flex-col {
    flex-direction: column
}

#fd .flex-col-reverse {
    flex-direction: column-reverse
}

#fd .flex-wrap {
    flex-wrap: wrap
}

#fd .flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

#fd .flex-nowrap {
    flex-wrap: nowrap
}

#fd .content-center {
    align-content: center
}

#fd .content-start {
    align-content: flex-start
}

#fd .content-end {
    align-content: flex-end
}

#fd .content-between {
    align-content: space-between
}

#fd .content-around {
    align-content: space-around
}

#fd .content-evenly {
    align-content: space-evenly
}

#fd .items-start {
    align-items: flex-start
}

#fd .items-end {
    align-items: flex-end
}

#fd .items-center {
    align-items: center
}

#fd .items-baseline {
    align-items: baseline
}

#fd .items-stretch {
    align-items: stretch
}

#fd .justify-start {
    justify-content: flex-start
}

#fd .justify-end {
    justify-content: flex-end
}

#fd .justify-center {
    justify-content: center
}

#fd .justify-between {
    justify-content: space-between
}

#fd .justify-around {
    justify-content: space-around
}

#fd .justify-evenly {
    justify-content: space-evenly
}

#fd .justify-items-start {
    justify-items: start
}

#fd .justify-items-end {
    justify-items: end
}

#fd .justify-items-center {
    justify-items: center
}

#fd .justify-items-stretch {
    justify-items: stretch
}

#fd .gap-md {
    gap: var(--fd-spacing-md)
}

#fd .gap-sm {
    gap: var(--fd-spacing-sm)
}

#fd .gap-xs {
    gap: var(--fd-spacing-xs)
}

#fd .gap-lg {
    gap: var(--fd-spacing-lg)
}

#fd .gap-xl {
    gap: var(--fd-spacing-xl)
}

#fd .space-x-xs>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-xs)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-xs)*var(--tw-space-x-reverse))
}

#fd .space-y-md>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-md)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-md)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-y-2xl>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-2xl)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-2xl)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-y-xs>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-xs)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-xs)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-x-md>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-md)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-md)*var(--tw-space-x-reverse))
}

#fd .space-x-2xs>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-2xs)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-2xs)*var(--tw-space-x-reverse))
}

#fd .space-y-lg>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-lg)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-lg)*(1 - var(--tw-space-y-reverse)))
}

#fd .-space-x-2xs>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-2xs)*-1*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-2xs)*-1*var(--tw-space-x-reverse))
}

#fd .space-y-sm>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-sm)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-sm)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-y-2xs>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-2xs)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-2xs)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-x-sm>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-sm)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-sm)*var(--tw-space-x-reverse))
}

#fd .space-x-no>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

#fd .space-y-xl>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--fd-spacing-xl)*var(--tw-space-y-reverse));
    margin-top: calc(var(--fd-spacing-xl)*(1 - var(--tw-space-y-reverse)))
}

#fd .space-x-xl>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--fd-spacing-xl)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--fd-spacing-xl)*var(--tw-space-x-reverse))
}

#fd .space-y-no>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

#fd .divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

#fd .divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

#fd .divide-y-2>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(2px*var(--tw-divide-y-reverse));
    border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)))
}

#fd .divide-solid>:not([hidden])~:not([hidden]) {
    border-style: solid
}

#fd .divide-dashed>:not([hidden])~:not([hidden]) {
    border-style: dashed
}

#fd .divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-divide-opacity)))
}

#fd .divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-divide-opacity)))
}

#fd .divide-primary-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-divide-opacity)))
}

#fd .self-auto {
    align-self: auto
}

#fd .self-start {
    align-self: flex-start
}

#fd .self-end {
    align-self: flex-end
}

#fd .self-center {
    align-self: center
}

#fd .self-stretch {
    align-self: stretch
}

#fd .justify-self-auto {
    justify-self: auto
}

#fd .justify-self-start {
    justify-self: start
}

#fd .justify-self-end {
    justify-self: end
}

#fd .justify-self-center {
    justify-self: center
}

#fd .justify-self-stretch {
    justify-self: stretch
}

#fd .overflow-auto {
    overflow: auto
}

#fd .overflow-hidden {
    overflow: hidden
}

#fd .overflow-x-auto {
    overflow-x: auto
}

#fd .overflow-y-auto {
    overflow-y: auto
}

#fd .truncate {
    overflow: hidden;
    white-space: nowrap
}

#fd .overflow-ellipsis,
#fd .truncate {
    text-overflow: ellipsis
}

#fd .overflow-clip {
    text-overflow: clip
}

#fd .whitespace-nowrap {
    white-space: nowrap
}

#fd .rounded-full {
    border-radius: var(--fd-border-radius-full)
}

#fd .rounded-md {
    border-radius: var(--fd-border-radius-md)
}

#fd .rounded-lg {
    border-radius: var(--fd-border-radius-lg)
}

#fd .rounded-sm {
    border-radius: var(--fd-border-radius-sm)
}

#fd .rounded-no {
    border-radius: 0
}

#fd .rounded-t-lg {
    border-top-left-radius: var(--fd-border-radius-lg)
}

#fd .rounded-r-lg,
#fd .rounded-t-lg {
    border-top-right-radius: var(--fd-border-radius-lg)
}

#fd .rounded-b-lg,
#fd .rounded-r-lg {
    border-bottom-right-radius: var(--fd-border-radius-lg)
}

#fd .rounded-b-lg,
#fd .rounded-l-lg {
    border-bottom-left-radius: var(--fd-border-radius-lg)
}

#fd .rounded-l-lg {
    border-top-left-radius: var(--fd-border-radius-lg)
}

#fd .rounded-t-md {
    border-top-right-radius: var(--fd-border-radius-md)
}

#fd .rounded-l-md,
#fd .rounded-t-md {
    border-top-left-radius: var(--fd-border-radius-md)
}

#fd .rounded-l-md {
    border-bottom-left-radius: var(--fd-border-radius-md)
}

#fd .rounded-r-md {
    border-bottom-right-radius: var(--fd-border-radius-md);
    border-top-right-radius: var(--fd-border-radius-md)
}

#fd .rounded-t-no {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#fd .rounded-tl-lg {
    border-top-left-radius: var(--fd-border-radius-lg)
}

#fd .rounded-tr-lg {
    border-top-right-radius: var(--fd-border-radius-lg)
}

#fd .rounded-br-lg {
    border-bottom-right-radius: var(--fd-border-radius-lg)
}

#fd .rounded-bl-lg {
    border-bottom-left-radius: var(--fd-border-radius-lg)
}

#fd .rounded-bl-md {
    border-bottom-left-radius: var(--fd-border-radius-md)
}

#fd .rounded-br-md {
    border-bottom-right-radius: var(--fd-border-radius-md)
}

#fd .border {
    border-width: 1px
}

#fd .border-2 {
    border-width: 2px
}

#fd .border-l-0 {
    border-left-width: 0
}

#fd .border-r-0 {
    border-right-width: 0
}

#fd .border-t {
    border-top-width: 1px
}

#fd .border-b {
    border-bottom-width: 1px
}

#fd .border-l {
    border-left-width: 1px
}

#fd .border-r {
    border-right-width: 1px
}

#fd .border-b-0 {
    border-bottom-width: 0
}

#fd .border-solid {
    border-style: solid
}

#fd .border-dashed {
    border-style: dashed
}

#fd .border-none {
    border-style: none
}

#fd .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
}

#fd .border-transparent {
    border-color: transparent
}

#fd .border-info-500 {
    --tw-border-opacity: 1;
    border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)))
}

#fd .border-success-500 {
    --tw-border-opacity: 1;
    border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)))
}

#fd .border-danger-500 {
    --tw-border-opacity: 1;
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)))
}

#fd .border-warning-500 {
    --tw-border-opacity: 1;
    border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)))
}

#fd .border-primary-500 {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
}

#fd .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)))
}

#fd .bg-info-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-bg-opacity)))
}

#fd .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)))
}

#fd .bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-bg-opacity)))
}

#fd .bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
}

#fd .bg-warning-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-warning-100-hex, rgba(var(--fd-warning-100), var(--tw-bg-opacity)))
}

#fd .bg-white {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .bg-success-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)))
}

#fd .bg-danger-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)))
}

#fd .bg-transparent {
    background-color: transparent
}

#fd .bg-warning-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-bg-opacity)))
}

#fd .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)))
}

#fd .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
}

#fd .bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-bg-opacity)))
}

#fd .bg-primary-200 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)))
}

#fd .bg-success-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-success-100-hex, rgba(var(--fd-success-100), var(--tw-bg-opacity)))
}

#fd .bg-danger-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-100-hex, rgba(var(--fd-danger-100), var(--tw-bg-opacity)))
}

#fd .bg-info-100 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-info-100-hex, rgba(var(--fd-info-100), var(--tw-bg-opacity)))
}

#fd .bg-danger-200 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-200-hex, rgba(var(--fd-danger-200), var(--tw-bg-opacity)))
}

#fd .bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-400-hex, rgba(var(--fd-primary-400), var(--tw-bg-opacity)))
}

#fd .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-900-hex, rgba(var(--fd-gray-900), var(--tw-bg-opacity)))
}

#fd .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

#fd .from-primary-50 {
    --tw-gradient-from: rgb(var(--fd-primary-50));
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, var(--fd-primary-50-hex, rgba(var(--fd-primary-50), 0)))
}

#fd .to-primary-100 {
    --tw-gradient-to: rgb(var(--fd-primary-100))
}

#fd .to-primary-200 {
    --tw-gradient-to: rgb(var(--fd-primary-200))
}

#fd .p-3xl {
    padding: var(--fd-spacing-3xl)
}

#fd .p-no {
    padding: 0
}

#fd .p-xl {
    padding: var(--fd-spacing-xl)
}

#fd .p-lg {
    padding: var(--fd-spacing-lg)
}

#fd .p-md {
    padding: var(--fd-spacing-md)
}

#fd .p-2xl {
    padding: var(--fd-spacing-2xl)
}

#fd .p-xs {
    padding: var(--fd-spacing-xs)
}

#fd .p-sm {
    padding: var(--fd-spacing-sm)
}

#fd .p-3xs {
    padding: var(--fd-spacing-3xs)
}

#fd .p-2xs {
    padding: var(--fd-spacing-2xs)
}



#fd .py-md {
    padding-bottom: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-md)
}

#fd .px-xs {
    padding-left: var(--fd-spacing-xs);
    padding-right: var(--fd-spacing-xs)
}

#fd .py-2xs {
    padding-bottom: var(--fd-spacing-2xs);
    padding-top: var(--fd-spacing-2xs)
}

#fd .px-xl {
    padding-left: var(--fd-spacing-xl);
    padding-right: var(--fd-spacing-xl)
}

#fd .py-sm {
    padding-bottom: var(--fd-spacing-sm);
    padding-top: var(--fd-spacing-sm)
}




#fd .py-lg {
    padding-bottom: var(--fd-spacing-lg);
    padding-top: var(--fd-spacing-lg)
}

#fd .py-2xl {
    padding-bottom: var(--fd-spacing-2xl);
    padding-top: var(--fd-spacing-2xl)
}

#fd .py-no {
    padding-bottom: 0;
    padding-top: 0
}

#fd .px-no {
    padding-left: 0;
    padding-right: 0
}

#fd .px-2xs {
    padding-left: var(--fd-spacing-2xs);
    padding-right: var(--fd-spacing-2xs)
}

#fd .px-3xs {
    padding-left: var(--fd-spacing-3xs);
    padding-right: var(--fd-spacing-3xs)
}

#fd .px-lg {
    padding-left: var(--fd-spacing-lg);
    padding-right: var(--fd-spacing-lg)
}

#fd .px-2xl {
    padding-left: var(--fd-spacing-2xl);
    padding-right: var(--fd-spacing-2xl)
}

#fd .py-3xs {
    padding-bottom: var(--fd-spacing-3xs);
    padding-top: var(--fd-spacing-3xs)
}

#fd .py-xl {
    padding-bottom: var(--fd-spacing-xl);
    padding-top: var(--fd-spacing-xl)
}

#fd .pr-no {
    padding-right: 0
}

#fd .pl-2xs {
    padding-left: var(--fd-spacing-2xs)
}

#fd .pr-xs {
    padding-right: var(--fd-spacing-xs)
}

#fd .pr-sm {
    padding-right: var(--fd-spacing-sm)
}

#fd .pb-sm {
    padding-bottom: var(--fd-spacing-sm)
}

#fd .pr-md {
    padding-right: var(--fd-spacing-md)
}

#fd .pt-sm {
    padding-top: var(--fd-spacing-sm)
}

#fd .pt-xs {
    padding-top: var(--fd-spacing-xs)
}

#fd .pl-xs {
    padding-left: var(--fd-spacing-xs)
}

#fd .pt-no {
    padding-top: 0
}

#fd .pt-3xs {
    padding-top: var(--fd-spacing-3xs)
}

#fd .pt-2xs {
    padding-top: var(--fd-spacing-2xs)
}

#fd .pt-md {
    padding-top: var(--fd-spacing-md)
}

#fd .pt-lg {
    padding-top: var(--fd-spacing-lg)
}

#fd .pt-xl {
    padding-top: var(--fd-spacing-xl)
}

#fd .pt-2xl {
    padding-top: var(--fd-spacing-2xl)
}

#fd .pr-3xs {
    padding-right: var(--fd-spacing-3xs)
}

#fd .pr-2xs {
    padding-right: var(--fd-spacing-2xs)
}

#fd .pr-lg {
    padding-right: var(--fd-spacing-lg)
}

#fd .pr-xl {
    padding-right: var(--fd-spacing-xl)
}

#fd .pr-2xl {
    padding-right: var(--fd-spacing-2xl)
}

#fd .pb-no {
    padding-bottom: 0
}

#fd .pb-3xs {
    padding-bottom: var(--fd-spacing-3xs)
}

#fd .pb-2xs {
    padding-bottom: var(--fd-spacing-2xs)
}

#fd .pb-xs {
    padding-bottom: var(--fd-spacing-xs)
}

#fd .pb-md {
    padding-bottom: var(--fd-spacing-md)
}

#fd .pb-lg {
    padding-bottom: var(--fd-spacing-lg)
}

#fd .pb-xl {
    padding-bottom: var(--fd-spacing-xl)
}

#fd .pb-2xl {
    padding-bottom: var(--fd-spacing-2xl)
}

#fd .pl-no {
    padding-left: 0
}

#fd .pl-3xs {
    padding-left: var(--fd-spacing-3xs)
}

#fd .pl-sm {
    padding-left: var(--fd-spacing-sm)
}

#fd .pl-md {
    padding-left: var(--fd-spacing-md)
}

#fd .pl-lg {
    padding-left: var(--fd-spacing-lg)
}

#fd .pl-xl {
    padding-left: var(--fd-spacing-xl)
}

#fd .pl-2xl {
    padding-left: var(--fd-spacing-2xl)
}

#fd .text-center {
    text-align: center
}

#fd .text-right {
    text-align: right
}

#fd .align-top {
    vertical-align: top
}

#fd .align-middle {
    vertical-align: middle
}

#fd .align-bottom {
    vertical-align: bottom
}

#fd .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

#fd .font-sans {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

#fd .text-xs {
    font-size: var(--fd-font-size-xs)
}


#fd .text-lg {
    font-size: var(--fd-font-size-lg)
}

#fd .text-xl {
    font-size: var(--fd-font-size-xl)
}

#fd .text-2xl {
    font-size: var(--fd-font-size-2xl)
}

#fd .text-3xl {
    font-size: var(--fd-font-size-3xl)
}

#fd .text-4xl {
    font-size: var(--fd-font-size-4xl)
}

#fd .text-md {
    font-size: var(--fd-font-size-md)
}

#fd .text-5xl {
    font-size: var(--fd-font-size-5xl)
}

#fd .font-bold {
    font-weight: 700
}

#fd .font-normal {
    font-weight: 400
}

#fd .uppercase {
    text-transform: uppercase
}

#fd .lowercase {
    text-transform: lowercase
}



#fd .leading-md {
    line-height: var(--fd-line-height-md)
}



#fd .leading-lg {
    line-height: var(--fd-line-height-lg)
}

#fd .leading-reset {
    line-height: 1
}

#fd .leading-xl {
    line-height: var(--fd-line-height-xl)
}

#fd .leading-2xl {
    line-height: var(--fd-line-height-2xl)
}

#fd .leading-3xl {
    line-height: var(--fd-line-height-3xl)
}

#fd .leading-4xl {
    line-height: var(--fd-line-height-4xl)
}

#fd .leading-2xs {
    line-height: var(--fd-line-height-2xs)
}

#fd .text-gray-900 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-900-hex, rgba(var(--fd-gray-900), var(--tw-text-opacity)))
}

#fd .text-gray-500 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .text-primary-500 {
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .text-gray-800 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .text-warning-500 {
    --tw-text-opacity: 1;
    color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)))
}

#fd .text-primary-400 {
    --tw-text-opacity: 1;
    color: var(--fd-primary-400-hex, rgba(var(--fd-primary-400), var(--tw-text-opacity)))
}

#fd .text-inverse {
    --tw-text-opacity: 1;
    color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)))
}

#fd .text-danger-500 {
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

#fd .text-gray-700 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)))
}

#fd .text-white {
    --tw-text-opacity: 1;
    color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-text-opacity)))
}

#fd .text-gray-300 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .text-primary-300 {
    --tw-text-opacity: 1;
    color: var(--fd-primary-300-hex, rgba(var(--fd-primary-300), var(--tw-text-opacity)))
}

#fd .text-success-500 {
    --tw-text-opacity: 1;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)))
}

#fd .text-info-500 {
    --tw-text-opacity: 1;
    color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)))
}

#fd .text-gray-600 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-600-hex, rgba(var(--fd-gray-600), var(--tw-text-opacity)))
}

#fd .text-primary {
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .text-success {
    --tw-text-opacity: 1;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)))
}

#fd .text-danger {
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

#fd .text-info {
    --tw-text-opacity: 1;
    color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)))
}

#fd .text-warning {
    --tw-text-opacity: 1;
    color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)))
}

#fd .text-primary-600 {
    --tw-text-opacity: 1;
    color: var(--fd-primary-600-hex, rgba(var(--fd-primary-600), var(--tw-text-opacity)))
}

#fd .text-primary-800 {
    --tw-text-opacity: 1;
    color: var(--fd-primary-800-hex, rgba(var(--fd-primary-800), var(--tw-text-opacity)))
}

#fd .text-gray-50 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-text-opacity)))
}

#fd .text-gray-100 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-text-opacity)))
}

#fd .text-gray-200 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-text-opacity)))
}

#fd .text-gray-400 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)))
}

#fd .text-opacity-50 {
    --tw-text-opacity: 0.5
}

#fd .no-underline {
    text-decoration: none
}

#fd .opacity-0 {
    opacity: 0
}

#fd .shadow-none {
    --tw-shadow: 0 0 #0000
}

#fd .shadow-none,
#fd .shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .shadow-sm {
    --tw-shadow: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .02)
}

#fd .shadow-md {
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, .04), 0 5px 10px -1px rgba(0, 0, 0, .08)
}

#fd .shadow-lg,
#fd .shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .shadow-lg {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

#fd .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

#fd .ring-1,
#fd .ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#fd .ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

#fd .ring-inset {
    --tw-ring-inset: inset
}

#fd .ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-black-hex, rgba(var(--fd-black), var(--tw-ring-opacity)))
}

#fd .ring-success-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-ring-opacity)))
}

#fd .ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-ring-opacity)))
}

#fd .ring-opacity-0 {
    --tw-ring-opacity: 0
}

#fd .ring-offset-2 {
    --tw-ring-offset-width: 2px
}

#fd .ring-offset-inverse {
    --tw-ring-offset-color: rgb(var(--fd-color-inverse))
}

#fd .blur {
    --tw-blur: blur(8px)
}

#fd .blur,
#fd .grayscale {
    -webkit-filter: var(--tw-filter);
    filter: var(--tw-filter)
}

#fd .grayscale {
    --tw-grayscale: grayscale(100%)
}

#fd .invert {
    --tw-invert: invert(100%)
}

#fd .invert,
#fd .sepia {
    -webkit-filter: var(--tw-filter);
    filter: var(--tw-filter)
}

#fd .sepia {
    --tw-sepia: sepia(100%)
}

#fd .filter {
    -webkit-filter: var(--tw-filter);
    filter: var(--tw-filter)
}

#fd .transition {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#fd .duration-300 {
    transition-duration: .3s
}

#fd .ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

#fd .hover\:bg-primary-500:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
}

#fd .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
}

#fd .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)))
}

#fd .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-text-opacity)))
}

#fd .hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .hover\:no-underline:hover {
    text-decoration: none
}

#fd .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .active\:focus\:ring-white:active:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-ring-opacity)))
}

#fd .checked\:focus\:active\:bg-white:checked:focus:active {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .dark .dark\:text-gray-100 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-text-opacity)))
}

@media (min-width:768px) {
    #fd .md\:t-hidden {
        display: none !important
    }
    #fd .md\:t-block {
        display: block !important
    }
    #fd .md\:t-flex {
        display: flex !important
    }
    #fd .md\:t-inline-flex {
        display: inline-flex !important
    }
    #fd .md\:t-inline {
        display: inline !important
    }
    #fd .md\:t-visible {
        visibility: visible !important
    }
    #fd .md\:t-invisible {
        visibility: hidden !important
    }
    #fd .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    #fd .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    #fd .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    #fd .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    #fd .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    #fd .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    #fd .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    #fd .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    #fd .md\:col-span-9 {
        grid-column: span 9/span 9
    }
    #fd .md\:col-span-10 {
        grid-column: span 10/span 10
    }
    #fd .md\:col-span-11 {
        grid-column: span 11/span 11
    }
    #fd .md\:col-span-12 {
        grid-column: span 12/span 12
    }
    #fd .md\:m-no {
        margin: 0
    }
    #fd .md\:m-3xs {
        margin: var(--fd-spacing-3xs)
    }
    #fd .md\:m-2xs {
        margin: var(--fd-spacing-2xs)
    }
    #fd .md\:m-xs {
        margin: var(--fd-spacing-xs)
    }
    #fd .md\:m-sm {
        margin: var(--fd-spacing-sm)
    }
    #fd .md\:m-md {
        margin: var(--fd-spacing-md)
    }
    #fd .md\:m-lg {
        margin: var(--fd-spacing-lg)
    }
    #fd .md\:m-xl {
        margin: var(--fd-spacing-xl)
    }
    #fd .md\:m-2xl {
        margin: var(--fd-spacing-2xl)
    }
    #fd .md\:mx-no {
        margin-left: 0;
        margin-right: 0
    }
    #fd .md\:mx-3xs {
        margin-left: var(--fd-spacing-3xs);
        margin-right: var(--fd-spacing-3xs)
    }
    #fd .md\:mx-2xs {
        margin-left: var(--fd-spacing-2xs);
        margin-right: var(--fd-spacing-2xs)
    }
    #fd .md\:mx-xs {
        margin-left: var(--fd-spacing-xs);
        margin-right: var(--fd-spacing-xs)
    }
    #fd .md\:mx-sm {
        margin-left: var(--fd-spacing-sm);
        margin-right: var(--fd-spacing-sm)
    }
    #fd .md\:mx-md {
        margin-left: var(--fd-spacing-md);
        margin-right: var(--fd-spacing-md)
    }
    #fd .md\:mx-lg {
        margin-left: var(--fd-spacing-lg);
        margin-right: var(--fd-spacing-lg)
    }
    #fd .md\:mx-xl {
        margin-left: var(--fd-spacing-xl);
        margin-right: var(--fd-spacing-xl)
    }
    #fd .md\:mx-2xl {
        margin-left: var(--fd-spacing-2xl);
        margin-right: var(--fd-spacing-2xl)
    }
    #fd .md\:my-no {
        margin-bottom: 0;
        margin-top: 0
    }
    #fd .md\:my-3xs {
        margin-bottom: var(--fd-spacing-3xs);
        margin-top: var(--fd-spacing-3xs)
    }
    #fd .md\:my-2xs {
        margin-bottom: var(--fd-spacing-2xs);
        margin-top: var(--fd-spacing-2xs)
    }
    #fd .md\:my-xs {
        margin-bottom: var(--fd-spacing-xs);
        margin-top: var(--fd-spacing-xs)
    }
    #fd .md\:my-sm {
        margin-bottom: var(--fd-spacing-sm);
        margin-top: var(--fd-spacing-sm)
    }
    #fd .md\:my-md {
        margin-bottom: var(--fd-spacing-md);
        margin-top: var(--fd-spacing-md)
    }
    #fd .md\:my-lg {
        margin-bottom: var(--fd-spacing-lg);
        margin-top: var(--fd-spacing-lg)
    }
    #fd .md\:my-xl {
        margin-bottom: var(--fd-spacing-xl);
        margin-top: var(--fd-spacing-xl)
    }
    #fd .md\:my-2xl {
        margin-bottom: var(--fd-spacing-2xl);
        margin-top: var(--fd-spacing-2xl)
    }
    #fd .md\:mt-no {
        margin-top: 0
    }
    #fd .md\:mt-3xs {
        margin-top: var(--fd-spacing-3xs)
    }
    #fd .md\:mt-2xs {
        margin-top: var(--fd-spacing-2xs)
    }
    #fd .md\:mt-xs {
        margin-top: var(--fd-spacing-xs)
    }
    #fd .md\:mt-sm {
        margin-top: var(--fd-spacing-sm)
    }
    #fd .md\:mt-md {
        margin-top: var(--fd-spacing-md)
    }
    #fd .md\:mt-lg {
        margin-top: var(--fd-spacing-lg)
    }
    #fd .md\:mt-xl {
        margin-top: var(--fd-spacing-xl)
    }
    #fd .md\:mt-2xl {
        margin-top: var(--fd-spacing-2xl)
    }
    #fd .md\:mr-no {
        margin-right: 0
    }
    #fd .md\:mr-3xs {
        margin-right: var(--fd-spacing-3xs)
    }
    #fd .md\:mr-2xs {
        margin-right: var(--fd-spacing-2xs)
    }
    #fd .md\:mr-xs {
        margin-right: var(--fd-spacing-xs)
    }
    #fd .md\:mr-sm {
        margin-right: var(--fd-spacing-sm)
    }
    #fd .md\:mr-md {
        margin-right: var(--fd-spacing-md)
    }
    #fd .md\:mr-lg {
        margin-right: var(--fd-spacing-lg)
    }
    #fd .md\:mr-xl {
        margin-right: var(--fd-spacing-xl)
    }
    #fd .md\:mr-2xl {
        margin-right: var(--fd-spacing-2xl)
    }
    #fd .md\:mb-no {
        margin-bottom: 0
    }
    #fd .md\:mb-3xs {
        margin-bottom: var(--fd-spacing-3xs)
    }
    #fd .md\:mb-2xs {
        margin-bottom: var(--fd-spacing-2xs)
    }
    #fd .md\:mb-xs {
        margin-bottom: var(--fd-spacing-xs)
    }
    #fd .md\:mb-sm {
        margin-bottom: var(--fd-spacing-sm)
    }
    #fd .md\:mb-md {
        margin-bottom: var(--fd-spacing-md)
    }
    #fd .md\:mb-lg {
        margin-bottom: var(--fd-spacing-lg)
    }
    #fd .md\:mb-xl {
        margin-bottom: var(--fd-spacing-xl)
    }
    #fd .md\:mb-2xl {
        margin-bottom: var(--fd-spacing-2xl)
    }
    #fd .md\:ml-no {
        margin-left: 0
    }
    #fd .md\:ml-3xs {
        margin-left: var(--fd-spacing-3xs)
    }
    #fd .md\:ml-2xs {
        margin-left: var(--fd-spacing-2xs)
    }
    #fd .md\:ml-xs {
        margin-left: var(--fd-spacing-xs)
    }
    #fd .md\:ml-sm {
        margin-left: var(--fd-spacing-sm)
    }
    #fd .md\:ml-md {
        margin-left: var(--fd-spacing-md)
    }
    #fd .md\:ml-lg {
        margin-left: var(--fd-spacing-lg)
    }
    #fd .md\:ml-xl {
        margin-left: var(--fd-spacing-xl)
    }
    #fd .md\:ml-2xl {
        margin-left: var(--fd-spacing-2xl)
    }
    #fd .md\:ml-auto {
        margin-left: auto
    }
    #fd .md\:block {
        display: block
    }
    #fd .md\:flex {
        display: flex
    }
    #fd .md\:w-1\/3 {
        width: 33.333333%
    }
    #fd .md\:w-5\/12 {
        width: 41.666667%
    }
    #fd .md\:w-auto {
        width: auto
    }
    #fd .md\:w-\[160px\] {
        width: 160px
    }
    #fd .md\:w-\[320px\] {
        width: 320px
    }
    #fd .md\:w-\[180px\] {
        width: 180px
    }
    #fd .md\:w-\[220px\] {
        width: 220px
    }
    #fd .md\:w-\[400px\] {
        width: 400px
    }
    #fd .md\:w-\[280px\] {
        width: 280px
    }
    #fd .md\:w-\[440px\] {
        width: 440px
    }
    #fd .md\:w-\[480px\] {
        width: 480px
    }
    #fd .md\:w-full {
        width: 100%
    }
    #fd .md\:w-screen {
        width: 100vw
    }
    #fd .md\:w-1\/12 {
        width: 8.333333%
    }
    #fd .md\:w-2\/12 {
        width: 16.666667%
    }
    #fd .md\:w-3\/12 {
        width: 25%
    }
    #fd .md\:w-4\/12 {
        width: 33.333333%
    }
    /* #fd .md\:w-6\/12 {
        width: 50%
    } */
    #fd .md\:w-7\/12 {
        width: 58.333333%
    }
    #fd .md\:w-8\/12 {
        width: 66.666667%
    }
    #fd .md\:w-9\/12 {
        width: 75%
    }
    #fd .md\:w-10\/12 {
        width: 83.333333%
    }
    #fd .md\:w-11\/12 {
        width: 91.666667%
    }
    #fd .md\:min-w-0 {
        min-width: 0
    }
    #fd .md\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    #fd .md\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    #fd .md\:max-w-\[120px\] {
        max-width: 120px
    }
    #fd .md\:flex-shrink-0 {
        flex-shrink: 0
    }
    #fd .md\:flex-shrink {
        flex-shrink: 1
    }
    #fd .md\:flex-grow-0 {
        flex-grow: 0
    }
    #fd .md\:flex-grow {
        flex-grow: 1
    }
    #fd .md\:grid-flow-col {
        grid-auto-flow: column
    }
    #fd .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    #fd .md\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    #fd .md\:flex-row {
        flex-direction: row
    }
    #fd .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
    #fd .md\:flex-col {
        flex-direction: column
    }
    #fd .md\:items-center {
        align-items: center
    }
    #fd .md\:justify-between {
        justify-content: space-between
    }
    #fd .md\:gap-sm {
        gap: var(--fd-spacing-sm)
    }
    #fd .md\:space-x-xs>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--fd-spacing-xs)*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--fd-spacing-xs)*var(--tw-space-x-reverse))
    }
    #fd .md\:space-y-no>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }
    #fd .md\:space-x-no>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(0px*var(--tw-space-x-reverse))
    }
    #fd .md\:space-y-xs>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--fd-spacing-xs)*var(--tw-space-y-reverse));
        margin-top: calc(var(--fd-spacing-xs)*(1 - var(--tw-space-y-reverse)))
    }
    #fd .md\:space-y-sm>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--fd-spacing-sm)*var(--tw-space-y-reverse));
        margin-top: calc(var(--fd-spacing-sm)*(1 - var(--tw-space-y-reverse)))
    }
    #fd .md\:space-x-sm>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--fd-spacing-sm)*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--fd-spacing-sm)*var(--tw-space-x-reverse))
    }
    #fd .md\:space-y-md>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--fd-spacing-md)*var(--tw-space-y-reverse));
        margin-top: calc(var(--fd-spacing-md)*(1 - var(--tw-space-y-reverse)))
    }
    #fd .md\:space-x-md>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--fd-spacing-md)*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--fd-spacing-md)*var(--tw-space-x-reverse))
    }
    #fd .md\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    #fd .md\:p-no {
        padding: 0
    }
    #fd .md\:p-3xs {
        padding: var(--fd-spacing-3xs)
    }
    #fd .md\:p-2xs {
        padding: var(--fd-spacing-2xs)
    }
    #fd .md\:p-xs {
        padding: var(--fd-spacing-xs)
    }
    #fd .md\:p-sm {
        padding: var(--fd-spacing-sm)
    }
    #fd .md\:p-md {
        padding: var(--fd-spacing-md)
    }
    #fd .md\:p-lg {
        padding: var(--fd-spacing-lg)
    }
    #fd .md\:p-xl {
        padding: var(--fd-spacing-xl)
    }
    #fd .md\:p-2xl {
        padding: var(--fd-spacing-2xl)
    }
    #fd .md\:px-no {
        padding-left: 0;
        padding-right: 0
    }
    #fd .md\:px-3xs {
        padding-left: var(--fd-spacing-3xs);
        padding-right: var(--fd-spacing-3xs)
    }
    #fd .md\:px-2xs {
        padding-left: var(--fd-spacing-2xs);
        padding-right: var(--fd-spacing-2xs)
    }
    #fd .md\:px-xs {
        padding-left: var(--fd-spacing-xs);
        padding-right: var(--fd-spacing-xs)
    }
    #fd .md\:px-sm {
        padding-left: var(--fd-spacing-sm);
        padding-right: var(--fd-spacing-sm)
    }
    #fd .md\:px-md {
        padding-left: var(--fd-spacing-md);
        padding-right: var(--fd-spacing-md)
    }
    #fd .md\:px-lg {
        padding-left: var(--fd-spacing-lg);
        padding-right: var(--fd-spacing-lg)
    }
    #fd .md\:px-xl {
        padding-left: var(--fd-spacing-xl);
        padding-right: var(--fd-spacing-xl)
    }
    #fd .md\:px-2xl {
        padding-left: var(--fd-spacing-2xl);
        padding-right: var(--fd-spacing-2xl)
    }
    #fd .md\:py-no {
        padding-bottom: 0;
        padding-top: 0
    }
    #fd .md\:py-3xs {
        padding-bottom: var(--fd-spacing-3xs);
        padding-top: var(--fd-spacing-3xs)
    }
    #fd .md\:py-2xs {
        padding-bottom: var(--fd-spacing-2xs);
        padding-top: var(--fd-spacing-2xs)
    }
    #fd .md\:py-xs {
        padding-bottom: var(--fd-spacing-xs);
        padding-top: var(--fd-spacing-xs)
    }
    #fd .md\:py-sm {
        padding-bottom: var(--fd-spacing-sm);
        padding-top: var(--fd-spacing-sm)
    }
    #fd .md\:py-md {
        padding-bottom: var(--fd-spacing-md);
        padding-top: var(--fd-spacing-md)
    }
    #fd .md\:py-lg {
        padding-bottom: var(--fd-spacing-lg);
        padding-top: var(--fd-spacing-lg)
    }
    #fd .md\:py-xl {
        padding-bottom: var(--fd-spacing-xl);
        padding-top: var(--fd-spacing-xl)
    }
    #fd .md\:py-2xl {
        padding-bottom: var(--fd-spacing-2xl);
        padding-top: var(--fd-spacing-2xl)
    }
    #fd .md\:pr-md {
        padding-right: var(--fd-spacing-md)
    }
    #fd .md\:pt-no {
        padding-top: 0
    }
    #fd .md\:pt-3xs {
        padding-top: var(--fd-spacing-3xs)
    }
    #fd .md\:pt-2xs {
        padding-top: var(--fd-spacing-2xs)
    }
    #fd .md\:pt-xs {
        padding-top: var(--fd-spacing-xs)
    }
    #fd .md\:pt-sm {
        padding-top: var(--fd-spacing-sm)
    }
    #fd .md\:pt-md {
        padding-top: var(--fd-spacing-md)
    }
    #fd .md\:pt-lg {
        padding-top: var(--fd-spacing-lg)
    }
    #fd .md\:pt-xl {
        padding-top: var(--fd-spacing-xl)
    }
    #fd .md\:pt-2xl {
        padding-top: var(--fd-spacing-2xl)
    }
    #fd .md\:pr-no {
        padding-right: 0
    }
    #fd .md\:pr-3xs {
        padding-right: var(--fd-spacing-3xs)
    }
    #fd .md\:pr-2xs {
        padding-right: var(--fd-spacing-2xs)
    }
    #fd .md\:pr-xs {
        padding-right: var(--fd-spacing-xs)
    }
    #fd .md\:pr-sm {
        padding-right: var(--fd-spacing-sm)
    }
    #fd .md\:pr-lg {
        padding-right: var(--fd-spacing-lg)
    }
    #fd .md\:pr-xl {
        padding-right: var(--fd-spacing-xl)
    }
    #fd .md\:pr-2xl {
        padding-right: var(--fd-spacing-2xl)
    }
    #fd .md\:pb-no {
        padding-bottom: 0
    }
    #fd .md\:pb-3xs {
        padding-bottom: var(--fd-spacing-3xs)
    }
    #fd .md\:pb-2xs {
        padding-bottom: var(--fd-spacing-2xs)
    }
    #fd .md\:pb-xs {
        padding-bottom: var(--fd-spacing-xs)
    }
    #fd .md\:pb-sm {
        padding-bottom: var(--fd-spacing-sm)
    }
    #fd .md\:pb-md {
        padding-bottom: var(--fd-spacing-md)
    }
    #fd .md\:pb-lg {
        padding-bottom: var(--fd-spacing-lg)
    }
    #fd .md\:pb-xl {
        padding-bottom: var(--fd-spacing-xl)
    }
    #fd .md\:pb-2xl {
        padding-bottom: var(--fd-spacing-2xl)
    }
    #fd .md\:pl-no {
        padding-left: 0
    }
    #fd .md\:pl-3xs {
        padding-left: var(--fd-spacing-3xs)
    }
    #fd .md\:pl-2xs {
        padding-left: var(--fd-spacing-2xs)
    }
    #fd .md\:pl-xs {
        padding-left: var(--fd-spacing-xs)
    }
    #fd .md\:pl-sm {
        padding-left: var(--fd-spacing-sm)
    }
    #fd .md\:pl-md {
        padding-left: var(--fd-spacing-md)
    }
    #fd .md\:pl-lg {
        padding-left: var(--fd-spacing-lg)
    }
    #fd .md\:pl-xl {
        padding-left: var(--fd-spacing-xl)
    }
    #fd .md\:pl-2xl {
        padding-left: var(--fd-spacing-2xl)
    }
}

@media (min-width:768px) and (max-width:979px) {
    #fd .hidden-desktop {
        display: inherit !important
    }
    #fd .visible-desktop {
        display: none !important
    }
    #fd .visible-tablet {
        display: inherit !important
    }
    #fd .hidden-tablet {
        display: none !important
    }
}

@media (min-width:1280px) {
    #fd .xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
}

@media (max-width:767px) {
    #fd .hidden-desktop {
        display: inherit !important
    }
    #fd .visible-desktop {
        display: none !important
    }
    #fd .visible-phone {
        display: inherit !important
    }
    #fd .hidden-phone {
        display: none !important
    }
}

@media print {
    #fd .visible-print {
        display: inherit !important
    }
    #fd .hidden-print {
        display: none !important
    }
}