/* Homepage site search — hardcoded colors, loaded last */

.ts-home-search-bar {
    position: relative;
    z-index: 40;
    margin-top: 1.35rem;
    margin-bottom: 0;
    padding-bottom: 0.15rem;
}

html.is-home-search-active .ts-home-hero {
    overflow: visible;
}

html.is-home-search-active .ts-home-jump {
    position: relative;
    top: auto;
    z-index: 1;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border: none;
    transition: opacity 180ms ease, max-height 180ms ease, visibility 180ms;
}

#tsHomeSearch {
    color: #1a2420;
}

#tsHomeSearch .ts-home-search__field {
    background-color: #ffffff !important;
    color: #1a2420 !important;
    border-color: #d5ddd9 !important;
}

#tsHomeSearchInput {
    color: #1a2420 !important;
    -webkit-text-fill-color: #1a2420 !important;
    background-color: transparent !important;
    caret-color: #0a7c6e !important;
}

#tsHomeSearchInput::placeholder {
    color: #5f7168 !important;
    -webkit-text-fill-color: #5f7168 !important;
    opacity: 1 !important;
}

#tsHomeSearchDropdown {
    z-index: 120;
    background-color: #ffffff !important;
    color: #1a2420 !important;
    border-color: #d5ddd9 !important;
}

#tsHomeSearch .ts-home-search__icon {
    color: #0a7c6e !important;
}

#tsHomeSearch .ts-home-search__kbd {
    color: #5f7168 !important;
    background-color: #f8faf9 !important;
    border-color: #d5ddd9 !important;
}

#tsHomeSearch .ts-home-search__option,
#tsHomeSearch .ts-home-search__item-title,
#tsHomeSearch .ts-home-search__item-title mark {
    color: #1a2420 !important;
    -webkit-text-fill-color: #1a2420 !important;
}

#tsHomeSearch .ts-home-search__item-meta,
#tsHomeSearch .ts-home-search__empty,
#tsHomeSearch .ts-home-search__hint,
#tsHomeSearch .ts-home-search__group-label {
    color: #5f7168 !important;
}

#tsHomeSearch .ts-home-search__expand {
    color: #0a7c6e !important;
}

#tsHomePalette .ts-home-palette__panel {
    background-color: #ffffff !important;
    color: #1a2420 !important;
    border-color: #d5ddd9 !important;
}

#tsHomePaletteInput {
    color: #1a2420 !important;
    -webkit-text-fill-color: #1a2420 !important;
    background-color: transparent !important;
    caret-color: #0a7c6e !important;
}

#tsHomePaletteInput::placeholder {
    color: #5f7168 !important;
    -webkit-text-fill-color: #5f7168 !important;
    opacity: 1 !important;
}

#tsHomePaletteResults .ts-home-palette__item,
#tsHomePaletteResults .ts-home-search__item-title,
#tsHomePaletteResults .ts-home-search__item-title mark {
    color: #1a2420 !important;
    -webkit-text-fill-color: #1a2420 !important;
}

#tsHomePaletteResults .ts-home-search__item-meta,
#tsHomePaletteResults .ts-home-palette__group-label,
#tsHomePaletteResults .ts-home-palette__empty {
    color: #5f7168 !important;
}

#tsHomePalette .ts-home-palette__footer {
    color: #5f7168 !important;
    background-color: #f8faf9 !important;
    border-color: #d5ddd9 !important;
}

#tsHomePalette .ts-home-palette__footer kbd,
#tsHomePalette .ts-home-palette__kbd {
    color: #1a2420 !important;
    background-color: #ffffff !important;
    border-color: #d5ddd9 !important;
}

/* Dark theme */
[data-theme="dark"] #tsHomeSearch .ts-home-search__field {
    background-color: #161e19 !important;
    color: #e8f2ec !important;
    border-color: #2d3730 !important;
}

[data-theme="dark"] #tsHomeSearchInput {
    color: #e8f2ec !important;
    -webkit-text-fill-color: #e8f2ec !important;
    caret-color: #3fb8a4 !important;
}

[data-theme="dark"] #tsHomeSearchInput::placeholder {
    color: #9db5aa !important;
    -webkit-text-fill-color: #9db5aa !important;
}

[data-theme="dark"] #tsHomeSearchDropdown {
    background-color: #161e19 !important;
    color: #e8f2ec !important;
    border-color: #2d3730 !important;
}

[data-theme="dark"] #tsHomeSearch .ts-home-search__icon {
    color: #3fb8a4 !important;
}

[data-theme="dark"] #tsHomeSearch .ts-home-search__kbd {
    color: #9db5aa !important;
    background-color: #1b231d !important;
    border-color: #2d3730 !important;
}

[data-theme="dark"] #tsHomeSearch .ts-home-search__option,
[data-theme="dark"] #tsHomeSearch .ts-home-search__item-title,
[data-theme="dark"] #tsHomeSearch .ts-home-search__item-title mark {
    color: #e8f2ec !important;
    -webkit-text-fill-color: #e8f2ec !important;
}

[data-theme="dark"] #tsHomeSearch .ts-home-search__item-meta,
[data-theme="dark"] #tsHomeSearch .ts-home-search__empty,
[data-theme="dark"] #tsHomeSearch .ts-home-search__hint,
[data-theme="dark"] #tsHomeSearch .ts-home-search__group-label {
    color: #9db5aa !important;
}

[data-theme="dark"] #tsHomeSearch .ts-home-search__expand {
    color: #3fb8a4 !important;
}

[data-theme="dark"] #tsHomePalette .ts-home-palette__panel {
    background-color: #161e19 !important;
    color: #e8f2ec !important;
    border-color: #2d3730 !important;
}

[data-theme="dark"] #tsHomePaletteInput {
    color: #e8f2ec !important;
    -webkit-text-fill-color: #e8f2ec !important;
    caret-color: #3fb8a4 !important;
}

[data-theme="dark"] #tsHomePaletteInput::placeholder {
    color: #9db5aa !important;
    -webkit-text-fill-color: #9db5aa !important;
}

[data-theme="dark"] #tsHomePaletteResults .ts-home-palette__item,
[data-theme="dark"] #tsHomePaletteResults .ts-home-search__item-title,
[data-theme="dark"] #tsHomePaletteResults .ts-home-search__item-title mark {
    color: #e8f2ec !important;
    -webkit-text-fill-color: #e8f2ec !important;
}

[data-theme="dark"] #tsHomePaletteResults .ts-home-search__item-meta,
[data-theme="dark"] #tsHomePaletteResults .ts-home-palette__group-label,
[data-theme="dark"] #tsHomePaletteResults .ts-home-palette__empty {
    color: #9db5aa !important;
}

[data-theme="dark"] #tsHomePalette .ts-home-palette__footer {
    color: #9db5aa !important;
    background-color: #1b231d !important;
    border-color: #2d3730 !important;
}

[data-theme="dark"] #tsHomePalette .ts-home-palette__footer kbd,
[data-theme="dark"] #tsHomePalette .ts-home-palette__kbd {
    color: #e8f2ec !important;
    background-color: #161e19 !important;
    border-color: #2d3730 !important;
}