.trendyol-required-attribute-field .fi-fo-field-label-required-mark {
    font-size: 1.05rem;
    line-height: 1;
}

@media (min-width: 64rem) {
    .trendyol-cron-log-tabs.fi-vertical > .fi-tabs {
        width: 33.333333%;
        flex: none;
    }

    .trendyol-cron-log-tabs.fi-vertical > .fi-sc-tabs-tab.fi-active {
        width: 66.666667%;
        min-width: 0;
    }
}

.trendyol-cron-logs-section > .fi-section-content-ctn > .fi-section-content {
    padding: 0.5rem;
}

.trendyol-cron-log-tabs.fi-contained > .fi-tabs.fi-contained {
    padding: 0.5rem;
}

.trendyol-cron-log-tabs.fi-contained > .fi-sc-tabs-tab.fi-active {
    margin-inline-start: 0.5rem;
    padding: 0.5rem;
}

.trendyol-cron-log-tab > .fi-sc-component {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}

.trendyol-cron-log-tab .fi-sc-actions {
    margin-bottom: 0.25rem;
}

.trendyol-cron-log-tab .fi-fo-field,
.trendyol-cron-log-tab .fi-fo-textarea {
    width: 100%;
    min-width: 0;
}

.trendyol-attribute-matcher-modal > .fi-modal-header {
    padding: 0.875rem 1rem 0.5rem;
}

.trendyol-attribute-matcher-modal > .fi-modal-content {
    flex: 0 1 auto;
    min-height: 0;
    padding: 0.625rem 1rem;
    overflow: hidden;
}

.trendyol-attribute-matcher-modal > .fi-modal-footer {
    z-index: 10;
    flex-shrink: 0;
    margin-top: 0;
    padding: 0.625rem 1rem;
    background: var(--color-white);
}

.dark .trendyol-attribute-matcher-modal > .fi-modal-footer {
    background: var(--gray-900);
}

.trendyol-attribute-matcher-modal {
    --trendyol-attribute-table-height: calc(100dvh - 13rem);

    max-height: calc(100dvh - 2rem) !important;
    overflow: clip !important;
    overscroll-behavior: none;
}

.trendyol-attribute-matcher-modal .trendyol-load-values-action {
    width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    padding: 0;
}

.trendyol-load-values-action .fi-icon {
    width: 1.75rem;
    height: 1.75rem;
}

.trendyol-custom-attribute-value-notice {
    padding-inline: 0.5rem;
    text-align: center;
    font-size: 0.625rem !important;
    line-height: 0.75rem !important;
    color: var(--gray-500);
    overflow-wrap: anywhere;
    white-space: normal;
}

.trendyol-custom-attribute-value-notice * {
    font-size: inherit !important;
    line-height: inherit !important;
}

.trendyol-attribute-table-panel > .fi-section {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: visible;
}

.trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn {
    min-height: 0;
    overflow: visible;
}

.trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content {
    border: 1px solid var(--gray-200);
    border-radius: 0.625rem;
    background: var(--color-white);
    height: var(--trendyol-attribute-table-height);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    scroll-padding-bottom: 1rem;
    scrollbar-color: var(--gray-400) var(--gray-100);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.dark .trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content {
    border-color: color-mix(in srgb, white 12%, transparent);
    background: var(--gray-900);
}

.trendyol-matcher-table {
    min-height: 100%;
    overflow: visible;
}

.trendyol-matcher-table > table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.trendyol-matcher-table > table > thead {
    position: sticky;
    z-index: 1;
    top: 0;
}

.trendyol-matcher-table > table > thead > tr > th {
    height: 2.5rem;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
    vertical-align: middle;
}

.dark .trendyol-matcher-table > table > thead > tr > th {
    background: color-mix(in srgb, white 4%, transparent);
    border-bottom-color: color-mix(in srgb, white 12%, transparent);
}

.trendyol-matcher-table > table > tbody > tr:hover > td {
    background-color: color-mix(in srgb, var(--gray-500) 5%, transparent);
}

.trendyol-create-attribute-action {
    display: none !important;
}

.trendyol-attributes-table .fi-input-wrp-suffix:has(.trendyol-create-attribute-action) {
    display: none;
}

.trendyol-auto-match-action {
    display: none !important;
}

.trendyol-our-attribute-table-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.trendyol-auto-match-table-action {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--gray-500);
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1rem;
}

.trendyol-auto-match-table-action:hover {
    color: var(--primary-600);
}

.trendyol-auto-match-table-action-icon {
    width: 0.875rem;
    height: 0.875rem;
}

.trendyol-attributes-table > table > tbody > tr > td {
    border-bottom: 1px solid var(--gray-200);
    transition: background-color 150ms ease;
    vertical-align: middle;
}

.trendyol-attributes-table > table > tbody > tr:last-child > td,
.trendyol-remote-values-table > table > tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.dark .trendyol-attributes-table > table > tbody > tr > td,
.dark .trendyol-remote-values-table > table > tbody > tr > td {
    border-bottom-color: color-mix(in srgb, white 12%, transparent);
}

.trendyol-attributes-table > table > thead > tr > th:not(:last-child),
.trendyol-attributes-table > table > tbody > tr > td:not(:last-child),
.trendyol-remote-values-table > table > thead > tr > th:not(:last-child),
.trendyol-remote-values-table > table > tbody > tr > td:not(:last-child) {
    border-inline-end: 1px solid var(--gray-200);
}

