.p_article{display:grid;grid-template-columns:300px calc(100% - 640px) 300px;place-content:flex-start;gap:20px;min-height:100svh;@media(max-width:1320px){grid-template-columns:300px calc(100% - 320px);.right_part_p_article{display:none}}@media(max-width:1024px){grid-template-columns:100%;.b_article_categories_aside{position:absolute;width:300px;z-index:1000;left:-100%}}.article_marker{cursor:default;padding:3px 5px;border-radius:4px;margin-top:10px;width:fit-content;background:hsl(from var(--article-clr) h s l);position:sticky;top:40px;box-shadow:0 0 4px hsl(192,5.7%,34.1%);div,a{color:hsl(from var(--article-clr) h s 35%);font-size:12px;display:block;text-decoration:none;white-space:nowrap}img{height:11px;display:block;filter:var(--article-icon-fltr)}.arrow{rotate:270deg;height:5px}}.article_inf_container{width:100%;margin:20px 0;column-gap:20px;grid-template-columns:100%;&:has(.main_article_picture){grid-template-columns:200px calc(100% - 220px)}@media(max-width:700px){grid-template-columns:100%;&:has(.main_article_picture){grid-template-columns:150px calc(100% - 170px)}.article_inf{.heading1{--font-size:24px}.short_description_article{--font-size:12px}}}@media(max-width:500px){grid-template-columns:100%;.article_inf .heading1,.desktop_user_inf{display:none;visibility:hidden}}.mobile_first_line_container{margin-bottom:10px;display:none;&:has(.main_article_picture){display:block}.user_inf_container{margin-top:0}.heading1,.mobile_user_inf{visibility:hidden;display:none}.heading1{--font-size:24px;margin-bottom:5px}@media(max-width:500px){display:grid;gap:20px;grid-template-columns:60px calc(100% - 80px);.heading1{visibility:visible;display:block}.mobile_user_inf{visibility:visible;display:flex}}}.main_article_picture{width:100%;height:100%;object-fit:contain;object-position:top}.article_inf{hr{--margin:10px 0}.user_inf_container{margin-top:0}}}.article_tags_container{margin-top:10px;overflow-x:auto;position:relative;.tag_name{white-space:nowrap}}h1{margin:0 0 10px 0}.short_description_article{.content{--clr:hsl(0 0 20%);--font-weight:var(--n-font-weight);line-height:1.3}}.full_article{.content{font-size:16px}}}.user_inf{width:100%;display:flex;align-items:center;gap:0 5px;&:has(img.logo){align-items:start}}.user_inf_logo_img,.user_inf_logo_picture{width:30px;height:30px;display:block;border-radius:100%;&.logo:not(.main_baked){filter:brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(349deg) brightness(89%) contrast(96%)}&.logo,&:has(img.logo){width:20px;height:20px}}.user_inf_name{max-width:95px;white-space:wrap;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;font-size:12px}.user_inf_rating{display:flex;align-items:center;gap:0 5px}.user_inf_star_picture,.user_inf_star_img{height:14px;width:13px;display:block}.user_inf_container{display:block;text-decoration:none;color:#000000;margin-top:5px;@media(hover:hover){&:hover{color:#1b6d85}}}.b_article_categories_aside{background:var(--article-clr);padding:5px 12px 12px;margin:5px 20px;border-radius:4px;height:fit-content;position:sticky;top:40px;a{text-decoration:none;display:block}.article_caetgories_title{margin-bottom:10px;color:hsl(from var(--article-clr) h s 35%)}.article_categories_container{border-left:2px solid hsl(from var(--article-clr) h s 65%)}.article_categorie{padding:0 0 0 5px;--clr:hsl(from var(--article-clr) h s 35%);.article_subcategorie{padding:2px 0 0 10px}}.article_categorie_name.active,.article_subcategorie_name.active{--clr:hsl(0 0 0)}.article_categorie_name:hover,.article_subcategorie_name:hover{--clr:hsl(0 0 0)}}