.breadcrumbs-position{display:grid;grid-template-columns:40% 60%;padding:0 112px 0}.breadcrumbs-position .breadcrumbs{grid-column:2;padding:40px 0 0;margin-bottom:0}@media (max-width: 900px){.breadcrumbs-position{grid-template-columns:1fr;padding:0 50px 0}.breadcrumbs-position .breadcrumbs{grid-column:1;padding:0}}@media (max-width: 768px){.breadcrumbs-position{padding:0 20px 0}}.user-profile{padding:12px 112px 40px}@media (max-width: 900px){.user-profile{padding:30px 50px 40px}}@media (max-width: 768px){.user-profile{padding:30px 20px 40px}}.user-profile__main{display:grid;grid-template-columns:40% 60%;grid-template-areas:"image info-header" "image info-about" "tags info-about" "tags info-about"}@media (max-width: 900px){.user-profile__main{grid-template-columns:1fr 1fr;grid-template-areas:"image info-header" "image tags" "info-about info-about"}}@media (max-width: 768px){.user-profile__main{grid-template-columns:1fr 1fr;grid-template-areas:"image info-header" "tags tags" "info-about info-about"}}.user-profile__image-block{grid-area:image;display:flex;justify-content:start;align-items:start;padding:0 50px 20px 0}@media (max-width: 900px){.user-profile__image-block{padding:0 14px 0 0}}.user-profile__avatar{width:100%;max-width:300px;max-height:300px;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;height:auto}.user-profile__tags{grid-area:tags;display:flex;flex-wrap:wrap;max-height:30px;gap:10px;align-items:start;justify-content:start}@media (max-width: 900px){.user-profile__tags{padding-left:14px}}@media (max-width: 768px){.user-profile__tags{justify-content:center;margin-top:24px;padding-left:0}}.user-profile__tag{padding:8px 12px;border-radius:4px;background-color:var(--color-white-200);font-size:10px;line-height:1.4;letter-spacing:0.5px;text-transform:uppercase;font-weight:500}.user-profile__info{display:grid;grid-template-rows:auto 1fr;gap:50px}.user-profile__info-header{grid-area:info-header;display:flex;flex-direction:column;justify-content:start;gap:10px}@media (max-width: 900px){.user-profile__info-header{justify-content:end;padding-left:14px}}@media (max-width: 768px){.user-profile__info-header{justify-content:center}}.user-profile__name{margin:0}@media (max-width: 400px){.user-profile__name{font-size:32px;line-height:1.1}}.user-profile__position{font-size:14px;font-weight:400;color:var(--color-gray-500)}@media (max-width: 900px){.user-profile__position{padding-bottom:25px}}@media (max-width: 768px){.user-profile__position{padding-bottom:0;line-height:1.1}}.user-profile__info-about{grid-area:info-about;display:flex;flex-direction:column;gap:25px}.user-profile__about-title{margin:50px 0 0 0}.user-profile__about-text{margin:0}.user-profile__materials{margin-top:70px}@media (max-width: 768px){.user-profile__materials{margin-top:50px}}.user-profile__materials-title{padding-bottom:14px;border-bottom:1px solid var(--color-white-400)}.user-profile__materials-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:50px;margin-top:50px}@media (max-width: 1200px){.user-profile__materials-grid{grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:20px}}@media (max-width: 768px){.user-profile__materials-grid{grid-template-columns:1fr}}.user-profile__material{width:100%}.user-profile__material-img{position:relative;display:block;overflow:hidden;width:100%}.user-profile__material-img img{object-fit:cover;transition:transform 0.3s ease, filter 0.3s ease;display:block;width:100%;height:auto}.user-profile__material-img:hover img{transform:scale(1.05);filter:brightness(1.1)}.user-profile__material-meta{display:flex;align-items:center;font-size:10px;font-weight:500;color:var(--color-gray-500);letter-spacing:0.3px;margin:10px 0}.user-profile__dot{width:4px;height:4px;border-radius:50%;background-color:#615DFB;flex-shrink:0}.user-profile .user-profile__category:hover{color:var(--color-gray-1300)}.user-profile__time{display:flex;gap:4px;margin:0 6px;align-items:center}.user-profile__icon-clock{width:12px;height:12px;background-image:url("/assets/svg/6517b210b38d25f0b02f8b0dd05695f400c086fc.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.user-profile__category{text-transform:uppercase;padding-left:5px}.user-profile__material-title{display:flex;justify-content:flex-start;align-items:center;text-decoration:none}.user-profile__material-title:hover{color:#020049}.dark .user-profile__tag{background-color:var(--color-gray-1100)}.dark .user-profile__material-title:hover{color:inherit}