html.dark { background: var(--darkBack); }
html.dark body { background: var(--darkBack); color: var(--darkColor); }

html.dark .x-bar::before { background: var(--darkColor)!important; }
html.dark .x-bar::after  { background: var(--darkColor)!important; }

html.dark .pop-container.ani .pop-back { opacity: 0.65; }
html.dark .pop-body { background: #2d2d2d; background: #333!important; box-shadow: 0 0 20px #000; outline: 1px solid #3d3d3d; outline: 1px solid #444; }

html.dark #agree-re-back { opacity: 0.65; }
html.dark #alert-box { background: #333; box-shadow: 0 0 20px #000; }
html.dark #alert-btn { border-color: #444; }
html.dark #alert-btn:active { background: #555; }

html.dark .footer-btn { color: #ccc; }
html.dark .footer-btn:hover { color: #fff; }

html.dark .btn.active { background-color: #fff3!important; }

html.dark .btn-dot > * { background: #fff; }
html.dark .dot-menu-btn.edit::before { background-image: url('/svg/dark/edit.svg?2'); }
html.dark .dot-menu-btn.del::before { background-image: url('/svg/dark/delete.svg?2'); }

html.dark .calendar { background: var(--darkMain); }
html.dark .gr { background: linear-gradient(145deg, #9f8c6f, #655843); background: linear-gradient(145deg, #c8bdac, #847358); background: #fff; opacity: 0.1; }

html.dark .calendar .w6 .date-num, html.dark #set-close-area #set-close .w6 { color: #66b2ff; }
html.dark .calendar .w0 .date-num, html.dark .calendar .holi .date-num, html.dark #set-close-area #set-close .w0, html.dark #set-close-area #set-close .holi { color: #f66; }

html.dark #select-arrow { border-top-color: var(--darkColor); }
html.dark #tri { border-top-color: #c8bdac; }
html.dark .bar-txt-plus { color: #4db34d; }

html.dark .btn-white { background: linear-gradient(166deg, #333 40%, #222); border-color: #333; text-shadow: none; color: inherit; }
html.dark #btn-open-close { color: #ddd; background: linear-gradient(166deg, #444 40%, #2a2a2a); border-color: #4a4a4a; }
html.dark #btn-open-close.active { border-color: #aaa; }
html.dark #btn-open-close::before { background-image: url('/svg/dark/close.svg'); }

html.dark #list-label::before { background: var(--darkBack); }
html.dark .list, html.dark .list-head-wrap { background: var(--darkMain); }
html.dark .list.on .list-head { box-shadow: 0 0 10px #000; }

html.dark .input { border-color: #333; color: #fff; background: #222; }
html.dark .input.focus { outline-color: #aaa!important; }
html.dark .input.writing .input-txt::after { background: #fff; }
html.dark .input.all .input-txt { background: #30819c; }
html.dark .input-x .x-bar { background: #bbb; }
html.dark .input-x .x-bar::before { background: #000!important; }
html.dark .input-x .x-bar::after { background: #000!important; }

html.dark #select-wrap.active { background: #fff3!important; }

html.dark input, html.dark textarea { caret-color: var(--darkColor); }


@supports (backdrop-filter: blur()) or (-webkit-backdrop-filter: blur()) {

	html.dark #list-label::before { background: rgba(18, 18, 18, 0.65); }

}