.live-rates-table-block-component {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-7xl) var(--spacing-xl);
    gap: var(--spacing-4xl);
    @media (min-width: 768px) {
        padding: var(--spacing-9xl) var(--spacing-4xl);
        gap: var(--spacing-7xl);
    }
    @media (min-width: 1024px) {
        padding: var(--spacing-9xl) var(--spacing-8xl);
    }
}
.live-rates-table-block-component.light {
    background-color: #FFF;
}
.live-rates-table-block-component.dark {
    background-color: #0C111D;
}
.live-rates-table-block-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: var(--spacing-none);
    gap: var(--spacing-4xl);
    margin: 0 auto;
    width: 100%;
    [lang="ar"] & {text-align: right;}
    @media (min-width: 1024px) {
        padding: var(--spacing-none) var(--spacing-4xl);
        max-width: var(--container-max-width-desktop);
    }
}
.live-rates-table-block-heading-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--spacing-2xl);
}
.live-rates-table-block-icons {
    display: flex;
    align-items: end;
    width: fit-content;
    gap: var(--spacing-lg);
}
.live-rates-table-block-icon {
    [lang="ar"] & {transform: scaleX(-1)}
    @media (min-width: 1024px) {
        gap: var(--spacing-md);
    }
    .block-icon {
        .dark & {filter: brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(106%) hue-rotate(202deg) brightness(91%) contrast(88%);}
    }
    .block-icon-size-24 {
        width: 24px;
        height: 24px;
    }
    .block-icon-size-48 {
        width: 48px;
        height: 48px;
    }
    .block-icon-size-96 {
        width: 96px;
        height: 96px;
    }
}
.live-rates-table-block-icon svg {
    stroke: white;
}
.live-rates-table-block-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    @media (min-width: 768px) {
        gap: var(--spacing-lg);
    }
}
.live-rates-table-detail-eyebrow {
    letter-spacing: 0.0125em;
    font: var(--english-text-sm-semibold);
    [lang="ar"] & {font: var(--arabic-text-sm-semibold);}
    color: var(--color-teal-700);
    .dark & {color: var(--color-gray-dark-700-dark);}
    @media (min-width: 768px) {
        font: var(--english-text-md-semibold);
        [lang="ar"] &s {font: var(--arabic-text-md-semibold);}
    }
}
.live-rates-table-block-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    @media (min-width: 768px) {
        gap: var(--spacing-2xl);
    }
}
.live-rates-table-detail-title__h2 {
    color: var(--text-primary);
    .dark & {color: var(--color-gray-900-dark);}
    font: var(--english-display-sm-semibold);
    [lang="ar"] & {font: var(--arabic-display-sm-semibold);}
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0;
    @media (min-width: 768px) {
        font: var(--english-display-lg-semibold);
        [lang="ar"] & {font: var(--arabic-display-lg-semibold);}
    }
}
.live-rates-table-detail-subtitle__h2 {
    color: var(--color-gray-700);
    .dark & {color: var(--color-gray-dark-700-dark);}
    letter-spacing: 0.03em;
    margin-bottom: 0;
    font: var(--english-text-md-regular);
    [lang="ar"] & {
        font: var(--arabic-text-md-regular);
        letter-spacing: 0em;
    }
    @media (min-width: 768px) {
        font: var(--english-text-lg-regular);
        [lang="ar"] & {
            font: var(--arabic-text-lg-regular);
            letter-spacing: 0em;
        }
    }
}
.live-rates-widget-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    gap: var(--spacing-3xl);
    max-width: 100%;
    @media (min-width: 1024px) {
        width: 100%;
        padding: var(--spacing-none) var(--spacing-5xl);
        max-width: var(--container-max-width-desktop);
        gap: var(--spacing-4xl);
    }

}
.live-rates-widget-navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    @media (min-width: 768px) {
        gap: 24px;
    }
    @media (min-width: 1024px) {
        flex-direction: row;
        height: 52px;
    }

  .live-rates-widget-nav-boxes {
      align-items: center;
      gap: 16px;
      border-radius: 12px;
      cursor: pointer;
      @media (min-width: 1024px) {
          display: flex;
      }
  }
    .widget-nav-box {
        padding: 12px;
        border-radius: 12px;
        gap: 10px;
        display: inline-block;
        margin: 6px 0;
        background-color: #F9FAFB;
        .dark & {background-color: #161B26;}
        @media (min-width: 768px) {
            margin: 0;
        }
    }
    .widget-nav-box.selected {
      background-color: #161B26;
    }
    .widget-nav-text {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        font-family: var(--font-text);
        color: #101828;
        letter-spacing: 0.045em;
        .dark & {color: #F5F5F6}
        .selected & {color: #F5F5F6}

    }
    .live-rates-widget-nav-dropdown {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 16px;
        border-radius: 6px;
        gap: 8px;
        width: min-content;
        cursor: pointer;
        background-color: #F9FAFB;
        .dark & {background-color: #161B26}
        @media (min-width: 768px) {
            display: flex;
        }

      .live-rates-widget-nav-rate {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: var(--font-text);
        color: #101828;
        .dark & {color: #F5F5F6}

      }
      .live-rates-widget-nav-arrow {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .live-rates-widget-nav-arrow svg {
        width: 16px;
        height: 16px;
        stroke: #344054;
        .dark & {
            stroke: #CECFD2;
        }
      }
    }
}
.live-rates-widget-content {
    display: flex;
    flex-direction: column;
    @media (min-width: 769px) {
        gap: 12px;
    }
    .search-wrapper {
        position: relative;
        width: 100%;
        max-height: 48px;
    }

    .live-rates-table-search {
        width: 100%;
        padding: 8px 12px 8px 40px;
        border-radius: 6px;
        gap: 4px;
        outline: none;
        box-shadow: none;
        transition: border 0.2s ease;

        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: var(--font-text);
        color: #101828;
        border: 1px solid #EAECF0;
        background-color: #FCFCFD;
        .dark & {
            color: #F5F5F6;
            background-color: #161B26;
            border-color: #1F242F;
        }

    }
    .live-rates-table-search::placeholder {
        color: #D0D5DD;
        .dark & {
            color: #333741
        }

    }
    .search-icon {
        position: absolute;
        top: 50%;
        left: 14px;
        transform: translateY(-50%);
        color: #98A2B3;
        pointer-events: none;
    }
}
#pricewidget-new {
    .dataTables_wrapper {
        border: none;
        box-shadow: none;
    }
    table {
        border-collapse: separate !important;
        border-spacing: 0 16px;
        border: none;
        @media (min-width: 769px) {
            border-spacing: 0 4px;
        }
    }
    th {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: var(--font-text);
        border: none;
        color: #101828;
        background-color: #FFFFFF;
        .dark & {
            color: #F5F5F6;
            background-color: #0C111D;
        }

        width: 100%;
        @media (min-width: 769px) and (max-width: 1100px) {
            padding: 16px 8px;
            font-size: 14px;
            line-height: 20px;
        }
    }
    th:first-child {
        text-align: left;
        min-width: unset;
        @media (min-width: 1024px) {
            max-width: 118px;
        }
    }
    tr {
        flex-direction: column;
        padding: 8px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        @media (min-width: 1024px) {
            flex-direction: row;
        }
    }
    td {
        padding: 8px 16px;
        border: none;

        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: var(--font-text);
        color: #101828;
        .dark & {
            color: #F5F5F6;
            --bs-table-accent-bg: #0C111D;
        }


        @media (min-width: 1024px) {
            min-height: 32px;
        }
        @media (min-width: 769px) and (max-width: 1100px) {
            padding: 8px;
            font-size: 12px;
            line-height: 18px;
        }

        div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 4px 8px;
            border-radius: 4px;

            &.down,
            &.up {
                font-weight: 400;
                color: #101828;

                .dark & {
                    color: #F5F5F6;
                }

                &:after {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    content: "";
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    margin-left: 8px;
                }

                @media (max-width: 768px) {
                    margin-left: 0;
                }
            }

            &.down {
                background-color: #FEF3F2;

                .dark & {
                    background-color: #55160C;
                }

                &:after {
                    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%206L8%2010L12%206%22%20stroke%3D%22%23D92D20%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
                }
            }

            &.up {
                background-color: #EFFDFD;

                .dark & {
                    background-color: #000700;
                }

                &:after {
                    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%2010L8%206L4%2010%22%20stroke%3D%22%23008D89%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
                }
            }
        }
    }

    td:first-child {
        position: relative;
        display: flex;
        align-items: end;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        font-family: var(--font-text);
        color: #101828;
        .dark & {color: #F5F5F6;}

        @media (max-width: 768px) {
            --bs-table-accent-bg: #F9FAFB;
            .dark & {--bs-table-accent-bg: #161B26;}
        }
    }
    &.show-flag-icon {
        td:first-child {
            padding-left: 40px;
            @media (min-width: 769px) and (max-width: 1100px) {
                font-size: 16px;
                line-height: 24px;
            }
            @media (min-width: 769px) {
                padding-left: 16px;
            }
        }
        td:first-child::before {
            content: '';
            display: inline-block;
            top: 45%;
            left: 10px;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D'48'%20height%3D'48'%20viewBox%3D'0%200%2048%2048'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cmask%20id%3D'mask0_3121_5274'%20style%3D'mask-type%3Aalpha'%20maskUnits%3D'userSpaceOnUse'%20x%3D'20'%20y%3D'12'%20width%3D'16'%20height%3D'16'%3E%20%3Cpath%20d%3D'M28%2028C32.4183%2028%2036%2024.4183%2036%2020C36%2015.5817%2032.4183%2012%2028%2012C23.5817%2012%2020%2015.5817%2020%2020C20%2024.4183%2023.5817%2028%2028%2028Z'%20fill%3D'white'%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D'url(%23mask0_3121_5274)'%3E%20%3Cpath%20d%3D'M16.3333%2012H39.6666V27.928H16.3333V12Z'%20fill%3D'%233F51B5'%2F%3E%20%3Cpath%20d%3D'M28.0013%2013.5928L28.2913%2014.1854L28.9393%2014.2801L28.4726%2014.7408L28.5833%2015.3921L28.0033%2015.0848L27.4233%2015.3921L27.534%2014.7408L27.0673%2014.2801L27.7153%2014.1854L28.0013%2013.5928ZM25.2146%2014.4328L25.5046%2015.0254L26.1526%2015.1208L25.686%2015.5814L25.7966%2016.2328L25.2166%2015.9254L24.6366%2016.2328L24.7466%2015.5814L24.28%2015.1208L24.9286%2015.0254L25.2146%2014.4328ZM23.2366%2016.2734L23.5266%2016.8661L24.1753%2016.9608L23.7086%2017.4214L23.8186%2018.0728L23.2386%2017.7654L22.6586%2018.0728L22.7693%2017.4214L22.3026%2016.9608L22.9506%2016.8661L23.2366%2016.2734ZM30.7873%2014.4328L30.4973%2015.0254L29.8493%2015.1208L30.316%2015.5814L30.2053%2016.2328L30.7853%2015.9254L31.3653%2016.2328L31.2553%2015.5814L31.722%2015.1208L31.0733%2015.0254L30.7873%2014.4328ZM25.214%2023.3861L25.504%2023.9788L26.152%2024.0741L25.6853%2024.5348L25.796%2025.1861L25.216%2024.8788L24.636%2025.1861L24.746%2024.5348L24.2793%2024.0741L24.928%2023.9788L25.214%2023.3861ZM30.7873%2023.3861L30.4973%2023.9788L29.8493%2024.0741L30.316%2024.5348L30.2053%2025.1861L30.7853%2024.8788L31.3653%2025.1861L31.2553%2024.5348L31.722%2024.0741L31.0733%2023.9788L30.7873%2023.3861ZM32.77%2016.2734L32.48%2016.8661L31.8313%2016.9608L32.298%2017.4214L32.188%2018.0728L32.768%2017.7654L33.348%2018.0728L33.2373%2017.4214L33.704%2016.9608L33.056%2016.8661L32.77%2016.2734ZM23.2366%2021.5188L23.5266%2022.1114L24.1753%2022.2068L23.7086%2022.6674L23.8186%2023.3188L23.2386%2023.0114L22.6586%2023.3188L22.7693%2022.6674L22.3026%2022.2068L22.9506%2022.1114L23.2366%2021.5188ZM32.77%2021.5188L32.48%2022.1114L31.8313%2022.2068L32.298%2022.6674L32.188%2023.3188L32.768%2023.0114L33.348%2023.3188L33.2373%2022.6674L33.704%2022.2068L33.056%2022.1114L32.77%2021.5188ZM33.43%2019.0641L33.72%2019.6568L34.368%2019.7521L33.9013%2020.2128L34.012%2020.8641L33.432%2020.5568L32.852%2020.8641L32.9626%2020.2128L32.492%2019.7521L33.1406%2019.6568L33.43%2019.0641ZM22.5773%2019.0641L22.8673%2019.6568L23.516%2019.7521L23.0493%2020.2128L23.16%2020.8641L22.58%2020.5568L22%2020.8641L22.1106%2020.2128L21.644%2019.7521L22.292%2019.6568L22.5773%2019.0641ZM28.0033%2024.5354L28.2933%2025.1281L28.9413%2025.2234L28.4746%2025.6841L28.5846%2026.3354L28.0046%2026.0281L27.4246%2026.3354L27.5353%2025.6841L27.0686%2025.2234L27.7166%2025.1281L28.0033%2024.5354Z'%20fill%3D'%23FFEB3B'%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D'M28%2028C32.4183%2028%2036%2024.4183%2036%2020C36%2015.5817%2032.4183%2012%2028%2012C23.5817%2012%2020%2015.5817%2020%2020C20%2024.4183%2023.5817%2028%2028%2028Z'%20stroke%3D'%23FCFCFC'%2F%3E%20%3Cmask%20id%3D'mask1_3121_5274'%20style%3D'mask-type%3Aalpha'%20maskUnits%3D'userSpaceOnUse'%20x%3D'20'%20y%3D'20'%20width%3D'16'%20height%3D'16'%3E%20%3Cpath%20d%3D'M28%2036C32.4183%2036%2036%2032.4183%2036%2028C36%2023.5817%2032.4183%2020%2028%2020C23.5817%2020%2020%2023.5817%2020%2028C20%2032.4183%2023.5817%2036%2028%2036Z'%20fill%3D'white'%2F%3E%20%3Cpath%20d%3D'M28%2035.6668C32.2342%2035.6668%2035.6666%2032.2343%2035.6666%2028.0002C35.6666%2023.766%2032.2342%2020.3335%2028%2020.3335C23.7658%2020.3335%2020.3333%2023.766%2020.3333%2028.0002C20.3333%2032.2343%2023.7658%2035.6668%2028%2035.6668Z'%20fill%3D'white'%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D'url(%23mask1_3121_5274)'%3E%20%3Cpath%20d%3D'M19.2207%2020H44.5034V36.1787H19.2207V20Z'%20fill%3D'white'%2F%3E%20%3Cpath%20d%3D'M19.2207%2020H44.5047V21.8H19.2207V20ZM19.2207%2023.5953H44.5047V25.3953H19.2207V23.5953ZM19.2207%2027.1907H44.5047V28.9907H19.2207V27.1907ZM19.2207%2030.786H44.5047V32.586H19.2207V30.786ZM19.2207%2034.3813H44.5047V36.1813H19.2207V34.3813Z'%20fill%3D'%23F44336'%2F%3E%20%3Cpath%20d%3D'M19.2207%2020H31.2874V28.988H19.2207V20Z'%20fill%3D'%233F51B5'%2F%3E%20%3Cpath%20d%3D'M20.5134%2021.1987L20.78%2021.7907L21.376%2021.8854L20.9454%2022.3467L21.0474%2022.9961L20.514%2022.6894L19.9807%2022.9961L20.0827%2022.3467L19.6514%2021.8854L20.2474%2021.7907L20.5134%2021.1987ZM22.812%2021.1987L23.0787%2021.7907L23.6747%2021.8854L23.244%2022.3467L23.346%2022.9961L22.8127%2022.6894L22.2794%2022.9961L22.3814%2022.3467L21.9514%2021.8854L22.5474%2021.7907L22.812%2021.1987ZM25.1107%2021.1987L25.3774%2021.7907L25.9734%2021.8854L25.5427%2022.3467L25.6447%2022.9961L25.1114%2022.6894L24.578%2022.9961L24.68%2022.3467L24.2494%2021.8854L24.8454%2021.7907L25.1107%2021.1987ZM27.4094%2021.1987L27.676%2021.7907L28.272%2021.8854L27.8414%2022.3467L27.9434%2022.9961L27.41%2022.6894L26.8767%2022.9961L26.9787%2022.3467L26.548%2021.8854L27.144%2021.7907L27.4094%2021.1987ZM29.564%2021.1987L29.8307%2021.7907L30.4267%2021.8854L29.996%2022.3467L30.098%2022.9961L29.5647%2022.6894L29.0314%2022.9961L29.1334%2022.3467L28.7027%2021.8854L29.2987%2021.7907L29.564%2021.1987ZM20.5134%2025.9927L20.78%2026.5847L21.376%2026.6794L20.9454%2027.1407L21.0474%2027.7901L20.514%2027.4834L19.9807%2027.7901L20.0827%2027.1407L19.652%2026.6794L20.248%2026.5847L20.5134%2025.9927ZM22.812%2025.9927L23.0787%2026.5847L23.6747%2026.6794L23.244%2027.1407L23.346%2027.7901L22.8127%2027.4834L22.2794%2027.7901L22.3814%2027.1407L21.9514%2026.6794L22.5474%2026.5847L22.812%2025.9927ZM25.1107%2025.9927L25.3774%2026.5847L25.9734%2026.6794L25.5427%2027.1407L25.6447%2027.7901L25.1114%2027.4834L24.578%2027.7901L24.68%2027.1407L24.2494%2026.6794L24.8454%2026.5847L25.1107%2025.9927ZM27.4094%2025.9927L27.676%2026.5847L28.272%2026.6794L27.8414%2027.1407L27.9434%2027.7901L27.41%2027.4834L26.8767%2027.7901L26.9787%2027.1407L26.548%2026.6794L27.144%2026.5847L27.4094%2025.9927ZM29.564%2025.9927L29.8307%2026.5847L30.4267%2026.6794L29.996%2027.1407L30.098%2027.7901L29.5647%2027.4834L29.0314%2027.7901L29.1334%2027.1407L28.7027%2026.6794L29.2987%2026.5847L29.564%2025.9927ZM21.0847%2023.5987L21.3514%2024.1907L21.9474%2024.2854L21.5167%2024.7467L21.6187%2025.3961L21.0854%2025.0894L20.552%2025.3961L20.654%2024.7467L20.2234%2024.2854L20.8194%2024.1907L21.0847%2023.5987ZM23.3834%2023.5987L23.65%2024.1907L24.246%2024.2854L23.818%2024.7434L23.92%2025.3927L23.3867%2025.0861L22.8534%2025.3927L22.9554%2024.7434L22.5247%2024.2821L23.1207%2024.1874L23.3834%2023.5987ZM25.682%2023.5987L25.9487%2024.1907L26.5447%2024.2854L26.114%2024.7467L26.216%2025.3961L25.6827%2025.0894L25.1494%2025.3961L25.2514%2024.7467L24.8207%2024.2854L25.4167%2024.1907L25.682%2023.5987ZM27.9807%2023.5987L28.2474%2024.1907L28.8434%2024.2854L28.4127%2024.7467L28.5147%2025.3961L27.9814%2025.0894L27.448%2025.3961L27.55%2024.7467L27.1194%2024.2854L27.7154%2024.1907L27.9807%2023.5987ZM30.1354%2023.5987L30.402%2024.1907L30.998%2024.2854L30.5674%2024.7467L30.6694%2025.3961L30.136%2025.0894L29.6027%2025.3961L29.7047%2024.7467L29.274%2024.2854L29.87%2024.1907L30.1354%2023.5987Z'%20fill%3D'white'%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D'M28%2036C32.4183%2036%2036%2032.4183%2036%2028C36%2023.5817%2032.4183%2020%2028%2020C23.5817%2020%2020%2023.5817%2020%2028C20%2032.4183%2023.5817%2036%2028%2036Z'%20stroke%3D'%23FCFCFC'%2F%3E%20%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-position: center;
            flex-shrink: 0;
            transform: none !important;
            @media (min-width: 769px) {
                left: unset;
                margin-right: 8px;
            }
            @media (min-width: 1100px) {
                height: 30px;
            }
        }
    }
    .skeleton-table-body tr  {
      display: flex;
    }
    .skeleton-table-body tr td  {
    margin: 0 auto;
    }
    .skeleton-table-body tr td:first-child::before {
      display: none;
    }
    .skeleton-table-loader {
        text-align: center;
        padding: 12px 0;
        border-radius: 12px;
        background-color: #F9FAFB;
        margin-bottom: 24px;
        @media (min-width: 769px) {
            margin-bottom: 0;
        }
    }
    .first-header {
        border-radius: 12px;
        background-color: #F9FAFB;
        @media (min-width: 769px) {
            background-color: inherit;
        }
    }
    .loader-header {
        display: none;
        @media (min-width: 769px) {
            display: table-cell;
        }
    }
td:first-child::after {
    top: 50%;
    right: 1rem;
    margin-top: -9px;
    position: absolute;
    transition: transform .2s ease-in-out;
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg id%3D%22chevron-up%22%3E%3Cpath id%3D%22Icon%22 d%3D%22M6 9L12 15L18 9%22 stroke%3D%22%23101828%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    @media (min-width: 769px){
        display: none;
    }
}
tr.parent > td:first-child::after {
    transform: rotate(-180deg);
}
    #price_widget_table > tbody > tr.child > td.child {
    padding: 0;
}
    #price_widget_table > tbody > tr.child > td.child > ul.dtr-details > li {
    padding: 16px;
    justify-content: space-between;
        border: none;
}
#price_widget_table > tbody > tr.child > td.child > ul.dtr-details > li:nth-child(even) {
    background-color: #F9FAFB;
    .dark & {background-color: #161B26;}
}
#price_widget_table > tbody > tr.child > td.child > ul.dtr-details > li:nth-child(odd) {
    background-color: #FFFFFF;
    .dark & {background-color: #0C111D;}
}
        #price_widget_table > tbody > tr.child > td.child::after {
  display: none !important;
}

table.dataTable thead th:not(:first-child).sorting:before,
table.dataTable thead th:not(:first-child).sorting_asc:before,
table.dataTable thead th:not(:first-child).sorting_asc_disabled:before,
table.dataTable thead th:not(:first-child).sorting_desc:before,
table.dataTable thead th:not(:first-child).sorting_desc_disabled:before,

table.dataTable thead th:not(:first-child).sorting:after,
table.dataTable thead th:not(:first-child).sorting_asc:after,
table.dataTable thead th:not(:first-child).sorting_asc_disabled:after,
table.dataTable thead th:not(:first-child).sorting_desc:after,
table.dataTable thead th:not(:first-child).sorting_desc_disabled:after {
  content: none !important;
  background-image: none !important;
}
.dataTables_scrollBody thead .sorting:before,
.dataTables_scrollBody thead .sorting_asc:before,
.dataTables_scrollBody thead .sorting_asc_disabled:before,
.dataTables_scrollBody thead .sorting_desc:before,
.dataTables_scrollBody thead .sorting_desc_disabled:before,

.dataTables_scrollBody thead .sorting:after,
.dataTables_scrollBody thead .sorting_asc:after,
.dataTables_scrollBody thead .sorting_asc_disabled:after,
.dataTables_scrollBody thead .sorting_desc:after,
.dataTables_scrollBody thead .sorting_desc_disabled:after {
  content: none !important;
  background-image: none !important;
}

.dataTables_scrollBody thead .sorting,
.dataTables_scrollBody thead .sorting_asc,
.dataTables_scrollBody thead .sorting_desc {
  cursor: default !important;
}
thead th::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 13px !important;
  right: 16px !important;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14L12 9L17 14' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center !important;
  vertical-align: middle;
  opacity: 0.7;
}
thead th::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 22px !important;
  left: auto;
  right: 16px !important;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center !important;
  vertical-align: middle;
  opacity: 0.7;
}
table.dataTable thead th.sorting::before,
table.dataTable thead th.sorting::after {
  opacity: 0.3 !important;
}
table.dataTable thead th.sorting_asc::before {
  opacity: 1 !important;
}
table.dataTable thead th.sorting_asc::after {
  opacity: 0.3 !important;
}
table.dataTable thead th.sorting_desc::before {
  opacity: 0.3 !important;
}
table.dataTable thead th.sorting_desc::after {
  opacity: 1 !important;
}

    .table-striped tbody tr:nth-of-type(odd) * {
        .dark & {--bs-table-accent-bg: #0C111D}
    }
    .table-striped tbody tr:nth-of-type(even) * {
        .dark & {--bs-table-accent-bg: #161B26}
    }

    .dtr-details {
        width: 100%;
    }
    .dtr-control {
        padding: 16px;
    }
    .dtr-title {
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400 !important;
        font-family: var(--font-text);
        color: #101828;
        .dark & {
            color: #F5F5F6;
        }

    }
    .dtr-data {
        text-align: right;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        font-family: var(--font-text);
        color: #101828;
        .dark & {
            color: #F5F5F6;
        }

    }
}
.live-rates-widget-empty {
    display: none;
    padding: 16px 0;
    margin-bottom: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--font-text);
    color: #101828;
    background-color: #F9FAFB;
    .dark & {
        color: #F5F5F6;
        background-color: #161B26;
    }

}
.live-rates-widget-footer {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 8px;
    @media (min-width: 769px){
        padding: 0 24px;
    }

    .button {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 10px 0;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        font-family: var(--font-text);
        color: #475467;
        .dark & {color: #94969C}

        gap: 8px;
    }
    .see-all::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        vertical-align: sub;
        margin-left: 8px;
    }
    .see-less::after {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        display: inline-block;
        vertical-align: sub;
        margin-left: 8px;
    }
    .widget-footer-content p {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: var(--font-text);
        color: #475467;
        .dark & {color: #94969C}

    }
}
.live-rates-table-block-component.dark input::placeholder {
    color: #333741;
}
.live-rates-table-block-component.dark .see-all::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394969C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
.live-rates-table-block-component.dark .see-less::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394969C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
.live-rates-table-block-component.dark td:first-child::after {
    background-image: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg id%3D%22chevron-up%22%3E%3Cpath id%3D%22Icon%22 d%3D%22M6 9L12 15L18 9%22 stroke%3D%22%2394969C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}