/* Start:/local/templates/lang.css/styles.css?173049201714756*/
.blog-detail__info {
display: flex;
flex-wrap: wrap;
gap: 1em;
flex-direction: row;
align-items: center;
}
.blog-detail__item_counter {
display: flex;
flex-wrap: nowrap;
gap: 0.25em;
justify-content: center;
}
.blog-detail__item_counter svg {
width: 1.5em !important;
margin-top: -0.2em;
}
.share-icon {
height: 2.5em;
display: block;
width: 2.5em;
background-position: center;
background-size: contain;
}
.blog-detail__item {
display: flex;
flex-wrap: nowrap;
}
.blog-detail__item_share {
gap: 0.5em;
flex-wrap: wrap;
}
@media (max-width: 540px) {
.share-btn-wrp {
width: 100%;
max-width: 100%;
}
}
.share-icon_ok {
background-image: url('data:image/svg+xml,');
}
.share-icon_tg {
background-image: url('data:image/svg+xml,');
}
.share-icon_vk {
background-image: url('data:image/svg+xml,');
}
.share-btn {
display: flex;
flex-wrap: nowrap;
gap: 0.25em;
border: 1px solid #ECECEF;
font-size: 1.25em;
background: transparent;
outline: none;
padding: 0.25em 1em 0.25em 0.5em;
border-radius: 4px;
color: #E64231;
font-weight: 500;
}
.share-btn:before {
content: '';
width: 1.25em;
height: 1.25em;
background-size: contain;
background-image: url('data:image/svg+xml, ');
}
.blog-detail__author {
background-color: #F5F5F7;
padding: 1em;
display: flex;
flex-wrap: nowrap;
color: #484F51;
}
.blog-detail__author-name {
font-size: 1.5em;
font-weight: 500;
}
.blog-detail__author-job {
font-size: 1.25em;
font-weight: 500;
}
@media (max-width: 48rem) {
.th-btn {
display: block;
}
}
.fit-content {
width: fit-content
}
/* End */
/* Start:/local/templates/lang.css/template_styles.css?17306556581574*/
.rfm-marquee-container {
overflow-x: hidden;
display: flex;
flex-direction: row;
position: relative;
width: var(--width);
transform: var(--transform);
}
.rfm-marquee-container:hover div {
animation-play-state: var(--pause-on-hover);
}
.rfm-marquee-container:active div {
animation-play-state: var(--pause-on-click);
}
.rfm-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.rfm-overlay::before, .rfm-overlay::after {
background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
content: "";
height: 100%;
position: absolute;
width: var(--gradient-width);
z-index: 2;
pointer-events: none;
touch-action: none;
}
.rfm-overlay::after {
right: 0;
top: 0;
transform: rotateZ(180deg);
}
.rfm-overlay::before {
left: 0;
top: 0;
}
.rfm-marquee {
flex: 0 0 auto;
min-width: var(--min-width);
z-index: 1;
display: flex;
flex-direction: row;
align-items: center;
animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);
}
@keyframes scroll {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
.rfm-initial-child-container {
flex: 0 0 auto;
display: flex;
min-width: auto;
flex-direction: row;
align-items: center;
}
.rfm-child {
transform: var(--transform);
}
/* End */
/* /local/templates/lang.css/styles.css?173049201714756 */
/* /local/templates/lang.css/template_styles.css?17306556581574 */