/* =========================================================
   MODAL UI
========================================================= */

html.modal-open,
body.modal-open{
    overscroll-behavior:contain;
}

body .wrapper > :not(.modal):not(.ui-modal):not(.admin-panel):not(script):not(style),
body .admin-panel > :not(.modal):not(.ui-modal):not(.admin-panel):not(script):not(style){
    transition:opacity .28s ease;
}

body.modal-open .wrapper > :not(.modal):not(.ui-modal):not(.admin-panel):not(script):not(style),
body.modal-open .admin-panel > :not(.modal):not(.ui-modal):not(.admin-panel):not(script):not(style){
    opacity:.22 !important;
}

/* =========================================================
   MODAL TITLES
========================================================= */

.modal-title {
    color:#d8efff;
    text-align:center;
    text-transform:uppercase;
    padding-bottom:4px;
    margin-bottom:4px;
}

/* =========================================================
   MODAL BUTTON SYSTEM
========================================================= */

.modal button,
.modal-icon-btn,
.modal-btn {
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(80,165,255,.68);
    color:#d8efff;
    background:
        linear-gradient(180deg, rgba(80,165,255,.18), rgba(0,68,160,.08)),
        rgba(7,17,30,.78);
    font-family:inherit;
    font-size:10px;
    font-weight:bold;
    line-height:1.15;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease,
        opacity .2s ease;
}

.modal button:hover,
.modal button:focus,
.modal-icon-btn:hover,
.modal-icon-btn:focus,
.modal-btn:hover,
.modal-btn:focus {
    color:#ffffff;
    border-color:rgba(110,190,255,.96);
    background:
        linear-gradient(180deg, rgba(80,165,255,.28), rgba(0,68,160,.14)),
        rgba(7,22,38,.92);
    outline:none;
    text-decoration:none;
}

.modal button:disabled,
.modal-icon-btn:disabled,
.modal-btn:disabled {
    color:#78909a;
    border-color:rgba(120,144,154,.35);
    background:rgba(7,15,24,.62);
    cursor:not-allowed;
    opacity:.58;
    transform:none;
}

.modal button.primary,
.modal-btn-toggle.active {
    color:#c9ffdf;
    border-color:rgba(0,255,170,.68);
    background:
        linear-gradient(180deg, rgba(0,255,170,.22), rgba(0,120,80,.09)),
        rgba(6,24,18,.78);
}

.modal button.primary:hover,
.modal button.primary:focus,
.modal-btn-toggle.active:hover,
.modal-btn-toggle.active:focus {
    color:#ffffff;
    border-color:rgba(0,255,170,.96);
    background:
        linear-gradient(180deg, rgba(0,255,170,.32), rgba(0,120,80,.14)),
        rgba(6,28,20,.9);
}

.modal button.danger,
.modal-btn-red {
    color:#ffb3b3;
    border-color:rgba(255,70,70,.72);
    background:
        linear-gradient(180deg, rgba(255,77,77,.2), rgba(120,0,0,.1)),
        rgba(28,7,7,.82);
}

.modal button.danger:hover,
.modal button.danger:focus,
.modal-btn-red:hover,
.modal-btn-red:focus {
    color:#ffffff;
    border-color:rgba(255,85,85,.96);
    background:
        linear-gradient(180deg, rgba(255,77,77,.3), rgba(120,0,0,.16)),
        rgba(34,8,8,.94);
}

.modal button.secondary,
.modal-btn-blue {
    color:#d8efff;
    border-color:rgba(80,165,255,.68);
    background:
        linear-gradient(180deg, rgba(80,165,255,.18), rgba(0,68,160,.08)),
        rgba(7,17,30,.78);
}

.modal button.secondary:hover,
.modal button.secondary:focus,
.modal-btn-blue:hover,
.modal-btn-blue:focus {
    color:#ffffff;
    border-color:rgba(110,190,255,.96);
    background:
        linear-gradient(180deg, rgba(80,165,255,.28), rgba(0,68,160,.14)),
        rgba(7,22,38,.92);
}
.modal-exit-button{
    min-width:74px;
    min-height:28px !important;
    width:auto;
    height:28px !important;
    padding:6px 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    color:#ffb3b3;
    border:1px solid rgba(255,70,70,.72);
    background:
        linear-gradient(180deg, rgba(255,77,77,.2), rgba(120,0,0,.1)),
        rgba(28,7,7,.82);
    font-family:inherit;
    font-size:9px;
    font-weight:700;
    letter-spacing:2px;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    opacity:1;
    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease;
}

