.profile-me{display:flex;flex-direction:column;gap:3rem;margin-bottom:9rem}.profile-me__head{display:flex;align-items:center;justify-content:space-between;gap:2.4rem}.profile-me__actions{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem;flex-wrap:wrap}.profile-me__actions-btn{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;color:#18181840;transition:.3s}@media (hover){.profile-me__actions-btn:hover{color:#181818}}@media (hover: none){.profile-me__actions-btn:active{color:#181818}}.profile-me__actions-btn svg{width:100%;height:100%}.profile-me__container{display:grid;grid-template-columns:1fr 26rem;gap:3.2rem}@media (max-width: 768px){.profile-me__container{display:flex;flex-direction:column}}.profile-me__content{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 768px){.profile-me__content{align-items:center}}.profile-me__main{display:flex;align-items:center;justify-content:flex-start;gap:2.4rem}@media (max-width: 768px){.profile-me__main{flex-direction:column}}.profile-me__main-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.profile-me__photo{flex:none;width:20rem;height:20rem;border-radius:50%;overflow:hidden;background-color:#efece2;background-image:url(/img/person.svg);background-position:center;background-size:50%;background-repeat:no-repeat}@media (max-width: 1024px){.profile-me__photo{width:16rem;height:16rem}}.profile-me__photo img,.profile-me__photo picture,.profile-me__photo video{object-fit:cover;width:100%;height:100%}.profile-me__name{font-size:2.4rem;font-weight:400;line-height:1}@media (max-width: 768px){.profile-me__name{font-size:2rem}}.profile-me__counts{font-family:Nagel;font-size:1.3rem;font-weight:500;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#fd6735}.profile-me-contacts{display:flex;flex-direction:column;align-items:center;gap:2.8rem;padding:4rem 2rem;background-color:#f5f2e7;border-radius:1rem}.profile-me-contacts__title{font-size:2.4rem;font-weight:400;line-height:1}.profile-me-contacts__list{display:flex;flex-direction:column;gap:3.2rem}.profile-me-contacts__item{display:flex;flex-direction:column;align-items:center;gap:.8rem;font-family:Nagel;font-size:1.3rem;font-weight:500;line-height:1;letter-spacing:.05em;text-transform:uppercase}.profile-me-contacts__subtitle{color:#fd6735}.profile-me-contacts__social{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.profile-me-contacts__social-link{color:#fd6735;width:2.8rem;height:2.8rem;transition:.3s}@media (hover){.profile-me-contacts__social-link:hover{color:#df5223}}@media (hover: none){.profile-me-contacts__social-link:active{color:#df5223}}.profile-me__int{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem;margin-top:4rem}@media (max-width: 768px){.profile-me__int{justify-content:center}}.profile-dates{margin-bottom:9rem}.profile-dates__container{display:flex;flex-direction:column;gap:3.2rem}.profile-dates__list{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem 2.4rem}@media (max-width: 768px){.profile-dates__list{grid-template-columns:repeat(2,1fr);gap:3.2rem 2rem}}.profile-dates__add{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;color:#fd6735;transition:.3s}@media (hover){.profile-dates__add:hover{color:#df5223}.profile-dates__add:hover .profile-dates__add-icon{border-color:#df5223}}@media (hover: none){.profile-dates__add:active{color:#df5223}.profile-dates__add:active .profile-dates__add-icon{border-color:#df5223}}.profile-dates__add-icon{flex:none;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border:.1rem solid #FD6735;border-radius:50%;transition:.3s}.profile-dates__add-icon svg{width:4rem;height:4rem}.profile-dates__add-title{font-family:Nagel;font-size:1.3rem;font-weight:400;line-height:1;letter-spacing:.05em;text-transform:uppercase}.user-date{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;color:#fd6735}.user-date__icon{flex:none;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border:.1rem solid #FD6735;border-radius:50%}.user-date__icon svg{width:4rem;height:4rem}.user-date__inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-family:Nagel;font-size:1.3rem;font-weight:400;line-height:1;letter-spacing:.05em;text-transform:uppercase}.user-date__date{font-weight:500}.profile-friends{display:flex;flex-direction:column;gap:3.2rem;margin-bottom:9rem}.profile-friends__container{display:flex;flex-direction:column;gap:3.2rem}.profile-friends__list{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}@media (max-width: 768px){.profile-friends__list{display:flex;flex-direction:column;gap:2.4rem}}.profile-friends-item{display:flex;align-items:center;justify-content:flex-start;gap:2.4rem}.profile-friends-item__photo{width:7.2rem;height:7.2rem;border-radius:50%;overflow:hidden;background-color:#f5f2e7;background-image:url(/img/person.svg);background-position:center;background-size:50%;background-repeat:no-repeat}.profile-friends-item__photo img,.profile-friends-item__photo picture,.profile-friends-item__photo video{object-fit:cover;object-position:center;width:100%;height:100%}.profile-friends-item__inner{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.profile-friends-item__title{font-size:2rem}.profile-friends-item__counts{font-weight:500}.profile-invite{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8.4rem 9.5rem;background-color:#f5f2e7;border-radius:1rem;margin-bottom:9rem}@media (max-width: 768px){.profile-invite{padding:2.4rem 2rem;align-items:stretch}}.profile-invite__head{display:flex;flex-direction:column;gap:.6rem}@media (max-width: 768px){.profile-invite__head{align-items:center;text-align:center}}.profile-invite__title{font-family:Nagel;font-weight:500;font-size:2.4rem;color:#fd6735}.profile-invite__text{font-family:Nagel;font-size:1.3rem;font-weight:500;letter-spacing:.02em;max-width:42rem}.profile-invite-field{width:100%;display:grid;grid-template-columns:1fr auto;margin-top:1.5rem}.profile-invite-field__value{width:calc(100% + 1rem);margin-right:-1rem;padding:.8rem 2rem;border:.1rem solid #FD6735;border-right:none;border-radius:.3rem 0 0 .3rem;font-family:Nagel;font-size:1.3rem;line-height:1;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#18181840;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-content:center}.profile-invite-field__btn{min-width:16.8rem}@media (max-width: 768px){.profile-invite-field__btn{min-width:unset}}.profile-invite-social{display:flex;align-items:center;justify-content:flex-start;gap:1.6rem;margin-top:3rem}@media (max-width: 768px){.profile-invite-social{flex-direction:column;text-align:center}}.profile-invite-social__title{font-family:Nagel;font-size:1.3rem;font-weight:500;letter-spacing:.02em;max-width:17rem}.profile-invite-social__list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:2rem}.profile-invite-social__link{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;color:#fd6735;transition:.3s}@media (hover){.profile-invite-social__link:hover{color:#df5223}}@media (hover: none){.profile-invite-social__link:active{color:#df5223}}.profile-calendars{display:flex;flex-direction:column;gap:2.4rem}.profile-calendars__head{display:flex;flex-direction:column;gap:1.5rem}.profile-calendars__head-inner{display:flex;align-items:center;justify-content:space-between;gap:2.4rem}@media (max-width: 768px){.profile-calendars__head-inner{flex-wrap:wrap;gap:1.6rem}}.profile-calendars__tags{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.profile-calendars__add{display:flex;align-items:center;gap:.7rem;font-family:Nagel;font-size:1.3rem;line-height:1;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fd6735;transition:.3s}@media (hover){.profile-calendars__add:hover{color:#df5223}}@media (hover: none){.profile-calendars__add:active{color:#df5223}}.profile-calendars__add svg{width:4rem;height:4rem}@media (max-width: 768px){.profile-calendars__add svg{width:3.2rem;height:3.2rem}}.profile-calendars__container{display:flex;flex-direction:column;gap:2.4rem}.profile-calendars__list{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}@media (max-width: 768px){.profile-calendars__list{grid-template-columns:1fr;gap:1.6rem}}