@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}} .tobr-nav { display: flex; align-items: center; } .tobr-nav > div { margin: 0 8px; } .tobr-nav-btn { background: white; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; font-size: 16px; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14); transition: all .2s; } .tobr-nav-btn:hover { background: #656565; color: white; transition: all .2s; cursor: pointer; } .tobr-nav-page input { border: none; background-color: unset; width: 37px; } .tobr-type-post.tobr-template-list .tobr-header { margin-bottom: 20px; } .tobr-type-post.tobr-template-list .tobr-object { display: flex; } .tobr-type-post.tobr-template-list .tobr-object:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.058823529411764705); } .tobr-type-post.tobr-template-list .tobr-excerpt { margin: 10px 0; } .tobr-type-post.tobr-template-list .tobr-info { display: flex; } .tobr-type-post.tobr-template-list .tobr-info .rcli { margin-right: 5px; } .tobr-type-post.tobr-template-list .tobr-object .rcli, .tobr-type-post.tobr-template-list .tobr-object .rating-value { font-size: 15px; } .tobr-type-post.tobr-template-list .tobr-image { position: relative; width: 33%; max-width: 300px; min-width: 100px; margin-right: 15px; box-shadow: 0px 0px 3px #6d6d6d; overflow: hidden; max-height: 160px; } .tobr-type-post.tobr-template-list .tobr-image img { width: 100%; height: 100%; object-fit: cover; } .tobr-type-post.tobr-template-list .tobr-position { position: absolute; top: 10px; left: 10px; color: white; text-shadow: 1px 1px 1px black; font-size: 20px; font-weight: bold; } .tobr-type-post.tobr-template-list .tobr-content { width: 66%; color: #565656; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .tobr-type-post.tobr-template-list .tobr-title { font-size: 18px; } .tobr-type-post.tobr-template-list .tobr-info > div:not(:last-child) { margin-right: 10px; display: flex; align-items: center; } .tobr-type-post.tobr-template-list .tobr-bottom { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 600px) { .tobr-type-post.tobr-template-list .tobr-object { display: block; } .tobr-type-post.tobr-template-list .tobr-image { width: 100%; max-width: 600px; max-height: 200px; } .tobr-type-post.tobr-template-list .tobr-content { width: 100%; margin-top: 20px; } .tobr-type-post.tobr-template-list .tobr-bottom { flex-direction: column-reverse; } .tobr-type-post.tobr-template-list .tobr-info { margin: 10px 0 0 0; justify-content: space-between; width: 100%; } .tobr-type-post.tobr-template-list .tobr-rating .rcli, .tobr-type-post.tobr-template-list .tobr-object .rating-value { font-size: 23px; } }