.dark .trendyol-attributes-table > table > thead > tr > th:not(:last-child),
.dark .trendyol-attributes-table > table > tbody > tr > td:not(:last-child),
.dark .trendyol-remote-values-table > table > thead > tr > th:not(:last-child),
.dark .trendyol-remote-values-table > table > tbody > tr > td:not(:last-child) {
    border-inline-end-color: color-mix(in srgb, white 12%, transparent);
}

.trendyol-attributes-table > table > tbody > tr:has(.trendyol-attribute-row-marker[data-active='true']) > td {
    background-color: color-mix(in srgb, var(--primary-500) 7%, transparent);
}

.dark .trendyol-attributes-table > table > tbody > tr:has(.trendyol-attribute-row-marker[data-active='true']) > td {
    background-color: color-mix(in srgb, var(--primary-400) 12%, transparent);
}

.trendyol-attributes-table .fi-fo-placeholder {
    padding-inline: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
}

.trendyol-attributes-table .fi-select-input-btn {
    min-height: 2rem;
    padding-block: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.trendyol-attribute-matcher-modal .fi-fo-field-label {
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.trendyol-attribute-matcher-modal .fi-input-wrp {
    min-height: 2rem;
}

.trendyol-attribute-matcher-modal .fi-select-input {
    min-height: 2rem;
    padding-block: 0.25rem;
}

.trendyol-attribute-matcher-modal .fi-btn {
    min-height: 2rem;
}

.trendyol-attribute-matcher-modal .fi-dropdown-panel {
    z-index: 100;
    max-height: min(22rem, 60dvh) !important;
}

.trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
}

.trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content::-webkit-scrollbar-track {
    border-radius: 9999px;
    background: var(--gray-100);
}

.trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content::-webkit-scrollbar-thumb {
    border: 2px solid var(--gray-100);
    border-radius: 9999px;
    background: var(--gray-400);
}

.dark .trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content {
    scrollbar-color: var(--gray-500) var(--gray-800);
}

.dark .trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content::-webkit-scrollbar-track {
    background: var(--gray-800);
}

.dark .trendyol-attribute-table-panel > .fi-section > .fi-section-content-ctn > .fi-section-content::-webkit-scrollbar-thumb {
    border-color: var(--gray-800);
    background: var(--gray-500);
}

.trendyol-remote-values-table > table {
    display: table;
}

.trendyol-remote-values-table > table > thead {
    display: table-header-group;
}

.trendyol-remote-values-table > table > tbody {
    display: table-row-group;
}

.trendyol-remote-values-table > table > tbody > tr {
    display: table-row;
    padding: 0;
}

.trendyol-remote-values-table > table > tbody > tr > td {
    display: table-cell;
    height: 2.5rem;
    border-bottom: 1px solid var(--gray-200);
    border-color: var(--gray-200);
    padding: 0;
    vertical-align: middle;
}

.dark .trendyol-remote-values-table > table > tbody > tr > td {
    border-color: color-mix(in srgb, white 10%, transparent);
}

.trendyol-remote-values-table .fi-fo-field {
    row-gap: 0;
}

.trendyol-remote-values-table .fi-fo-field-label-content {
    display: none;
}

.trendyol-remote-values-table .fi-in-entry {
    display: flex;
    min-height: 2.5rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.trendyol-remote-values-table .fi-in-entry-content,
.trendyol-remote-values-table .fi-in-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.trendyol-remote-values-table .fi-input-wrp {
    background: transparent !important;
    min-height: 2.5rem;
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.trendyol-attribute-values-panel .fi-select-input div[x-ref="select"],
.trendyol-attribute-values-panel .fi-select-input-btn {
    height: auto;
    min-height: 3rem;
    max-height: none;
}

.trendyol-attribute-values-panel .fi-select-input-btn {
    padding-block: 0.375rem;
    padding-inline-start: 0.75rem;
    padding-inline-end: 1.75rem;
    background-position: right 0.625rem center;
    background-size: 0.875rem 0.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.trendyol-attribute-values-panel .fi-select-input-ctn-clearable .fi-select-input-btn {
    padding-inline-end: 2.5rem;
}

.trendyol-attribute-values-panel .fi-select-input-value-ctn > span {
    display: block;
    min-width: 0;
    overflow: visible;
    white-space: normal;
    text-wrap: wrap;
    text-overflow: clip;
    word-break: break-word;
}

.trendyol-attribute-values-panel .fi-select-input-value-ctn,
.trendyol-attribute-values-panel .fi-select-input-value-label,
.trendyol-attribute-values-panel .fi-select-input-placeholder {
    min-width: 0;
    overflow: visible;
    white-space: normal;
    text-wrap: wrap;
    text-overflow: clip;
    word-break: break-word;
}

.trendyol-attribute-values-panel .fi-select-input-value-remove-btn {
    inset-inline-end: 1.5rem;
}

.trendyol-attribute-values-panel .fi-select-input-value-remove-btn .fi-icon {
    width: 0.875rem;
    height: 0.875rem;
}

.trendyol-attribute-values-panel .fi-select-input-option,
.trendyol-attribute-values-panel .fi-select-input-message {
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.trendyol-safe-buffer-mode-select .fi-select-input-btn,
.trendyol-safe-buffer-mode-select select {
    font-size: 0.75rem;
    line-height: 1rem;
}

.trendyol-price-policy-select .fi-select-input-value-ctn,
.trendyol-price-policy-select .fi-select-input-value-label,
.trendyol-price-policy-select .fi-select-input-value-ctn > span {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}