.main-container { background-color: #151515; display: flex; flex-direction: row; justify-content: center; min-height: 100%;}.col-container { min-height: 100vh;}.left-col-container, .right-col-container { width: 20%;}.center-col-container { width: 60%; box-shadow: 0 1px 10px 2px black;}.center-col-container, .all-container { background-color: white;}.dark-theme.center-col-container,.dark-theme.all-container { color: #dddcdc; background-color: #1d1d1d;}.center-col-container a { text-decoration: none;}.center-col-container a:hover { text-decoration: underline;}.dark-theme.center-col-container a { color: white}.dark-theme.center-col-container a:visited { color: #828282;}.dark-theme.center-col-container a:hover { color: #de0909;}.content-main-header-container { padding: 0 60px 0 60px; height: 100%; display: flex; flex-direction: column; justify-content: center;}.content-main-header { display: flex; flex-direction: column; justify-content: end; font-size: 2.6em; font-family: 'Times New Roman', 'serif';}.main-header { display: inline;}.content-main-header-line { height: 10px; border-bottom: solid 2px #4f4f4f; margin-bottom: 50px;}.hierarchy-headers { display: flex; font-family: 'Arial', sans-serif;}.hierarchy-header-container { padding: 5px 20px; border-left: solid 2px #b91818;}.hierarchy-header-container .hierarchy-header a { color: black; text-decoration: none; font-size: 0.8em;}.dark-theme .hierarchy-headers .hierarchy-header a { color: #dddcdc;}.multiple-elements-container { display: flex;}.multiple-elements-col { margin-right: 10px;}.posting-form-frame.toolbar { display: flex; flex-direction: column; justify-content: space-evenly; align-items: start;}.toolbar-btn { margin-left: 10px; height: 30px; width: 80px; display: flex; justify-content: center; align-items: center; border-radius: 3px; background-color: #dcdcdc; color: #303030; border: solid 1px #919191; font-size: 0.8em;}.square-btn { min-width: 30px; max-width: 30px;}.small-btn { width: 60px;}.toolbar-btn:hover { cursor: pointer; background-color: #e8e8e8;}.toolbar-btn:disabled, .toolbar-btn.disabled, .toolbar.disabled .toolbar-btn { cursor: not-allowed; background-color: #c4c4c4; border-color: #c4c4c4; color: #8e8e8e;}.tags-btn-container { display: flex; justify-content: start; flex-wrap: wrap;}.tags-btn-container .toolbar-btn { margin: 5px;}.dark-theme .toolbar-btn { color: white; background-color: #ab3032; border-color: #ab3032;}.dark-theme .toolbar-btn:hover { background-color: #d34345;}.dark-theme .toolbar-btn:disabled,.dark-theme .toolbar-btn.disabled,.dark-theme .toolbar.disabled .toolbar-btn { background-color: #9c392d; border-color: #9c392d; color: #bc6c63;}.round-dot { border-radius:50%; height:15px; width:15px}.text-right { text-align: right;}.text-center { text-align: center;}blockquote { top: 0; bottom: 0; right: 0; left: 0; display: table; margin: 0 auto; padding: 15px; background: #f7f7f7; min-width: 200px; max-width: 400px; border-radius: 5px; font-size: 1.1em;}.dark-theme blockquote { background: #2c2c2c;}.posting-form-frame { display: flex; align-items: center; background-color: #f1f1f1; box-shadow: 1px 1px 1px 1px #a4a4a4; padding-left: 20px;}.dark-theme .posting-form-frame { background-color: #272727; box-shadow: 1px 1px 2px 1px #0e0e0e;}.dark-theme .posting-form-frame input[type="text"],.dark-theme .posting-form-frame input[type="date"],.dark-theme .posting-form-frame input[type="number"],.dark-theme .posting-form-frame input[type="password"],.dark-theme .posting-form-frame select { background-color: #0a0a0a; color: whitesmoke;}.dark-theme .posting-form-frame label { color: whitesmoke;}.posting-form-textarea { height: 450px; resize: none; font-size: 1.4em; overflow-y: scroll; background-color: #fafafa; border: solid 1px #cacaca;}.dark-theme .posting-form-textarea { background-color: #111111; color: #ebebeb;}.posting-form-textarea:focus, .posting-form-frame input:focus { outline: none;}.popup-form.posting-form-frame { padding: 0; flex-direction: column; align-items: center; width: 500px; margin: 10px;}.popup-form-holder, .popup-form-textarea-holder { width: 460px; margin: 10px; display: flex; flex-direction: column; justify-content: start;}.popup-form textarea { font-size: 0.9em; width: 450px; margin: 5px;}.popup-form input[type=password] { width: 200px; height: 20px; margin: 5px;}.popup-form input:invalid, .popup-form textarea:invalid { border-color: #b60303 !important;}.dark-theme .popup-form input[type=password] { background-color: #0a0a0a; color: whitesmoke; border: solid 1px #434343;}.popup-form label { display: flex; color: black; font-size: 0.8em; margin-left: 5px;}.dark-theme .popup-form label { color: whitesmoke;}.posting-form-data { display: flex; color: #00047e; font-size: 0.8em; margin-left: 5px;}.posting-form-data-text { display: inline; margin-top: 2px; padding: 5px; color: black; height: 250px; overflow-y: scroll; font-size: 0.8em; text-align: left; border: solid 1px #c6c6c6;}.dark-theme .posting-form-data { color: #c82727;}.dark-theme .posting-form-data-text { color: whitesmoke; background: black;}.popup-form-holder.popup-checkbox-inline { display: flex; flex-direction: row;}.popup-checkbox-inline label { margin-left: 5px;}.popup-checkbox-inline sup { font-size: 0.7em; color: #969696; font-style: italic;}.posting-form-readonly { color: #a2a2a2; font-size: 0.8em; display: flex; margin-left: 5px;}.posting-form-frame textarea.posting-form-input { outline: none; resize: none; height: 20px; font-size: 0.9em; background-color: #fafafa; border: solid 1px #cacaca;}.dark-theme textarea.posting-form-input { background-color: #111111; color: #ebebeb; border-color: #373b40;}.popup-dialog { color: black; margin: 10px; padding-right: 20px; display: flex; justify-content: center; font-family: Arial, sans-serif;}.form-main-container { display: flex; justify-content: center; min-height: 200px; font-family: Arial, sans-serif;}.dark-theme .popup-dialog { color: #dddcdc;}.id-holder { border: solid 1px #a2a2a2; background-color: #e2e1e1;}.dark-theme .id-holder { border-color: #494949; background-color: #191818;}.swal-discreet-msg { font-family: 'Arial', sans-serif; margin: 0; padding: 0 0 0 25px; font-size: 0.9em;}.swal-discreet-cap { display: flex;}.swal-discreet-msg img { margin: 0;}.swal-discreet-msg b { margin-left: 10px;}.swal-discreet-br { margin-top: 20px; border-bottom: solid 2px white; width: 500px;}.swal-discreet-msg p { display: flex; justify-content: start; text-align: start;}.no-content-placeholder { color: #c2c2c2; font-style: italic;}.non-displayable { display: none !important;}.warning-container { display: flex; flex-direction: column; background-color: #ffd32c4a; padding: 20px; border: solid 2px #ffbd00; font-size: 0.8em; color: black;}.dark-theme .warning-container { background-color: #9c392d4a; color: #9c392d; border-color: #9c392d;}.warning-header { font-weight: bold; margin-bottom: 10px;}.warning-paragraph p { margin: 2px;}.loading { animation: rotation 1s infinite linear; border: 3px solid rgba(185, 185, 185, 0.1); border-radius: 50%; border-top-color: rgba(185, 185, 185, 0.7); height: 3em; width: 3em;}.loading.loading-medium { height: 2em; width: 2em; border-width: 2px;}.loading.loading-small { height: 1.2em; width: 1.2em; border-width: 1px;}.loading.loading-large { height: 5em; width: 5em; border-width: 4px;}.content-main-references { height: 60px; display: flex; justify-content: center; align-items: center;}.content-main-references-content { width: 94%; background-color: whitesmoke; padding: 10px; color: black; font-size: 0.9em; border: solid 2px lightgray;}.content-main-references .content-main-references-content a { color: blue;}.content-main-references .content-main-references-content a:visited { color: #673AB7;}.main-page-img { height: 550px; background-image: url("/img/q6x3zh4.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 0; background-color: black;}.droplist-form { font-family: 'Arial', sans-serif; font-size: 0.8em;}.droplist-body { display: flex; margin-top: 15px; flex-direction: column;}.droplist-checkbox-holder { display: flex; margin: 10px 0;}.droplist-checkbox-holder label { margin-left: 10px; display: flex; align-items: center;}.social-btn-bar { margin: 30px; width: 240px; height: 70px; display: flex; justify-content: space-evenly; align-items: center;}.social-btn { width: 58px; height: 58px; border-radius: 100%; background: url('/img/socicon.png') -121px -1px / 180px 60px no-repeat white; cursor: pointer;}.ok-share-btn { background: url('/img/socicon.png') -1px -1px / 180px 60px no-repeat white;}.tg-share-btn { background: url('/img/socicon.png') -61px -1px / 180px 60px no-repeat white;}.vk-share-btn:hover { background-color: #0077ff; box-shadow: 0 0 5px 2px #0077ff;}.ok-share-btn:hover { background-color: #ed8207; box-shadow: 0 0 5px 2px #ed8207;}.tg-share-btn:hover { background-color: #27a7e7; box-shadow: 0 0 5px 2px #27a7e7;}footer { background-color: #030303; padding: 30px 30px 10px 30px; font-family: "Arial", sans-serif; color: #ecebe5;}.footer-col-container { display: flex; font-family: "Arial", sans-serif; color: #ecebe5; font-size: 0.9em; padding-left: 10%;}.footer-col-head { margin: 30px 0 20px 40px; font-weight: bold;}.footer-inline { margin-top: 5px;}.footer-inline-content { display: flex;}.footer-icon { height: 38px; width: 38px; border-radius: 50%; background: url("/img/socicon.png") -81px -1px / 120px 40px no-repeat white;}.footer-link { color: #ecebe5; text-decoration: none; display: flex; align-items: center;}.footer-link:hover { text-decoration: underline;}.footer-contacts-tg .footer-icon { background: url("/img/socicon.png") -41px -1px / 120px 40px no-repeat white;}.footer-feedback .footer-icon { background: url("/img/mail-rnd.png") 50% / 40px 40px no-repeat white;}.footer-bottom { margin-top: 80px; font-size: 0.9em;}.secret-label, .show-secret-btn { display: flex;}.secret-label label { display: flex; align-items: center;}.show-secret-btn { margin-left: 10px; cursor: pointer;}.show-secret-btn .show-secret-icon { display: none;}.show-secret-btn .hide-secret-icon { display: inline;}.show-secret-btn.secret-hidden .hide-secret-icon { display: none;}.show-secret-btn.secret-hidden .show-secret-icon { display: inline;}.emal-frame { position: absolute; bottom: 10000px;}@keyframes rotation { to { transform: rotate(360deg); }}.invisible { visibility: hidden;}@media screen and (max-width: 970px) { body { height: 110vh; }}@media screen and (max-width: 900px) { body { height: 120vh; }}@media screen and (max-width: 850px) { body { height: 150vh; } body .left-col-container, body .right-col-container { display: none; } body .center-col-container { width: 100%; font-size: 2em; } body .tags-btn-container { height: 150px; width: 100%; } body .tags-btn-container .toolbar-btn { width: 200px; height: 60px; font-size: 1.2em; } body .tags-btn-container .toolbar-btn.square-btn { max-width: 60px; } body .main-page-img { height: 2800px; }}@media screen and (max-width: 730px) { body { height: 345vh; }}
html { min-height: 100%; background-color: #151515; word-wrap: break-word;}body { width: 100%; min-height: 100%; margin: 0;}header { height: 150px; background-color: black;}.navbar { height: 100%; display: flex; flex-direction: row; justify-content: space-between;}.logo-image { height: 160px;}.menu-item-logo-href { display: flex; height: 145px; width: 450px; justify-content: center; align-items: center;}.navbar-block { flex: 1;}.navbar-content.navbar-block { flex: 3; display: flex; flex-direction: row;}.menu-item { display: flex; flex-direction: column; justify-content: center; min-width: 150px;}.menu-item-href { color: #d1d1d1; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; text-decoration: none; text-align: center;}.menu-item-href:hover { color: #de1717;}.menu-item .left-col-menu-container { display: none;}.menu-item:hover .left-col-menu-container { display: flex; z-index: 1; height: 0; width: 0; position: absolute;}.menu-item:hover .left-col-menu { position: relative; left: 150px; min-width: 200px; height: 300px;}.menu-item .left-col-menu-link { height: 30px;}.search-bar-container { height: 100%; display: flex; flex-direction: column; justify-content: center;}.search-bar-container input { width: 150px; outline: none;}.menu-account-bar { display: flex; flex-direction: column;}.account-info { min-height: 90px; display: flex; flex-direction: column; justify-content: center;}.account-info-container { display: flex; justify-content: center; align-items: center;}.account-info-container a { font-family: 'Poppins', sans-serif; color: #d1d1d1; display: flex; flex-direction: column; justify-content: center; text-decoration: none;}.account-info-container .logout-button { margin: 0 0 0 5px; padding: 0; font-size: 1.5em; background-color: inherit; color: #d1d1d1; cursor: pointer; border: none;}.account-info-container a:hover, .account-info-container .logout-button:hover { color: #de1717;}.account-widgets { display: flex; justify-content: center; align-items: center; background-color: black; height: 50px; width: 280px; position: fixed; top: 90px; right: 30px; border-radius: 50px; box-shadow: 0 0 5px 1px grey;}@media screen and (max-width: 1600px) { html, body { min-width: 1510px; } header { min-width: 1510px; } .main-container { min-width: 1510px; } .account-widgets { position: static; }}@media screen and (max-width: 850px) { .menu-item:hover .left-col-menu { position: relative; left: 300px; min-width: 600px; height: 800px; } .menu-item .left-col-menu-link { height: 90px; } .menu-item { font-size: 2.5em; } .navbar-content .menu-item .menu-item-href { font-size: 0.6em; }}.panel-enter-btn { width: 20px; height: 20px; margin-right: 10px; background: url('/img/icons-2.png') -40px 0 / 100px 60px no-repeat transparent;}
.left-col-menu-container { margin-top: 30px; display: flex; justify-content: center;}.left-col-menu { width: 300px; height: 400px; background-color: black;}.left-col-menu-links-container { display: flex; flex-direction: column;}.left-col-menu-paragraph { margin-top: 20px;}.left-col-menu-link { font-family: Arial, sans-serif; font-size: 0.9em; color: #d1d1d1; text-decoration: none; height: 40px; display: flex; flex-direction: column; justify-content: center; padding-left: 20px; border-bottom: solid 1px #333333;}.left-col-menu-link:hover, .left-col-menu-chosen { background-color: #1c1c1c; color: white;}
.content-main-statistics-block { border-left: solid 3px #b00000; font-size: 1.3em; padding: 10px; text-align: justify; background-color: #80808014;}.content-main-col-block { margin-top: 50px; display: flex;}.content-main-left-col { display: flex; flex-direction: column; flex: 3;}.content-main-right-col { flex: 2;}.content-main-container h1 { font-weight: normal; font-size: 1.5em;}.content-main-best-new { margin-bottom: 50px;}.content-main-best-new h2 { font-weight: normal; border-bottom: solid 1px #80808080;}.best-post-header { font-size: 1.3em; margin-top: 50px;}.best-post-content { margin-top: 20px;}.content-controls { padding: 20px 50px; font-family: Arial, sans-serif; font-size: 0.8em; display: flex; justify-content: space-between;}.content-control-buttons { display: flex;}.content-control-buttons form { padding: 0; margin-left: 20px; display: flex;}.content-control-buttons input { padding: 0; background-color: transparent; border: none; display: flex; color: blue;}.content-control-buttons input:hover { cursor: pointer; text-decoration: underline;}.dark-theme .content-control-buttons input { color: white;}.dark-theme .content-control-buttons input:hover { color: #de0909;}.content-add-btn-container a { margin-left: 20px;}.content-add-list { display: none; position: absolute; background-color: black;}.content-add-line { padding: 10px; cursor: pointer;}.content-add-line:hover { background-color: #1c1c1c; color: white;}.content-add-btn-container a:hover + .content-add-list, .content-add-list:hover { display: flex; flex-direction: column;}.content-state-holder { display: flex;}.content-approve-holder { cursor: pointer;}.content-approve-holder .content-warning { display: none;}.warning .content-approved { display: none;}.content-approve-holder.warning .content-warning { display: block;}.content-block { overflow-y: scroll;}.content-block::-webkit-scrollbar { display: none;}.content-top-bar { display: flex; flex-direction: column; justify-content: space-evenly; height: 150px;}.content-main-strip { min-height: 300px;}.content-block-container { font-family: Arial, sans-serif; padding: 20px 60px 20px 60px; min-height: 60px;}.content-upper-bar { display: flex; justify-content: end;}.content-type { font-size: 0.7em; color: #ff2424;}.dark-theme .content-type { color: whitesmoke;}.content-header, .content-header:visited { font-size: 1.5em; color: #ff2424; text-decoration: none;}.dark-theme a.content-header, .dark-theme a.content-header:visited { color: whitesmoke;}.content-header:visited { color: #de1717;}.content-header:hover { text-decoration: underline;}.dark-theme a.content-header:hover { color: #ff2424;}.content-line-div { height: 50px; border-top: solid 1px #e1e1e1; padding-top: 5px;}.dark-theme .content-line-div { border-color: #4a4a4a;}.content-line-bar { display: flex; justify-content: end;}.content-read-time { display: flex; justify-content: space-evenly; align-items: center;}.content-read-time path { fill: #888888cf;}.content-read-time-value { margin: 0 10px; color: #888888cf;}.content-enlisting { margin: 40px 0; border: solid 1px #b2b2b280; width: 400px; padding: 20px; font-size: 0.9em; background-color: #6b6b6b0d;}.content-enlisting-ul { list-style-type: none; padding-left: 20px;}.content-enlisting-ul.collapsed { display: none;}.content-enlisting-head { font-weight: bold; cursor: pointer;}.content-enlisting-ul li span { margin-right: 20px;}.ref-list { margin: 60px 0; border-top: solid 1px #87878780; padding: 10px; list-style-type: none; font-size: 0.8em;}.ref-list sup { margin-right: 10px;}.content-date { height: 20px; width: 160px; display: flex; justify-content: center; align-items: center; font-size: 0.8em; border: solid 1px #c2c2c2; border-radius: 50px; background-color: #c2c2c2; color: white;}.dark-theme .content-date { background-color: #424242; border-color: #0f0f0f;}.content-rating, .content-label { margin-left: 10px; width: 60px; display: flex;}.content-rating div, .content-humor-icon { height: 20px; width: 20px; border-radius: 50%;}.content-rating .content-rate { width: 40px; display: flex; justify-content: center; align-items: end;}.content-rate-icon-1 { box-shadow: 0 0 1px 1px black; background: url('/img/rate-newmoon.png') 50% / 20px 20px no-repeat black;}.content-rate-icon-2 { box-shadow: 0 0 1px 1px black; background: url('/img/rate-part.png') 50% / 20px 20px no-repeat black;}.content-rate-icon-3 { box-shadow: 0 0 1px 1px black; background: url('/img/rate-half.png') 50% / 20px 20px no-repeat black;}.content-rate-icon-4 { box-shadow: 0 0 1px 1px black; background: url('/img/rate-close.png') 50% / 20px 20px no-repeat black;}.content-rate-icon-5 { box-shadow: 0 0 1px 1px black; background: url('/img/rate-full.png') 50% / 20px 20px no-repeat black;}.content-humor-icon { display: none; box-shadow: 0 0 1px 1px black; background: url('/img/rate-humor.png') 50% / 20px 20px no-repeat black;}.content-humor-num { position: relative; justify-content: center; align-items: end; height: 20px; left: 20px; color: #fd1d70; font-weight: bold; display: none;}.content-label:hover .content-humor-icon { display: inline;}.content-label:hover .content-humor-num { display: flex;}.content-tags { margin-top: 20px; display: inline-block;}.content-tag-container { display: inline-block; margin: 5px; height: 20px; align-items: center; border: solid 1px #9a9a9a; border-radius: 50px; background-color: #dddddd;}.dark-theme .content-tag-container { border: solid 1px #878787; background-color: #000e54;}.content-block-container .content-tags .content-tag-container a { margin: 10px; font-size: 0.8em; color: #898989; text-decoration: none;}.dark-theme .content-block-container .content-tags .content-tag-container a { color: white;}.content-bottom-bar { padding-left: 60px; margin-bottom: 100px;}.content-bottom-pagination { display: flex; flex-direction: column; justify-content: center;}.pagination-bar { width: 300px; display: flex;}.pg { font-family: Arial, sans-serif; font-weight: bold; min-width: 50px; display: flex; justify-content: center;}.pg-link, .pg.pg-crt { color: #ff2424;}.content-template h2 { font-family: Times New Roman, serif; font-weight: normal; font-size: 2em; border-bottom: solid 1px #e8e8e8;}.dark-theme .content-template h2 { border-bottom: solid 1px #494949;}.post-content-spoiler { background-color: #9a9a9a; color: transparent;}.post-content-spoiler a, .post-content-spoiler i, .post-content-spoiler b, .post-content-spoiler p, .post-content-spoiler span { visibility: hidden;}.post-content-spoiler:hover { background-color: inherit; color: inherit;}.post-content-spoiler:hover i, .post-content-spoiler:hover b, .post-content-spoiler:hover p, .post-content-spoiler:hover span { visibility: visible; background-color: inherit; color: inherit;}.post-content-spoiler:hover a { visibility: visible; background-color: inherit; color: -webkit-link;}.stars-line { width: 100%; display: flex; justify-content: center; margin: 30px 0; font-family: Times New Roman, serif; font-size: 1.5em;}.post-categories { padding-left: 60px; font-family: 'Arial', sans-serif;}.post-categories-cap { font-size: 1.5em;}.post-categories-list { margin: 20px 20px 20px 0; max-width: 100%;}.post-category { display: inline-block; text-align: center; margin-right: 20px; height: 30px;}.add-category-btn { position: relative; top: 3px; display: inline; margin-right: 20px; font-size: 1.8em; font-weight: bold; color: #cccccc;}.add-category-btn:hover { color: #dbdbdb; cursor: pointer;}.post-category .detach-btn { position: relative; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; right: 15px; top: 10px; background-color: red; color: white; border-radius: 100%; cursor: pointer; visibility: hidden;}.post-category:hover .detach-btn { visibility: visible;}.undercut-name { font-size: 0.9em; font-weight: bold; text-decoration: underline; cursor: pointer;}.undercut-name:hover { color: #de0909;}.undercut-content { display: none;}.undercut-name.show + .undercut-content { display: inherit;}.voting-container { font-family: Arial, sans-serif; padding: 20px 60px 20px 60px;}@media screen and (max-width: 850px) { body .content-template { width: 100%; font-size: 1.5em; } .content-block-container { font-size: 1.2em; } .content-block-container .content-date { width: 400px; height: 50px; } .content-block-container .content-rating { width: 200px; height: 50px; } .content-block-container .content-rating div { width: 50px; height: 50px; } .content-block-container .content-rating .content-rate { width: 100px; } .content-block-container .content-label { width: 200px; height: 50px; } .content-rate-icon-1 { background: url('/img/rate-newmoon.png') 50% / 50px 50px no-repeat black; } .content-rate-icon-2 { background: url('/img/rate-part.png') 50% / 50px 50px no-repeat black; } .content-rate-icon-3 { background: url('/img/rate-half.png') 50% / 50px 50px no-repeat black; } .content-rate-icon-4 { background: url('/img/rate-close.png') 50% / 50px 50px no-repeat black; } .content-rate-icon-5 { background: url('/img/rate-full.png') 50% / 50px 50px no-repeat black; } .content-humor-icon { background: url('/img/rate-humor.png') 50% / 50px 50px no-repeat black; } .content-tag-container { height: 50px; }}
.notifications-widget-box { margin: 0 10px; position: relative; cursor: pointer;}.notifications-widget-box:hover path { fill: #de1717;}.notifications-dot { height: 12px; width: 12px; background-color: #de1717; border: solid 2px white; border-radius: 100%; position: absolute; left: 12px;}.notifications-container { display: flex; background-color: #272727; color: whitesmoke; font-family: "Arial", sans-serif; border-radius: 5px;}.notifications-list { display: flex; flex-direction: column; height: 400px; width: 100%; overflow-y: scroll; border-radius: 5px;}.notifications-list::-webkit-scrollbar { display: none;}.notification { display: flex; flex-direction: column; padding: 20px; border-bottom: solid 1px #383838; background-color: #2c2b2b;}.notification-body { font-size: 0.8em; display: flex;}.notification-text { text-align: start;}.notification-bottom { margin-top: 20px; display: flex; font-size: 0.7em; color: #7f7f7f;}.dark-theme-widget-background { width: 60px; height: 32px; border-radius: 50px; background-color: #aaccff; display: flex; justify-content: start; align-items: center; cursor: pointer; transition: all 0.4s ease-in-out;}.dark-theme-sun { height: 20px; width: 20px; margin: 7px; position: relative; border-radius: 100%; background-color: #ffffff; box-shadow: 0 0 3px 3px #fff612; left: 0; transition: all 0.4s ease-in-out;}.dark-theme .dark-theme-sun { height: 22px; width: 22px; border-radius: 100%; left: 26px; background-color: #dff2f3; box-shadow: 0 0 3px 1px #f8fcff;}.dark-theme.dark-theme-widget-background { background-color: #000e54;}
.search-main-content-container { padding: 0 50px 50px 50px; font-family: 'Arial', sans-serif;}.search-upper-bar { margin: 0 50px; height: 30px; display: flex; align-items: center; justify-content: space-between; background-color: #f1f1f1; box-shadow: 1px 1px 1px 1px #a4a4a4; padding-left: 20px; font-family: 'Arial', sans-serif; cursor: default;}.dark-theme .search-upper-bar { background-color: #272727; box-shadow: 1px 1px 2px 1px #0e0e0e;}.search-form-type-container,.search-form-category-container,.search-form-other-container,.search-btn-container { margin-top: 5px;}.search-form-type-container { height: 30px;}.search-form-type-container label, .search-form-spoiler label { margin-right: 5px;}.search-form-category-container.posting-form-frame { height: 180px; align-items: start; padding-top: 20px;}.search-form-category, .search-form-category-not { display: flex; flex-direction: column; padding-right: 30px;}.search-hint { font-size: 0.8em;}.search-form-other-container { padding-top: 20px; align-items: end; padding-bottom: 20px; flex-wrap: wrap;}.search-form-other-container input { width: 40px;}.search-form-date input { width: 100px;}.search-form-author { display: flex; flex-direction: column}.search-form-author input { width: 200px;}.search-form-attr-body { display: flex; width: 150px; justify-content: space-between;}.search-form-date .search-form-attr-body { width: 250px;}.search-form-date, .search-form-average, .search-form-total, .search-form-humor { margin-left: 20px; display: flex; flex-direction: column; justify-content: space-between; height: 40px;}.search-btn-container { height: 40px;}.search-submit-btn { width: 170px;}.search-container.hidden .search-main-content-container { display: none;}.search-container .search-show { display: none;}.search-container.hidden .search-hide { display: none;}.search-container.hidden .search-show { display: inline-block;}.search-bar-show-btn { width: 20px; height: 20px; margin-right: 10px; background-image: url('/img/arr-up-down.png'); background-repeat: no-repeat; background-position: 0 0;}.search-container.hidden .search-bar-show-btn { background-position: -20px 0;}.content-main-strip { margin-top: 50px;}