.card{width:100%;padding:calc(var(--index)/1.875);border-radius:calc(var(--index)/1.875);background-color:#18181b;flex-direction:column;will-change:width}.card,.card__head{height:min-content;display:flex;gap:calc(var(--index)/1.875)}.card__head{align-items:center;cursor:pointer}.card__head_img{width:calc(var(--index)*1.5);height:calc(var(--index)*1.5);border-radius:100%;background-color:#242429}.card__head_title{height:min-content;min-height:min-content}.card__head_name{font-weight:600;color:#f0f0f5}.card__head_name,.card__head_signature{font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/1.666)}.card__head_signature{font-weight:400;color:#4e4e52}.card__head:hover .card__head_name{color:#a970ff}.card__container{display:flex;justify-content:space-between;align-items:center}.card__signature{font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/1.666);font-weight:600;color:#4e4e52;text-align:end}.card__content{display:flex;flex-direction:column;width:100%;overflow:auto}.card__link{text-decoration:none;outline:none;cursor:pointer;padding:3px 0 2px;display:flex;align-items:center}.card__link_text{text-align:start;font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/2.142);font-weight:400;color:#4e4e52}.card__link svg{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5)}.card__link svg use{stroke:#4e4e52;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card__link:hover .card__link_text{color:#f0f0f5}.card__link:hover svg use{stroke:#f0f0f5}.card__link:active{padding:4px 0 1px}.card__link:active .card__link_text{color:#a970ff}.card__link:active svg use{stroke:#a970ff}.card__tags{width:100%;overflow:hidden;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--index)/3.75)}.card__tags_img{flex-shrink:0;width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}.card__tags_img use{stroke:#4e4e52;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card__tags::-webkit-scrollbar{display:none}.card__tags_sckroll{border-right:3px solid #797980}.card__TTS-button{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25);padding:0;margin:0;cursor:pointer}.card__TTS-button svg use{stroke:#4e4e52;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card__TTS-button:hover svg use{stroke:#f0f0f5}.card__TTS-button:active svg use{stroke:#a970ff}.card__buttons,.card__info{display:flex;gap:calc(var(--index)/3.75)}.card__info{align-items:center}.card__info_conteiner{display:flex;gap:2px;align-items:center;justify-content:center}.card__info_img{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}.card__info_img use{stroke:#4e4e52;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card__info_text{font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/1.875);font-weight:600;color:#4e4e52}@media screen and (max-width:500px){.card{gap:calc(var(--index)/2.2);padding:var(--index);border-radius:calc(var(--index)*1.454)}.card__head{gap:calc(var(--index)/2.75)}.card__head_img{width:calc(var(--index)/.366);height:calc(var(--index)/.366)}.card__head_title{height:min-content}.card__head_name{font-size:calc(var(--index)*1.272)}.card__head_signature,.card__signature{color:#797980;font-size:calc(var(--index)/1)}.card__copy-button,.card__link_text{font-size:calc(var(--index)/.916);color:#797980}.card__link svg{width:calc(var(--index)*1.454);height:calc(var(--index)*1.454)}.card__link svg use{stroke:#797980;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card__tags{gap:calc(var(--index)/2.75);flex-wrap:wrap}.card__tags_img{width:calc(var(--index)*1.454);height:calc(var(--index)*1.454)}.card__tags_img path{stroke:#797980;stroke-width:1}.card__TTS-button{margin-left:6px}.card__TTS-button svg path{stroke:#797980}.card__buttons{gap:calc(var(--index)/2.75)}.card__info{height:calc(var(--index)*2.181);display:flex;flex-direction:column;align-items:center;gap:0}.card__info_conteiner{gap:calc(var(--index)/2.75)}.card__info_img{width:calc(var(--index)*2.181);height:calc(var(--index)*2.181)}.card__info_img path{stroke:#797980}.card__info_text{font-size:calc(var(--index)*1.454);text-align:start;color:#797980}}.card-btn{cursor:pointer;display:flex;align-items:center;gap:4px;border-radius:calc(var(--index)/5);padding-right:4px;height:calc(var(--index)/1.25);color:#4e4e52}.card-btn:hover{color:#f0f0f5;background-color:#242429}.card-btn:hover svg use{fill:#f0f0f5}.card-btn:active{color:#a970ff}.card-btn:active svg use{fill:#a970ff}.card-btn svg{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}.card-btn svg use{fill:#4e4e52}.card-btn__text{font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/1.666);font-weight:600;font-style:normal;text-wrap:nowrap;text-align:center}.card-btn_active{color:#a970ff}.card-btn_active svg use{fill:#a970ff}@media screen and (max-width:500px){.card-btn{gap:calc(var(--index)/2.75);border-radius:calc(var(--index)*1.375)}.card-btn,.card-btn svg{height:calc(var(--index)*2.181)}.card-btn svg{width:calc(var(--index)*2.181)}.card-btn__text{font-size:calc(var(--index)/.611)}}