
.ic-xs { width: 14px; height: 14px; flex: 0 0 auto; }
img.logo-invert { filter: brightness(0) invert(1) drop-shadow(0 4px 24px rgba(0, 0, 0, .55)) !important; }
.dh-logo img, .dhero .hero-logo img { opacity: 0; transition: opacity .5s; }
.dh-logo img.loaded, .dhero .hero-logo img.loaded { opacity: 1; }

.dpill {
  display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px;
  font-size: 12.5px; font-weight: 750; white-space: nowrap; letter-spacing: .01em;
  background: rgba(255, 255, 255, .1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.dpill > * + * { margin-left: 6px; }
.dpill-ok { background: rgba(52, 211, 153, .16); color: #6ee7b7; box-shadow: inset 0 0 0 1px rgba(52, 211, 153, .4); }
.dpill-partial { background: rgba(34, 211, 238, .14); color: #67e8f9; box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .38); }
.dpill-processing { background: rgba(124, 108, 255, .2); color: #c4b5fd; box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .45); }
.dpill-pending { background: rgba(251, 191, 36, .15); color: #fcd34d; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .4); }
.dpill-blocked { background: rgba(244, 63, 94, .15); color: #fda4af; box-shadow: inset 0 0 0 1px rgba(244, 63, 94, .4); }
.dpill-lg { height: 32px; padding: 0 14px; font-size: 14px; }

.dtype {
  position: absolute; top: 8px; left: 8px; z-index: 2; padding: 3px 7px; border-radius: 7px;
  font-size: 10.5px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase;
  background: rgba(8, 8, 16, .72); color: rgba(255, 255, 255, .88); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.dstatus {
  position: absolute; top: 8px; right: 8px; z-index: 2; width: 24px; height: 24px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45), inset 0 0 0 1.5px rgba(255, 255, 255, .25);
}
.dstatus .ic-xs { stroke-width: 3; }
.dstatus-ok { background: #10b981; }
.dstatus-partial { background: linear-gradient(135deg, #10b981 50%, #0e7490 50%); }
.dstatus-processing { background: var(--grad-accent); }
.dstatus-pending { background: #d97706; }
.dstatus-blocked { background: #e11d48; }

.dcard-hover {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 12px; background: linear-gradient(0deg, rgba(6, 6, 12, .96) 0%, rgba(6, 6, 12, .78) 45%, rgba(6, 6, 12, .15) 100%);
  opacity: 0; transition: opacity .25s ease; pointer-events: none;
}
.dcard-year { font-size: 12px; font-weight: 700; color: var(--text-2); }
.dcard-title { font-size: 15px; font-weight: 800; line-height: 1.2; margin: 2px 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dcard-ov { font-size: 12px; line-height: 1.4; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; }
.dcard-btn { width: 100%; height: 34px; pointer-events: auto; }
@media (hover: hover) and (pointer: fine) {
  .dcard:hover .dcard-hover, .dcard:focus-visible .dcard-hover { opacity: 1; }
}
.layout-mobile .dcard-hover { display: none; }

.grid-person { grid-template-columns: repeat(auto-fill, minmax(calc(var(--poster-w) * .78), 1fr)); }
.dgrid .card-text { padding-top: 8px; }

.page-discover .lib-tabs.dnav { flex-direction: column; align-items: stretch; }
.dnav-top { display: flex; align-items: center; margin-bottom: 16px; }
.dnav .lib-title { margin-right: 28px; }
.dnav .lib-tablist { min-width: 0; }
.dnav .lib-tab { display: inline-flex; align-items: center; }
.dnav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 7px; border-radius: 10px; font-size: 11.5px; font-weight: 850; line-height: 1; font-variant-numeric: tabular-nums; background: #f43f5e; color: #fff; }
.lib-tab.active .dnav-badge { background: #0b0b12; color: #fff; }
.dsearch { position: relative; display: flex; align-items: center; flex: 0 1 520px; }
.dsearch .ic-sm { position: absolute; z-index: 1; left: 17px; color: var(--text-2); pointer-events: none; }
.dsearch .input { height: 46px; padding-left: 46px; border-radius: 14px; font-size: 15.5px; font-weight: 500;
  background: rgba(255, 255, 255, .09); border-color: rgba(255, 255, 255, .14);
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); box-shadow: 0 8px 26px rgba(0, 0, 0, .25); }
.dsearch .input:focus { background: rgba(255, 255, 255, .13); }

.layout-mobile .dnav-top { margin-bottom: 12px; }
.layout-mobile .dnav .lib-title { margin: 0 12px 0 0; font-size: 24px; flex: 0 0 auto; }
.layout-mobile .dsearch { flex: 1 1 auto; min-width: 0; }
.layout-mobile .dsearch .input { height: 42px; font-size: 15px; padding-left: 40px; }
.layout-mobile .dsearch .ic-sm { left: 14px; }
.layout-tv .dsearch .input { height: 56px; font-size: 19px; }
.dsearch-tv { margin-left: auto; }
.page-discover .lib-body { padding-bottom: 40px; }
.page-discover.tab-featured .lib-body { padding: 0; }
.dfilters .select-sm { min-width: 0; }
.dchips { margin: 4px 0 14px; }
.dchips .chip { margin: 0 8px 8px 0; }
.dquota { display: inline-flex; align-items: center; font-size: 13.5px; font-weight: 600; margin-right: 14px; }
.dquota > * + * { margin-left: 6px; }
.dempty .ic-lg { color: var(--violet); }
.dlist-head { display: flex; flex-direction: column; align-items: flex-start; }
.dlist-logo img { max-height: 70px; max-width: 260px; filter: brightness(0) invert(1); margin-bottom: 8px; }
.dlist-logo:empty { display: none; }
.dsection-title { margin: 34px 0 16px; }
.dmore { display: block; margin: 20px auto 0; }

.page-discover.tab-featured .dnav { position: absolute; left: 0; right: 0; top: 0; }
.dhero .hero-logo-box { margin-bottom: 18px; }
.dhero .hero-logo { margin-bottom: 0; }
.layout-mobile .page-discover.tab-featured .dnav { position: relative; }
.dhero-m, .layout-mobile .page-discover.tab-featured .mhero.dhero-m { padding-top: 4px; }
.drows { position: relative; z-index: 2; }
.page-discover:not(.tab-featured) .drows { padding-top: 6px; }
.row-dtile .row-track > * { flex: 0 0 auto; }
.row-dtile .genre-tile { width: calc(var(--land-w) * .95); height: calc(var(--land-w) * .5); }
.row-dtile .platform-tile { width: calc(var(--land-w) * .72); height: calc(var(--land-w) * .4); }
.dcompany-name { position: relative; z-index: 1; font-weight: 800; font-size: 18px; text-align: center; padding: 0 12px; }
.layout-mobile .row-dtile .genre-tile { width: 62vw; height: 30vw; }
.layout-mobile .row-dtile .platform-tile { width: 44vw; height: 24vw; }

.dreq-mini-foot {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start;
  padding: 26px 9px 9px; background: linear-gradient(0deg, rgba(6, 6, 12, .95) 20%, rgba(6, 6, 12, 0));
  font-size: 12.5px; font-weight: 700;
}
.dreq-mini-foot > .davatar { position: absolute; left: 9px; bottom: 40px; }
.dreq-mini-foot > span.ellipsis { max-width: 100%; margin: 0 0 6px 30px; line-height: 22px; }
.dreq-mini-foot .dpill { height: 22px; font-size: 11px; padding: 0 8px; }

.davatar { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; background: var(--grad-accent); font-size: 12px; font-weight: 800; color: #fff; }
.davatar img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.dreq-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); grid-gap: 14px; }
.layout-mobile .dreq-list { grid-template-columns: 1fr; }
.dreq-card {
  position: relative; display: flex; align-items: center; padding: 14px; border-radius: 20px; overflow: hidden; isolation: isolate;
  background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}
.dreq-card::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background: var(--bd) center 30% / cover no-repeat; opacity: .32; }
.dreq-card::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(90deg, rgba(10, 10, 20, .96) 0%, rgba(10, 10, 20, .86) 50%, rgba(10, 10, 20, .62) 100%); }
.dreq-thumb { flex: 0 0 auto; width: 74px; height: 111px; border-radius: 12px; overflow: hidden; background: var(--bg-3); box-shadow: 0 8px 22px rgba(0, 0, 0, .45); margin-right: 16px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--text-3); }
.dreq-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .4s; }
.dreq-thumb img.loaded { opacity: 1; }
.dreq-main { flex: 1 1 auto; min-width: 0; }
.dreq-top { display: flex; align-items: baseline; flex-wrap: wrap; margin-bottom: 8px; }
.dreq-name { font-size: 17px; font-weight: 800; margin-right: 10px; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
a.dreq-name:hover { text-decoration: underline; }
.dreq-top .muted { font-size: 13.5px; }
.dreq-pills { display: flex; align-items: center; flex-wrap: wrap; }
.dreq-pills > * { margin: 0 8px 6px 0; }
.dreq-seasons-list { font-size: 13px; font-weight: 700; color: var(--text-2); }
.dreq-dl { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .14); overflow: hidden; margin: 2px 0 8px; max-width: 260px; }
.dreq-dl i { display: block; height: 100%; background: var(--grad-brand); border-radius: 4px; transition: width .6s var(--ease); }
.dreq-by { display: flex; align-items: center; flex-wrap: wrap; font-size: 13px; font-weight: 600; color: var(--text-2); }
.dreq-by .davatar { margin-right: 8px; }
.dreq-actions { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; margin-left: 12px; }
.dreq-actions > * + * { margin-top: 8px; }

.layout-mobile .dreq-list { grid-template-columns: minmax(0, 1fr); }
.layout-mobile .dreq-card { flex-wrap: wrap; align-items: flex-start; padding: 12px; }
.layout-mobile .dreq-thumb { width: 66px; height: 99px; margin-right: 14px; }
.layout-mobile .dreq-main { flex: 1 1 0; min-width: 0; }
.layout-mobile .dreq-top { flex-direction: column; align-items: flex-start; margin-bottom: 6px; }
.layout-mobile .dreq-name { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 2px; font-size: 16px; line-height: 1.25; }
.layout-mobile .dreq-actions { flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; margin: 10px 0 0; }
.layout-mobile .dreq-actions:empty { display: none; }
.layout-mobile .dreq-actions > * + * { margin: 0 0 0 8px; }
.layout-mobile .dreq-by { font-size: 12.5px; }
.dreq-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: -4px 0 16px; font-size: 13px; }
.dreq-meta .dquota { font-size: 13px; margin: 0 10px 4px 0; }
.dreq-meta .catalog-count { font-size: 13px; margin-bottom: 4px; }
.dissue-card { cursor: pointer; transition: box-shadow .2s, transform .2s var(--ease); }
.dissue-card:hover, .dissue-card:focus { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); }
.dissue-msg { font-size: 14px; color: var(--text-2); margin: 2px 0 8px; }
.dcomments { display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 700; }
.dcomments > * + * { margin-left: 4px; }

.modal-dreq .modal-body { max-width: 520px; }
.dreq-head { display: flex; align-items: center; margin-bottom: 14px; }
.dreq-poster { flex: 0 0 auto; width: 64px; height: 96px; border-radius: 10px; overflow: hidden; margin-right: 14px; background: var(--bg-3); box-shadow: var(--shadow-1); }
.dreq-poster img { width: 100%; height: 100%; object-fit: cover; }
.dreq-title { font-size: 19px; font-weight: 850; letter-spacing: -.01em; margin-bottom: 4px; }
.dreq-quota { display: flex; align-items: center; padding: 10px 12px; border-radius: 12px; background: rgba(124, 108, 255, .12); color: #c4b5fd; font-size: 13.5px; font-weight: 600; margin-bottom: 14px; }
.dreq-quota > * + * { margin-left: 8px; }
.dreq-quota.empty { background: rgba(244, 63, 94, .12); color: #fda4af; }
.dreq-seasons { max-height: 46vh; overflow-y: auto; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); margin-bottom: 12px; }
.dreq-season { position: relative; display: flex; align-items: center; padding: 11px 14px; border-bottom: 1px solid rgba(255, 255, 255, .06); cursor: pointer; }
.dreq-season:last-child { border-bottom: 0; }
.dreq-season.off { cursor: default; opacity: .62; }
.dreq-season.dreq-all { background: rgba(255, 255, 255, .04); font-weight: 750; }
.dreq-season input { position: absolute; opacity: 0; pointer-events: none; }
.dreq-check { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 6px; margin-right: 12px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .35); transition: background .15s, box-shadow .15s; position: relative; }
.dreq-season input:checked + .dreq-check { background: var(--grad-accent); box-shadow: none; }
.dreq-season input:checked + .dreq-check::after { content: ""; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.dreq-season input:focus-visible + .dreq-check { box-shadow: 0 0 0 3px rgba(124, 108, 255, .5); }
.dreq-sname { flex: 1 1 auto; font-weight: 650; font-size: 14.5px; min-width: 0; }
.dreq-season .muted { font-size: 13px; margin-left: 10px; }
.dreq-season .dpill { margin-left: 10px; height: 22px; font-size: 11px; }
.dreq-note { font-size: 13px; margin-bottom: 8px; }
.dreq-adv-toggle { margin: 4px 0 10px; }
.dreq-adv-toggle > * + * { margin-left: 6px; }
.dreq-adv { padding: 12px 14px 2px; border-radius: 14px; background: rgba(255, 255, 255, .04); margin-bottom: 8px; }
.dreq-adv-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 12px; }
.dreq-adv .select { width: 100%; }
.modal-dreq .btn.loading, .modal-dissue .btn.loading { opacity: .6; pointer-events: none; }

.dreq-actions-bar { position: -webkit-sticky; position: sticky; bottom: -24px; z-index: 2; margin: 18px -24px -24px; padding: 14px 24px 24px; background: linear-gradient(180deg, rgba(17, 17, 29, 0) 0%, rgba(17, 17, 29, .97) 22%); }
.dreq-season .muted, .dreq-season .dpill { white-space: nowrap; flex: 0 0 auto; }

.layout-mobile .modal-dreq .modal-body, .layout-mobile .modal-dreq .modal-head { padding-left: 18px; padding-right: 18px; }
.layout-mobile .dreq-actions-bar { margin: 16px -18px -24px; padding: 14px 18px 24px; }
.layout-mobile .dreq-actions-bar .btn { min-width: 0; padding: 0 16px; }
.layout-mobile .dreq-actions-bar .btn-ghost { flex: 0 0 auto; }
.layout-mobile .dreq-actions-bar .dreq-submit { flex: 1 1 auto; }
.layout-mobile .dreq-season { padding: 11px 12px; }
.layout-mobile .dreq-season .dpill { font-size: 10.5px; padding: 0 7px; }

.dmedia-status { display: flex; align-items: center; flex-wrap: wrap; margin: 8px 0 0; }
.dmedia-status:empty { display: none; }
.dmedia-status > * { margin: 0 14px 6px 0; }
.dmedia-status .dh-progress { margin: 0 0 6px; }
.dproviders { display: flex; align-items: center; flex-wrap: wrap; margin-top: 16px; font-size: 14px; }
.dproviders .dim { margin-right: 10px; }
.dprovider { width: 34px; height: 34px; border-radius: 9px; overflow: hidden; margin: 0 8px 6px 0; box-shadow: 0 4px 12px rgba(0, 0, 0, .4); display: inline-flex; align-items: center; justify-content: center; background: var(--bg-3); font-size: 10px; }
.dprovider img { width: 100%; height: 100%; object-fit: cover; }
.dkw { margin: 0 6px 6px 0; }
.dcoll-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.dh.dh-short { min-height: 62vh; }

.dseasons { display: flex; flex-direction: column; max-width: 980px; }
.dseason { border-radius: 18px; background: rgba(255, 255, 255, .035); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); margin-bottom: 10px; overflow: hidden; }
.dseason-head { display: flex; align-items: center; width: 100%; padding: 12px 16px 12px 12px; text-align: left; transition: background .2s; }
.dseason-head:hover, .dseason-head:focus { background: rgba(255, 255, 255, .04); }
.dseason-head > .ic-sm { margin-left: 12px; color: var(--text-3); transition: transform .25s var(--ease); }
.dseason-head.open > .ic-sm { transform: rotate(180deg); }
.dseason-head .dpill { margin-left: 12px; }
.dseason-poster { flex: 0 0 auto; width: 54px; height: 81px; border-radius: 9px; overflow: hidden; background: var(--bg-3); margin-right: 16px; }
.dseason-poster img { width: 100%; height: 100%; object-fit: cover; }
.dseason-main { flex: 1 1 auto; min-width: 0; }
.dseason-title { font-weight: 800; font-size: 16.5px; margin-bottom: 3px; }
.dseason-main .muted { font-size: 13.5px; }
.dseason-ov { font-size: 13.5px; color: var(--text-2); margin-top: 6px; }
.dseason-eps { padding: 4px 16px 14px; }
.dep { display: flex; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .06); }
.dep-still { flex: 0 0 auto; width: 150px; height: 84px; border-radius: 10px; overflow: hidden; background: var(--bg-3); margin-right: 14px; }
.dep-still img { width: 100%; height: 100%; object-fit: cover; }
.dep-main { min-width: 0; }
.dep-title { font-weight: 750; font-size: 14.5px; }
.dep-meta { font-size: 12.5px; margin: 2px 0 4px; }
.dep p { font-size: 13px; color: var(--text-2); }
.layout-mobile .dep-still { width: 110px; height: 62px; }

.dperson { display: flex; align-items: flex-start; padding-top: 10px; }
.dperson-photo { flex: 0 0 auto; width: 220px; height: 330px; border-radius: 22px; overflow: hidden; background: var(--grad-accent); margin-right: 34px; box-shadow: var(--shadow-2); display: flex; align-items: center; justify-content: center; font-size: 60px; font-weight: 850; }
.dperson-photo img { width: 100%; height: 100%; object-fit: cover; }
.dperson-info { min-width: 0; max-width: 820px; }
.dperson-info .t-h1 { margin-bottom: 6px; }
.dperson-facts { margin: 10px 0 14px; font-size: 14.5px; font-weight: 600; color: var(--text-2); }
.dperson-bio { font-size: 15.5px; line-height: 1.65; color: rgba(240, 242, 255, .85); white-space: pre-line; }
.dperson-bio.expandable { cursor: pointer; }
.clamp-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.layout-mobile .dperson { flex-direction: column; align-items: center; text-align: center; }
.layout-mobile .dperson-photo { width: 160px; height: 240px; margin: 0 0 18px; }

.dissue-for { margin: -6px 0 14px; font-weight: 700; color: var(--text); }
.dissue-types { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin-bottom: 14px; }
.dissue-type { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 6px; border-radius: 14px; font-weight: 700; font-size: 13.5px; color: var(--text-2); background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); transition: background .2s, color .2s, box-shadow .2s; }
.dissue-type .ic { margin-bottom: 6px; }
.dissue-type:hover { color: #fff; background: rgba(255, 255, 255, .09); }
.dissue-type.active { color: #fff; background: rgba(124, 108, 255, .2); box-shadow: inset 0 0 0 1.5px rgba(139, 92, 246, .8); }
.dissue-where { display: flex; margin-bottom: 12px; }
.dissue-where .select { flex: 1 1 0; }
.dissue-where .select + .select { margin-left: 10px; }
.layout-mobile .dissue-types { grid-template-columns: repeat(2, 1fr); }
.dissue-head { display: flex; align-items: flex-start; margin-bottom: 18px; }
.dissue-title { display: block; font-size: 18px; font-weight: 850; margin-bottom: 8px; }
.dissue-title:hover { text-decoration: underline; }
.dissue-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.dissue-meta > * { margin: 0 8px 6px 0; }
.dthread { display: flex; flex-direction: column; }
.dmsg { display: flex; align-items: flex-start; margin-bottom: 14px; }
.dmsg .davatar { width: 30px; height: 30px; margin-right: 10px; }
.dmsg-body { flex: 1 1 auto; min-width: 0; padding: 10px 14px; border-radius: 4px 16px 16px 16px; background: rgba(255, 255, 255, .06); }
.dmsg.mine .dmsg-body { background: rgba(124, 108, 255, .16); }
.dmsg-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px; font-size: 13px; }
.dmsg-head .muted { margin-left: 10px; font-size: 12px; }
.dmsg-text { font-size: 14.5px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.dthread-form { display: flex; align-items: flex-end; margin-top: 4px; }
.dthread-form .textarea { min-height: 54px; flex: 1 1 auto; margin-right: 10px; }
.dissue-actions { justify-content: flex-start; flex-wrap: wrap; }
.dissue-actions > * { margin: 0 10px 8px 0; }

.dset-actions { display: flex; justify-content: flex-end; align-items: center; margin-top: 16px; }
.dset-actions.left { justify-content: flex-start; margin: 8px 0 12px; }
.dset-actions.left > * + * { margin-left: 12px; }
.dset-quota { display: flex; align-items: center; }
.dset-quota .input { width: 86px; height: 42px; }
.dset-quota > * + * { margin-left: 8px; }
.dnotif { border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); overflow: hidden; }
.dnotif-row { display: grid; grid-template-columns: 1fr 90px 90px; align-items: center; padding: 10px 14px; border-bottom: 1px solid rgba(255, 255, 255, .06); font-size: 14px; }
.dnotif-row:last-child { border-bottom: 0; }
.dnotif-row.head { font-size: 12.5px; font-weight: 800; color: var(--text-3); text-transform: uppercase; letter-spacing: .06em; background: rgba(255, 255, 255, .03); }
.dnotif-row > *:not(:first-child) { justify-self: center; }
.dnotif-row small, .dperm small { display: block; font-size: 12.5px; color: var(--text-3); margin-top: 2px; }
.dcheck { position: relative; display: inline-block; width: 22px; height: 22px; flex: 0 0 auto; }
.dcheck input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.dcheck i { position: absolute; top: 0; left: 0; width: 22px; height: 22px; border-radius: 7px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .35); transition: background .15s; }
.dcheck input:checked + i { background: var(--grad-accent); box-shadow: none; }
.dcheck input:checked + i::after { content: ""; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.dcheck input:focus-visible + i { box-shadow: 0 0 0 3px rgba(124, 108, 255, .5); }
.dperms { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 4px 18px; max-height: 52vh; overflow-y: auto; }
.dperm { display: flex; align-items: flex-start; padding: 9px 0; cursor: pointer; font-size: 14px; }
.dperm .dcheck { margin: 1px 12px 0 0; }
.layout-mobile .dperms { grid-template-columns: 1fr; }
.modal-dperms .modal-body, .modal-dserver .modal-body { max-width: 680px; }
.dservers { display: flex; flex-direction: column; }
.dserver { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.dserver:last-child { border-bottom: 0; }
.dserver > * + * { margin-left: 12px; }
.dserver-ic { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(124, 108, 255, .16); color: #c4b5fd; flex: 0 0 auto; }
.dserver-main { flex: 1 1 auto; min-width: 0; }
.dserver-main .muted { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dserver-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); grid-gap: 0 14px; margin: 10px 0 4px; }
.dserver-grid .field.wide { grid-column: 1 / -1; }
.dserver-grid .select { width: 100%; }
.dserver-opts:empty { display: none; }
.dtags { margin-top: 4px; }
.dtags .chip { margin: 0 8px 8px 0; cursor: pointer; }
.dsliders { display: flex; flex-direction: column; }
.dslider { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.dslider:last-child { border-bottom: 0; }
.dslider-title { flex: 1 1 auto; margin-left: 14px; font-weight: 650; }
.dslider.off .dslider-title { color: var(--text-3); }
.dusers { display: flex; flex-direction: column; max-height: 520px; overflow-y: auto; }
.duser { display: flex; align-items: center; width: 100%; padding: 10px 6px; border-radius: 12px; text-align: left; transition: background .2s; }
.duser:hover, .duser:focus { background: rgba(255, 255, 255, .05); }
.duser .davatar { width: 34px; height: 34px; font-size: 14px; margin-right: 12px; }
.duser-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.duser-main .muted { font-size: 13px; }
.duser-count { margin: 0 10px; font-size: 13px; white-space: nowrap; }

.dbl-remove { position: absolute; top: 6px; right: 6px; z-index: 3; background: rgba(8, 8, 16, .8); }
.explore-discover span small { display: block; font-size: 12.5px; font-weight: 600; color: var(--text-3); margin-top: 1px; }
.dcollection .dtabs-wrap { padding-top: 10px; }

#view.enter.view-discover > .page-discover { animation: none; }
#view.enter.view-discover > .page-discover > *:not(.dnav) { animation: nfx-view-in .42s var(--ease-out) both; }
#view.enter-back.view-discover > .page-discover { animation: none; }
#view.enter-back.view-discover > .page-discover > *:not(.dnav) { animation: nfx-view-back .3s ease both; }