.modal-exit-button:hover,
.modal-exit-button:focus{
    color:#ffffff;
    border-color:rgba(255,85,85,.96);
    background:
        linear-gradient(180deg, rgba(255,77,77,.3), rgba(120,0,0,.16)),
        rgba(34,8,8,.94);
    outline:none;
}

/* =========================================================
   GLOBAL MODAL SYSTEM
========================================================= */

.ui-modal{
    position:fixed;
    inset:0;
    z-index:10000;
    display:none;
    justify-content:center;
    align-items:center;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
    background:rgba(0,0,0,.76);
    backdrop-filter:blur(6px);
}

.ui-modal,
.ui-modal *,
.ui-modal *::before,
.ui-modal *::after{
    box-sizing:border-box;
}

.ui-modal-card{
    position:relative;
    width:100%;
    max-width:none;
    height:100%;
    max-height:100%;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    padding:8px;
    overflow:hidden;
    color:#d8efff;
    background:
        radial-gradient(circle at 50% 42%, rgba(5,29,68,.18), transparent 40%),
        linear-gradient(180deg, #000000 0%, #01050e 44%, #020916 72%, #000000 100%);
}

.modal-card{
    width:100%;
    max-width:none;
    height:100%;
    max-height:100%;
}

.ui-modal-heading{
    flex:0 0 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:100%;
    margin:0;
    text-align:center;
}

.ui-modal-heading .ui-modal-title{
    grid-column:auto;
    grid-row:auto;
    width:100%;
}

.ui-modal-meta{
    min-height:13px;
    max-width:min(72vw, 980px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--ui-meta);
    font-size:11px;
    letter-spacing:1.2px;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
}

.ui-modal-header{
    flex:0 0 auto;
    min-height:28px;
    display:grid;
    grid-template-columns:74px minmax(0, 1fr) 74px;
    align-items:center;
    gap:8px;
    padding:0 0 6px;
}

.ui-modal-title{
    grid-column:2;
    grid-row:1;
    min-width:0;
    width:100%;
    min-height:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    color:#ffffff;
    font-family:'Orbitron',sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    line-height:1.15;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ui-modal-help,
.ui-modal-close{
    grid-row:1;
    width:74px;
    min-width:74px;
    max-width:74px;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 6px;
    font-size:9px;
    letter-spacing:1px;
    pointer-events:auto;
}

.ui-modal-help{
    grid-column:1;
}

.ui-modal-close{
    grid-column:3;
}

.ui-modal-help[aria-pressed="true"]{
    color:#ffffff;
    border-color:rgba(0,255,170,.78);
    background:
        linear-gradient(180deg, rgba(0,255,170,.22), rgba(0,120,80,.1)),
        rgba(6,28,20,.88);
}

.ui-modal-body{
    flex:1 1 auto;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    grid-auto-rows:max-content;
    gap:6px;
    align-content:start;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding:0;
}

.ui-modal-viewer{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    touch-action:pan-y;
    user-select:none;
    background:transparent;
}

.ui-modal-section{
    min-height:max-content;
    display:grid;
    grid-area:auto;
    grid-column:auto;
    grid-auto-rows:max-content;
    align-self:start;
    align-content:start;
    gap:5px;
    padding:7px;
    overflow:visible;
}

.section-title{
    min-height:18px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 0 4px;
    color:#73e8ff;
    border-bottom:1px solid rgba(80,165,255,.28);
    font-size:8px;
    font-weight:800;
    letter-spacing:.15em;
    line-height:1.2;
    text-transform:uppercase;
}

.section-title::before{
    content:"";
    width:4px;
    height:13px;
    flex:0 0 4px;
    background:#73e8ff;
    box-shadow:0 0 10px rgba(115,232,255,.5);
}

.section-title > span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.section-title-count{
    margin-left:auto;
    color:var(--ui-meta);
    font-size:8px;
    font-weight:800;
    letter-spacing:.12em;
}

.ui-modal-footer{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:1fr;
    padding-top:6px;
}

.ui-modal-help-footer{
    display:none;
}

.ui-modal-card.ui-modal-help-active .ui-modal-help-footer{
    display:grid;
}

/* =========================================================
   MODAL VIEWER FEATURES
========================================================= */

.ui-modal-album-favorite{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
    width:74px;
    min-width:74px;
    max-width:74px;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0;
    font-size:21px !important;
    line-height:1;
}

.ui-modal-album-favorite[hidden]{
    display:none !important;
}

.ui-modal-image[hidden],
.ui-modal-video[hidden]{
    display:none;
}

.ui-modal-video-placeholder{
    width:100%;
    height:100%;
    background:#000;
}

.ui-modal-swiper{
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    touch-action:pan-y;
    background:transparent;
}

.ui-modal-swiper .ui-modal-wrapper{
    align-items:center;
    background:transparent;
}

.ui-modal-swiper .ui-modal-slide{
    position:relative;
    min-width:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:.12;
    transform:scale(.5);
    transition:opacity .24s ease, transform .32s cubic-bezier(.22,.8,.32,1);
    will-change:transform, opacity;
    pointer-events:auto;
    overflow:visible;
    background:transparent;
    box-shadow:none;
}

.ui-modal-swiper .ui-modal-slide.swiper-slide-active{
    opacity:1;
    transform:scale(1);
    z-index:5;
}

.ui-modal-swiper .ui-modal-slide.swiper-slide-prev,
.ui-modal-swiper .ui-modal-slide.swiper-slide-next{
    opacity:.28;
    transform:scale(.5);
    z-index:3;
}

.ui-modal-slide-inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    background:transparent;
    box-shadow:none;
}

.ui-modal-swiper .ui-modal-slide:not(.swiper-slide-active) .ui-modal-slide-inner{
    pointer-events:none;
}

.ui-modal .ui-modal-image,
.ui-modal .ui-modal-video{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    display:block;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
    background:transparent;
}

.ui-modal .ui-modal-swiper .ui-modal-video{
    width:auto;
    max-width:100%;
    display:block;
    border-radius:0;
    box-shadow:none;
}

.ui-modal-swiper .swiper-slide-active .ui-modal-image,
.ui-modal-swiper .swiper-slide-active .ui-modal-video{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    box-shadow:none;
}

.ui-modal-slide-title{
    display:none;
}

.ui-modal-toolbar{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    width:100%;
    min-width:0;
    margin:0 auto;
    padding:0;
    overflow:hidden;
    background:rgba(4,10,18,.9);
}

.ui-modal-toolbar > button{
    flex:1 1 0;
    min-width:0;
    height:38px;
    min-height:38px;
    max-height:38px;
    padding:0 6px;
    font-family:'Orbitron',sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-radius:0;
}

.ui-modal-toolbar > button[hidden]{
    display:none !important;
}

.ui-modal-toolbar .ui-modal-nav{
    padding:0;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ui-modal-toolbar .ui-modal-chat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.ui-modal-origin{
    line-height:1.05;
}

.ui-modal-auto{
    line-height:1.05;
}

.ui-modal-favorite{
    padding:0;
    font-size:22px !important;
    line-height:1;
}

.ui-modal-toolbar .ui-button-yellow,
.ui-modal-toolbar .modal-btn-yellow,
.ui-modal-toolbar .ui-modal-auto.active,
.ui-modal-album-favorite.is-favorite,
.ui-modal-toolbar .ui-modal-favorite.is-favorite{
    color:#ffe98a;
    border-color:rgba(255,220,60,.9);
    background:
        linear-gradient(180deg, rgba(255,220,60,.26), rgba(160,105,0,.12)),
        rgba(24,18,7,.9);
}

.ui-modal-toolbar .ui-button-yellow:hover,
.ui-modal-toolbar .ui-button-yellow:focus,
.ui-modal-toolbar .modal-btn-yellow:hover,
.ui-modal-toolbar .modal-btn-yellow:focus,
.ui-modal-toolbar .ui-modal-auto.active:hover,
.ui-modal-toolbar .ui-modal-auto.active:focus,
.ui-modal-album-favorite.is-favorite:hover,
.ui-modal-album-favorite.is-favorite:focus,
.ui-modal-toolbar .ui-modal-favorite.is-favorite:hover,
.ui-modal-toolbar .ui-modal-favorite.is-favorite:focus{
    color:#fff4b0;
    border-color:rgba(255,235,95,.98);
    background:
        linear-gradient(180deg, rgba(255,220,60,.34), rgba(160,105,0,.16)),
        rgba(28,21,7,.94);
}

.ui-modal-strip-wrap{
    width:100%;
    min-width:0;
    margin:0 auto;
    margin-top:0;
    overflow:hidden;
}

.ui-modal-strip{
    width:100%;
    min-width:0;
    display:flex;
    overflow-x:auto;
    padding:0;
    background:transparent;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:rgba(117,201,255,.55) transparent;
}

.ui-modal-strip::-webkit-scrollbar{
    height:8px;
}

.ui-modal-strip::-webkit-scrollbar-track{
    background:transparent;
}

.ui-modal-strip::-webkit-scrollbar-thumb{
    background:rgba(117,201,255,.45);
    border-radius:0;
}

.ui-modal-strip-item{
    position:relative;
    flex:0 0 auto;
    width:78px;
    height:58px;
    padding:0;
    opacity:.58;
    overflow:hidden;
    border:2px solid transparent;
    background:#05080c;
    cursor:pointer;
    transition:opacity .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ui-modal-strip-item:hover{
    opacity:1;
}

.ui-modal-strip-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ui-modal-strip-item.is-active{
    opacity:1;
    border-color:rgba(117,201,255,.92);
    box-shadow:0 0 0 1px rgba(0,0,0,.65), 0 0 18px rgba(80,165,255,.18);
}

@media (max-width:700px){
    .ui-modal-toolbar > button{
        height:32px;
        min-height:32px;
        max-height:32px;
        padding:0 4px;
        font-size:8px;
        letter-spacing:.4px;
    }

    .ui-modal-toolbar .ui-modal-nav{
        font-size:13px;
    }

    .ui-modal-toolbar .ui-modal-chat{
        gap:3px;
    }

    .ui-modal-origin{
        line-height:1.05;
    }

    .ui-modal-auto{
        font-size:7px !important;
    }

    .ui-modal-favorite{
        font-size:19px !important;
    }

    .ui-modal-strip-item{
        width:62px;
        height:48px;
    }
}

.favorites-all-meta{
    min-height:13px;
    color:var(--ui-meta);
    font-size:10px;
    letter-spacing:1.1px;
    text-align:center;
    text-transform:uppercase;
}

.favorites-all-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.favorites-all-actions [hidden]{
    display:none !important;
}

.favorites-all-action{
    flex:1 1 0;
    min-width:0;
    min-height:28px;
    padding:6px 9px;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.2px;
    line-height:1;
    text-transform:uppercase;
}

.favorites-all-body{
    min-height:0;
    display:grid;
    grid-auto-rows:max-content;
    align-content:start;
    gap:8px;
}

.favorites-all-section{
    min-width:0;
    align-self:start;
    grid-template-rows:auto auto;
    gap:7px;
}

.favorites-all-grid{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    grid-auto-rows:auto;
    align-items:start;
    gap:7px;
}

@media (min-width:700px){
    .favorites-all-grid{
        grid-template-columns:repeat(6, minmax(0, 1fr));
    }
}

@media (min-width:820px){
    .favorites-all-grid{
        grid-template-columns:repeat(7, minmax(0, 1fr));
    }
}

@media (min-width:960px){
    .favorites-all-grid{
        grid-template-columns:repeat(8, minmax(0, 1fr));
    }
}

@media (min-width:1120px){
    .favorites-all-grid{
        grid-template-columns:repeat(9, minmax(0, 1fr));
    }
}

@media (min-width:1280px){
    .favorites-all-grid{
        grid-template-columns:repeat(10, minmax(0, 1fr));
    }
}

#favoritesAllModal .favorites-all-item{
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    min-width:0;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    align-self:start;
    display:block;
    overflow:hidden;
    padding:0;
    color:#d8efff;
    font:inherit;
    text-decoration:none;
    cursor:pointer;
}

#favoritesAllModal .favorites-all-item:hover,
#favoritesAllModal .favorites-all-item:focus{
    color:#ffffff;
}

#favoritesAllModal.is-editing .favorites-all-item{
    opacity:.78;
}

