@keyframes authAnim{0%{opacity:0;height:67px}2%{height:auto}100%{opacity:1}}.exb-box{animation:1s authAnim 1s both;background-color:#fafafa;border:1px solid #e5e5e5;box-sizing:border-box;clear:both;font-size:16px;hyphens:none;line-height:normal;margin:30px 0 12px;width:100%}.exb-box a{border-bottom:0;box-shadow:none}.auth_header{background-color:#eee;justify-content:space-between;padding:0 6px}.auth_header a:hover{text-decoration:underline}.auth__flex-center{align-items:center;display:flex}.auth_sp{cursor:pointer;padding:6px}.auth_sp:hover{opacity:.7}.auth_sp::before{content:'\f068';font-family:rcl-awesome}.exb-box__compact .auth_sp::before{content:'\f067'}.auth_hright{flex-grow:1;justify-content:space-between;line-height:1;padding:6px 0}.auth_status{margin:0 6px}.auth_sname{flex-shrink:1;flex-wrap:wrap}.auth_date{color:#6c6c6c;font-size:.7em;margin:0 6px}.status_author_mess{align-items:center;color:#6c6c6c;display:flex;font-size:.7em;text-align:center}.status_author_mess.online::after{content:"На сайте";margin:0 0 0 6px}.auth_content{display:flex;position:relative}.exb-box__compact .auth_right,.exb-box__compact .rating-rcl{height:0;padding:0;opacity:0;transform:scale(.6)}.auth_ava_blk{flex-shrink:0;max-width:70px;position:relative}.auth_ava{transition:all .2s linear;width:70px}.exb-box__compact .auth_ava{width:36px}.auth_ava img.avatar{border-radius:0;display:block;margin:0;padding:0;height:auto;max-width:100%}.auth_zoom_ava{display:none;font-size:26px;left:6px;position:absolute;top:6px}.auth_ava_blk:hover .auth_zoom_ava{display:block}.auth_ava_blk:hover .auth_zoom_ava a{color:#ddd}.auth_ava_blk:hover .auth_zoom_ava a:hover{color:#eee}.auth_right_m{display:flex;flex-direction:column;padding:0 0 0 12px;width:100%}.auth_right{height:100%;opacity:1;padding:6px 6px 3px 0;transform:scale(1);transition:all .2s linear}.exb-box .ballun-status{max-width:100%}.exb-box .ballun-status .status-user-rcl{margin:3px 3px 6px 12px;max-width:calc(100% - 90px)}.exb-box .status-user-rcl::before{border-width:0 18px 18px 0;border-right-color:var(--rclHex);left:-18px;top:6px}.ballun-status .auth_soc{float:right;max-width:66px}.ballun-status #social-link-rcl{display:flex;flex-wrap:wrap;justify-content:center;margin:0}.auth_content #social-link-rcl li{box-sizing:border-box;margin:0 3px 3px 0;text-align:center;width:30px}.auth_content.no_descr #social-link-rcl li{margin:0 3px;width:auto}.auth_content.no_descr.no_sity #social-link-rcl li{margin:0 3px 3px 0;width:30px}.auth_content.no_descr .auth_soc{max-width:none}.auth_content.no_descr.no_sity .auth_soc{max-width:132px}.ucc_cou_sit{margin:6px 0 12px}.auth_buttn{margin:6px 0 0}.auth_buttn>*{display:inline-block;margin:0 3px 3px 0}.auth_buttn a.recall-button{align-items:center;display:flex;min-height:30px;padding:6px 12px}.exb-box__compact .auth_post_rayt{flex-grow:1}.auth_post_rayt .rcl-rating-box{display:flex;flex-grow:1;justify-content:flex-end;margin:6px}.auth_post_rayt .rating-wrapper,.exb-box__compact .stars-wrapper{align-items:center;display:flex;line-height:1}.auth_post_rayt .rcl-rating-box .rating-value{margin:0 3px}.exb-box__compact .stars-wrapper>.vote-star{align-items:center;display:flex}.auth_post_rayt .votes-window{box-shadow:20px 20px 25px -15px #777,0 0 3px -1px #000;margin:0 3px 3px 0;padding:6px 12px}.auth_post_rayt .votes-window .close{right:-6px;top:-15px}.auth_post_rayt .votes-window .votes-list li{margin:6px}@media screen and (max-width:480px){.auth_hright{flex-wrap:wrap}.exb-box .ballun-status .status-user-rcl{max-width:100%}.auth_sright{margin:6px}}@media screen and (max-width:380px){.auth_sleft{flex-wrap:wrap}.auth_sname{margin:0 0 0 6px}}.chpt_box { box-sizing: border-box; line-height: normal; margin: 24px 0 6px; } .chpt_header { align-items: center; display: flex; flex-wrap: wrap; margin: 0 0 6px; } .chpt_title { color: #777; margin: 0 0 0 12px; } .chpt_series_title { line-height: normal; margin: 6px 12px; } .chpt_content_box { display: flex; flex-wrap: wrap; justify-content: space-around; } .chpt_item.chpt_current { filter: grayscale(100%); } .chpt_item.chpt_current::after { background-color: #e5e5e5; color: #000; content: "Вы на странице этой записи"; left: 0; line-height: 1; opacity: 0; padding: 6px; pointer-events: none; position: absolute; right: 0; text-align: center; top: -20px; transition: all .3s ease-out; max-width: 380px; } .chpt_item.chpt_current:hover::after { opacity: 1; top: 0; } .chpt_item.chpt_current a, .chpt_item.chpt_current .chpt_footer { opacity: .8; pointer-events: none; } #chpt_wrapper .chpt_item { animation: fadeIn .5s linear .3s forwards; background-color: #fff; border: 1px solid #e2e2e2; box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0 0 12px; max-width: 380px; min-width: 150px; padding: 0; position: relative; transition: all .3s ease-out; } #chpt_wrapper .chpt_item:nth-child(2){animation-delay:.8s;} #chpt_wrapper .chpt_item:nth-child(3){animation-delay:1.1s;} #chpt_wrapper .chpt_item:nth-child(4){animation-delay:1.4s;} #chpt_wrapper .chpt_item:nth-child(5){animation-delay:1.7s;} #chpt_wrapper .chpt_item:nth-child(6){animation-delay:2.0s;} #chpt_wrapper .chpt_item:nth-child(7){animation-delay:2.3s;} #chpt_wrapper .chpt_item:nth-child(8){animation-delay:2.6s;} #chpt_wrapper .chpt_item:nth-child(9){animation-delay:2.9s;} @media (min-width: 40rem) { #chpt_wrapper .chpt_item { width: calc(50% - 12px); } } @media (min-width: 56rem) { #chpt_wrapper .chpt_item { width: calc(33.3% - 12px); } #chpt_wrapper.chpt_box_4_items .chpt_item, #chpt_wrapper.chpt_box_2_items .chpt_item { width: calc(50% - 12px); } } #chpt_wrapper .chpt_item:hover { border-color: #2986AE; box-shadow: 6px 6px 12px -6px #aaa,0 0 2px 1px rgba(0, 0, 0, .1); } .chpt_item .chpt_img { box-shadow: none !important; display: grid; height: 120px; overflow: hidden; padding: 3px 3px 0; width: 100%; } #chpt_wrapper .chpt_img img { border-radius: 0; border: none; float: none; height: 100% !important; margin: 0; max-width: none; object-fit: cover; width: 100%; transition: all .3s ease-in-out; } #chpt_wrapper .chpt_item:hover img { -webkit-filter: saturate(130%); filter: saturate(130%); opacity: .9; } .chpt_item a:hover{ text-decoration: none; } .chpt_link { box-shadow: none !important; font-size: 110%; font-weight: 500; padding: 6px; text-align: center; width: 100%; } .chpt_footer { align-items: center; border-top: 1px solid #e5e5e5; color: #777; display: flex; justify-content: space-between; line-height: normal; padding: 6px 12px; width: 100%; transition: all .3s ease-out; } .chpt_item:hover .chpt_footer { border-top-color: orange; } .chpt_comment .rcli { margin: 0 6px; color: #aaa; } .chpt_next { width: 100%; max-width: 100%; margin: 6px; font-size: 18px; font-weight: 500; } #chpt_wrapper .chpt_list { width: 100%; max-width: 100%; border: none; padding: 6px; margin: 0 18px 3px; display: list-item; } #chpt_wrapper .chpt_list:hover{ box-shadow: none; text-decoration: underline; } .chpt_list::marker { color: var(--rclHex); }