.profile-page{display:flex;flex-direction:row;justify-content:space-around}@media screen and (max-width: 992px){.profile-page{flex-direction:column}}@media screen and (min-width: 992px){.profile-page{margin:0 18rem}}.profile-card{border-color:#0073ba;border-width:thin;border-style:solid;border-radius:30px;margin-top:1em;padding:1em;padding-left:3em;padding-right:3em}@media screen and (min-width: 992px){.profile-card{width:60%}}@media screen and (max-width: 992px){.profile-card{margin:2rem;padding:1.5rem}}.profile-card #profile-header{display:flex;justify-content:space-between}@media screen and (max-width: 992px){.profile-card #profile-header{flex-direction:column;justify-content:center;align-items:center;text-align:center}}.profile-card #profile-header .img-avatar{border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;margin:1em;min-width:50px;border-right-width:1rem;display:block}.profile-card #profile-header h1{font-size:2.5em;margin:1.5rem}.profile-card #profile-header h2{font-size:1.6em;margin:1.5rem}.profile-card #profile-header #profile-social-links{position:relative;justify-self:flex-end}.profile-card #profile-header #profile-social-links i{color:#0073ba;height:34px;width:34px}.profile-card #profile-about-me{padding:0px}.profile-summary{margin-left:1.5rem}.skills-card{height:100%;border-color:#0073ba;border-width:thin;border-style:solid;margin-top:1rem;padding:3rem;border-radius:30px}@media screen and (min-width: 992px){.skills-card{width:35%}}@media screen and (max-width: 992px){.skills-card{margin:2rem;padding:1.5rem}}.skills-card h3{font-size:1.9rem;padding:0.5rem}.skills-card .skills{display:flex;flex-wrap:wrap}.skills-card .skills .skill{border-radius:30px;background-color:#0073ba;color:white;padding:0.4rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:1rem 0.6rem}#edit-profile-link-section{display:flex;justify-content:space-around}#edit-profile-link-section .edit-link{border-radius:30px;background-color:#0073ba;color:white;padding:0.4rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;right:auto}.profile-form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555555;background-color:#fff;background-image:none;border:none;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.img-container{position:relative}.profile-image-upload>input{display:none}.profile-image-upload{position:absolute;top:0;right:0}.profile-social-link{display:inline}.social-links-input{display:inline-block;width:80%}.user-skills-info{font-size:11px;background:#afafaf45;padding:5px}.user-skills,.language-skills{width:100%;margin:0.6rem 0.4rem}:root{--bg: #f3f3f3;--btn-bg-inactive: #ffffff;--btn-bg-active: #2DB08C;--border: #DCDCDC;--border-w: 1px;--btn-thumb: #EDF2F4;--btn-w: 2.5rem;--btn-h: calc(var(--btn-w) / 2);--gap: calc(var(--btn-h) / 10)}.btn-toggle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-start;align-items:center}.btn-toggle p{margin:3px}.btn-toggle input{display:none}.toggle{box-sizing:content-box;width:var(--btn-w);height:var(--btn-h);padding:var(--gap);border:var(--border-w) solid var(--border);border-radius:var(--btn-w);background:var(--btn-bg-inactive);cursor:pointer;position:relative;transition:background 0.3s}.toggle::before{content:'';box-sizing:border-box;position:absolute;left:var(--gap);width:var(--btn-h);height:var(--btn-h);border:var(--border-w) solid var(--border);border-radius:50%;background:var(--btn-thumb);transition:transform 0.3s}[id^="user_show_photo"]:checked+.toggle::before{transform:translateX(calc(var(--btn-w) - var(--btn-h)))}[id^="user_show_photo"]:checked+.toggle{background:#0073ba}