#favoritesAllModal.is-editing .favorites-all-item:hover,
#favoritesAllModal.is-editing .favorites-all-item:focus,
#favoritesAllModal.is-editing .favorites-all-item.is-selected{
    opacity:1;
}

#favoritesAllModal.is-editing .favorites-all-item.is-selected{
    outline:2px solid rgba(255,220,60,.96);
    outline-offset:-2px;
}

#favoritesAllModal.is-editing .favorites-all-item:not(.is-selected) .favorites-all-thumb img{
    filter:brightness(.68) saturate(.72);
}

.favorites-all-thumb{
    position:absolute;
    inset:0;
    background:rgba(3,13,32,.78);
}

.favorites-all-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.favorites-all-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#62ddff;
    font-size:20px;
    font-weight:800;
    background:
        linear-gradient(180deg, rgba(69,216,255,.14), rgba(5,18,36,.08)),
        rgba(3,13,32,.84);
}

.favorites-all-select{
    position:absolute;
    top:6px;
    right:6px;
    z-index:3;
    width:22px;
    height:22px;
    display:none;
    border:1px solid rgba(216,239,255,.86);
    background:rgba(3,10,18,.86);
    box-shadow:0 0 0 1px rgba(0,0,0,.46), 0 4px 12px rgba(0,0,0,.32);
}

