.small_vk_link{font-size:12px}.small_vk_link a:hover{text-decoration:underline}.small_vk_link a{color:gray;text-decoration:none;word-break:break-all}:root{--skill:#d2e7ff;--skill-active:#fff1cb;--yellow:#fff6d1;--yellow-js:#ffb800;--active:#5050501f;--outline:1px solid #aaa;--hover:#5050501f;--line:#b9b9b9;--unread:#ebf9ff;--unread-hover:#d8f3fe;--popup-shadow:0 0 1px 1px rgba(96,125,139,.071),1px 1px 12px rgba(67,65,87,.302);--box-light:#ededed;--box:#e2e2e2;--box-hover:hsla(0,0%,55%,.522);--sepia:#f1e7d0;--sepia-input:#faf6ed;--dark:#191919;--dark-title:#d3d3d3;--title:#3c3c3c;--blue:rgba(59,211,255,.561);--blue-dark:rgba(51,207,252,.89);--btn-dark:rgba(0,0,0,.62);--btn-light:hsla(0,0%,55%,.231);--btn-color:#e9e9e9;--btn-radius:10px;--btn-shadow:2px 2px 5px hsla(0,0%,68%,.773)}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}#__nuxt,.map_layout,body,html{height:100%}html{background:#f5efec;background:#fff;font-size:17px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;margin:0;padding:0}h2{font-size:23px;font-weight:400;margin-top:30px}select{background:#fff;border-radius:5px;font-size:17px;padding:6px 2px}body{margin:0;padding:0}.ico{background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ico_remove{background-image:url(../img/ico_remove.svg)}.ico_plus_blue{background-image:url(../img/ico_plus_blue.svg)}.ico_plus_white{background-image:url(../img/ico_plus_white.svg)}.ico_close{background-image:url(../img/ico_close.svg)}.ico_eye{background-image:url(../img/ico_eye.svg)}.ico_save{background-image:url(../img/ico_save.svg)}.ico_logout{background-image:url(../img/ico_logout.svg);background-size:30px!important}.ico_skills{background-image:url(../img/ico_skills.svg)}.btn:active{background:#cecece!important;top:1px}.btn{align-items:center;border:1px solid transparent;border-radius:5px;box-sizing:border-box;color:#212529;display:inline-flex;font-size:17px;line-height:1.5;min-height:40px;opacity:.9;padding:0 15px;position:relative;text-align:center;transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.btn_gray{background:#ddd}.btn_gray:hover{opacity:1}.btn_blue{background:#71c2ff}.btn_blue:hover{opacity:1}.btn_dark{background:#aaa}button:focus-visible,div:focus-visible,input:focus,textarea:focus{outline:2.5px solid #000}input,textarea{border:none;border-radius:5px;box-sizing:border-box;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.3em;line-height:20px;min-height:40px;outline:1px solid #aaa;padding:9px 30px 9px 10px;transition:background .2s ease;width:100%}input:focus,textarea:focus{outline:2.5px solid #000}.form_item label{width:100%}.input-sizer{align-items:stretch;box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:relative;vertical-align:top}.input-sizer input,.input-sizer textarea,.input-sizer:after{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font:inherit;grid-area:1/2;margin:0;min-width:1em;overflow:hidden!important;padding:9px 30px 9px 10px;resize:none}.input-sizer:after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap}.skill_description{padding:30px}.gray_link:hover{background-color:#d7d7d7;background-color:#ececec}.gray_link,.gray_link:hover{transition:background .15s ease}.gray_link{background-position:center left 9px;border-radius:5px;color:#000;display:inline-flex;font-size:16px;padding:5px 14px}.notify_reg_success{background:#fff;border:4px solid #35a835;border-radius:5px;padding:15px}.skill_dropdown{cursor:pointer}.form_item{margin-bottom:15px}.new_skill_form{align-items:center;background:var(--box);border-radius:5px;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:10px 20px 15px}.new_skill_p{display:flex;flex-direction:column}.newSkill_label{display:flex;font-size:15px;height:25px;line-height:1.2em}.new_skill_btn{margin-top:25px}h1{font-size:36px;margin-top:60px}.page{background:#fff;margin:0 auto;max-width:910px}.friends_grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.friends_section,.ratings_section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.friends_section h3,.ratings_section h3{color:#333;margin:0 0 20px}.page_header{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:110px}.skill_box_p{padding:20px}.skill_list{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.skill:hover{background:#c3dcf8}.skill,.skill:hover{transition:background .2s ease,border .2s ease}.skill{background:var(--skill);border:2px solid transparent;border-radius:4px;color:#000;display:inline-flex;padding:7px 15px;position:relative;text-decoration:none}.teaser_body{display:flex;gap:10px;padding-top:7px}.btn_rating:hover{border-color:#000!important}.btn_rating{background:var(--skill);background:#fff;border:1px solid #bbb;border-radius:4px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;padding:3px 7px;text-decoration:none;transition:background .2s ease}.skill_big{background:var(--skill)!important;font-size:30px}.skill_active{background:var(--skill-active)}.teasers_list{padding-top:20px}.teaser,.teaser:hover{transition:background .2s ease}.teaser{border-radius:4px;color:#000;display:flex;padding:15px;text-decoration:none}.profile_image_user{border-radius:100px}.profile_image{background-position:50%;background-size:cover;display:flex;height:120px;width:120px}.teaser_img{background-position:50%;background-repeat:no-repeat;background-size:contain;background-size:cover;height:70px;margin-right:15px;margin-top:5px;min-height:70px;min-width:70px;width:70px}.teaser_img_user{border-radius:50%}.teaser_name{font-weight:700}@media (max-width:800px){div.page{max-width:none}.new_skill_form{border-radius:0}}@media (max-width:600px){.table_header{flex-direction:column}.table_header_inner{margin-top:10px}}@media (min-width:500px){.zoom_btn:hover{background-color:#eee}}.box_title{font-size:18px;padding:10px 20px}.title_friends{margin-top:20px}.friends_count{color:#777;font-size:14px;font-weight:400;margin-top:10px}.page_index{align-items:center;display:flex;flex-direction:column}.auth_section{padding:20px;text-align:center}.auth_section p{color:#282828;margin-bottom:2rem}.vk_auth_container{margin:2rem 0;min-height:60px}.loading{color:#666;margin-top:1rem}.user_section{max-width:800px;width:100%}.user_info{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:25px;justify-content:space-evenly;margin:0 20px;padding:25px}.user_avatar{border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.user_info h2{color:#333;margin:0}.user_info .btn{margin:0}.user_actions{align-items:center;display:flex;flex-direction:column;gap:8px}.test_btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.test_btn:hover{background-color:#545b62}.logout_btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.logout_btn:hover{background-color:#c82333}.logout_hint{color:#666;font-size:11px;font-style:italic}.logout_hint,h3{text-align:center}h3{color:#333;margin-bottom:1rem}.teasers_list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.no_friends{color:#666;padding:2rem;text-align:center}.btn{border-radius:4px;font-size:1rem;transition:background-color .3s}.btn_gray{background-color:#6c757d;color:#fff}.btn_gray:hover{background-color:#5a6268}.search_input_wrapper{margin:0 auto;max-width:400px;position:relative;width:100%}.search_icon{color:#666;font-size:1.1rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ms_input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s,box-shadow .3s;width:100%}.ms_input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.clear_search_btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear_search_btn:hover{color:#333}.search_results_info{color:#666;font-size:.9rem;margin-top:.5rem}.no_results{color:#dc3545;font-style:italic}.ms_input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.search_input_wrapper{max-width:100%}.ms_input{font-size:16px}}.vk_error_display{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.error_header{align-items:center;display:flex;margin-bottom:1rem}.error_icon{font-size:1.5rem;margin-right:.75rem}.error_title{color:#856404;font-size:1.25rem;font-weight:600;margin:0}.error_message{color:#856404;font-size:1rem;line-height:1.5;margin:0 0 .75rem}.error_details{background:#ffffff80;border-radius:4px;color:#856404;font-family:monospace;font-size:.9rem;margin:0 0 1rem;padding:.5rem;word-break:break-word}.error_actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn_primary{background-color:#007bff;color:#fff}.btn_primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn_danger{background-color:#dc3545;color:#fff}.btn_danger:hover{background-color:#c82333;transform:translateY(-1px)}.btn_secondary{background-color:#6c757d;color:#fff}.btn_secondary:hover{background-color:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.vk_error_display{margin-bottom:1.5rem;padding:1rem}.error_actions{flex-direction:column}.btn{min-width:auto;width:100%}}.tabs_navigation{border-bottom:2px solid #e9ecef;display:flex;justify-content:center;margin:2rem 0 1.5rem}.tab_button{background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;cursor:pointer;flex:1;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:center;transition:all .3s ease}.tab_button:hover{background-color:#f8f9fa;color:#495057}.tab_button.tab_active{background-color:#f8f9fa;border-bottom-color:#007bff;color:#007bff}.tab_button .friends_count{background:#007bff;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.tab_content{min-height:400px}.recommendations_placeholder{color:#6c757d;padding:4rem 2rem;text-align:center}.placeholder_icon{font-size:4rem;margin-bottom:1rem}.recommendations_placeholder h3{color:#495057;font-size:1.5rem;margin-bottom:1rem}.recommendations_placeholder p{font-size:1.1rem;line-height:1.6}.btn_rating_green{background-color:#d5ffdf!important;transform:scale(1.05)}.btn_rating_red{background-color:#ffe0e3!important;transform:scale(1.05)}.btn_rating_active{border-color:#000!important;font-weight:600}.inactive_user_message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.inactive_user_message p{color:#856404;font-weight:500;margin:0}@media (max-width:768px){.recommendations_placeholder{padding:2rem 1rem}.placeholder_icon{font-size:3rem}}
