@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

@theme {
    --font-sans: 'Poppins', sans-serif;
}
.font-sans {
    font-family: 'Poppins', sans-serif !important;
}

.group:hover .group-hover\:block,
.group:focus-within .group-hover\:block {
    display: block !important;
}

.group:hover .group-hover\:inline-block,
.group:focus-within .group-hover\:inline-block {
    display: inline-block !important;
}

.group:hover .group-hover\:flex,
.group:focus-within .group-hover\:flex {
    display: flex !important;
}

.group:focus .group-focus\:block,
.group:focus-within .group-focus\:block {
    display: block !important;
}

.group .group-hover\:block,
.group .group-hover\:inline-block,
.group .group-hover\:flex,
.group .tooltip {
    pointer-events: auto;
}

.group .tooltip {
    position: absolute;
    z-index: 9999;
    white-space: normal;
}

div.form-row::before, div.form-row::after {
    content: none !important;
}

.field-logo input, .field-cover input {
    display: none;
}

.field-logo .shadow-xs, .field-cover .shadow-xs {
    min-height: 36px;
}

button[data-trix-action="increaseNestingLevel"], button[data-trix-action="decreaseNestingLevel"], button[data-trix-attribute="quote"], button[data-trix-attribute="code"], button[data-trix-attribute="heading1"], button[data-trix-attribute="heading2"], button[data-trix-attribute="heading3"], button[data-trix-attribute="heading4"], button[data-trix-attribute="href"], button[data-trix-attribute="strike"], button[data-trix-attribute="p"], button[data-trix-attribute="number"], button[data-trix-attribute="bullet"], div[data-trix-button-group="block-tools"], div[data-trix-button-group="block-headings"] {
    display: none;
}

.rjf-form-group input[type="text"], .rjf-form-group input[type="url"], .rjf-form-group input[type="number"], .rjf-form-row-inner textarea, .rjf-form-group input[type="date"], .rjf-form-group select, textarea {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    color: var(--color-font-default-light) !important;
    font-weight: var(--font-weight-medium);
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    border-color: var(--color-base-200) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-radius: var(--border-radius, 6px) !important;
}

.rjf-form-row-inner .rjf-icon {
    height: 20px
}

.rjf-url-field-link {
    right: 14px !important;
}

.rjf-add-button {
    background: none !important;
    background-color: var(--color-primary-400) !important;
    color: white !important;
    font-size: inherit !important;
    padding: 8px !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-base-200) !important;
    border-radius: var(--border-radius, 6px);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    display: block;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.rjf-form-row label, .rjf-oneof-selector label {
    padding: 8px !important;
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    margin-bottom: calc(var(--spacing) * 2);
}

.select2-selection__clear {
    display: none;
}

.datatable-container {
    height: auto !important;
}

.rjf-input-group textarea {
    height: auto !important;
}

.sparkline div {
    margin-top: 2px;
}

#video-view-percentage, #mkt_video-view-percentage, #trk_video-view-percentage {
    font-size: 72px !important;
}

.select2-container--default .select2-selection--single {
    border: 0 !important;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.flex-1 {
    flex: 1
}

.flex-auto {
    flex: auto
}

.flex-initial {
    flex: 0 auto
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

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