#favoritesAllModal.is-editing .favorites-all-select{
    display:block;
}

#favoritesAllModal .favorites-all-item.is-selected .favorites-all-select{
    border-color:rgba(255,235,95,.98);
    background:
        linear-gradient(180deg, rgba(255,220,60,.28), rgba(160,105,0,.14)),
        rgba(24,18,7,.94);
}

.favorites-all-overlay{
    position:absolute;
    inset:auto 0 0;
    display:grid;
    gap:1px;
    padding:4px 3px 3px;
    background:linear-gradient(180deg, transparent, rgba(0,0,0,.86) 28%, rgba(0,0,0,.92));
}

.favorites-all-item-title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#ffffff;
    font-size:9px;
    font-weight:800;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
}

.favorites-all-item-meta{
    color:#c3d3e4;
    font-size:7px;
    font-weight:800;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
}

.favorites-all-empty{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(80,165,255,.32);
    color:#a8bed6;
    background:rgba(5,12,24,.68);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

/* =========================================================
   CORE SEARCH CONTENT
========================================================= */

.core-search-section{
    gap:8px;
}

.core-search-description{
    color:#d8efff;
    font-size:12px;
    line-height:1.45;
    letter-spacing:0;
}

.core-search-hint{
    color:#9fb7cf;
    font-size:10px;
    line-height:1.45;
    letter-spacing:0;
}

.core-search-tag-input{
    min-height:38px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:8px;
    cursor:text;
    background:rgba(0,0,0,.52);
    border:1px solid rgba(80,165,255,.55);
}

.core-search-tag-input input{
    width:auto;
    min-width:120px;
    min-height:0;
    flex:1;
    padding:0;
    color:#ffffff;
    background:transparent;
    border:0;
    outline:0;
    font:inherit;
    font-size:12px;
    letter-spacing:0;
}

.core-search-tag-input input:focus{
    background:transparent;
    border:0;
    box-shadow:none;
    outline:0;
}

.core-search-tag-input:focus-within{
    border-color:rgba(110,190,255,.96);
    background:rgba(0,0,0,.68);
}

.core-search-tag-pill{
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    color:#d8efff;
    background:
        linear-gradient(180deg, rgba(80,165,255,.18), rgba(0,68,160,.08)),
        rgba(7,17,30,.78);
    border:1px solid rgba(80,165,255,.62);
    font-family:inherit;
    font-size:11px;
    letter-spacing:0;
}

.core-search-tag-remove{
    cursor:pointer;
    opacity:.7;
}

.core-search-tag-remove:hover{
    opacity:1;
    color:#ff9a9a;
}

.core-search-execute{
    width:100%;
    padding:12px 10px;
}

.core-search-sources{
    display:grid;
    gap:6px;
}

.core-search-sources-title{
    color:#9fc9ff;
    font-size:9px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.core-search-source-row{
    display:grid;
    grid-template-columns:minmax(58px, 1fr) minmax(62px, auto) minmax(62px, auto);
    gap:4px;
    align-items:center;
    padding:4px;
    border:1px solid rgba(60,155,255,.42);
    background:
        linear-gradient(180deg, rgba(60,155,255,.1), rgba(0,42,115,.05)),
        rgba(6,16,30,.72);
}

.core-search-source-name{
    min-width:0;
    color:#ffffff;
    font-size:9px;
    letter-spacing:1px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.core-search-source-toggle{
    min-width:0;
    min-height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:3px 4px;
    border:1px solid rgba(80,165,255,.45);
    color:#d8efff;
    background:
        linear-gradient(180deg, rgba(80,165,255,.14), rgba(0,68,160,.06)),
        rgba(7,17,30,.68);
    font-size:8px;
    letter-spacing:0;
    text-transform:uppercase;
    cursor:pointer;
}

.core-search-source-toggle input{
    margin:0;
    accent-color:#6ebeff;
}