.profile-container{padding:0 10dvw}.profile-header-container{display:flex;padding:var(--spacing-spacing-4,16px) var(--spacing-spacing-8,32px);align-items:center;gap:var(--spacing-spacing-8,32px);align-self:stretch;border-radius:var(--corner-radius-radius-9,24px);background:var(--Colors-Gray-White,#fff)}.profile-header-container .profile-header,.profile-header-container .profile-header .profile-header-left{display:flex;align-items:center;gap:var(--spacing-spacing-3,12px);flex:1 0 0}.profile-header-container .profile-header .profile-header-left{width:100%}.profile-header-container .profile-header .profile-header-left .user-avatar{border-radius:var(--corner-radius-radius-7,16px);border:2px solid var(--Colors-Yellow-200,#fff485);background:url(<path-to-image>) #d3d3d3 50%/cover no-repeat;width:62px;height:62px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.profile-header-container .profile-header .profile-header-left .profile-header-left-info .profile-header-left-info-name{color:var(--Colors-Gray-950,#2d2c2b);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Button-extra-lg,18px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Boby-lg-lineheight,28px)}.profile-header-container .profile-header .profile-header-left .profile-header-left-info .profile-header-left-info-role{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Boby-xs,12px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Boby-xs-lineheight,18px)}.profile-header-container .profile-header .profile-header-right{width:168px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:var(--spacing-spacing-3,12px)}.profile-header-container .profile-header .profile-header-right .profile-header-right-button-text{color:var(--Colors-Gray-800,#464444);text-align:center;font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Button-sm,12px);font-style:normal;font-weight:700;line-height:var(--Typescale-Line-Height-Button-sm-lineheight,14px)}.profile-content-container{margin-top:12px;display:grid;padding:var(--spacing-spacing-4,16px) var(--spacing-spacing-8,32px);align-items:center;gap:var(--spacing-spacing-8,32px);align-self:stretch;border-radius:var(--corner-radius-radius-9,24px);background:var(--Colors-Gray-White,#fff)}.profile-content-container .profile-content-header{display:grid;grid-template-columns:1fr 122px;width:100%;align-items:center;gap:var(--spacing-spacing-3,12px)}.profile-content-container .profile-content-header .profile-content-header-title{color:var(--Shark-950,#1e1e1e);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Button-extra-lg,18px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Boby-lg-lineheight,28px)}.profile-content-container .profile-content-header .profile-content-header-button-text{color:var(--Colors-Gray-800,#464444);text-align:center;font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Button-sm,12px);font-style:normal;font-weight:700;line-height:var(--Typescale-Line-Height-Button-sm-lineheight,14px)}.profile-content-container .profile-content-body{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:72px;column-gap:72px;row-gap:24px}.profile-content-container .profile-content-body .profile-content-body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-content-container .profile-content-body .profile-content-body-item{display:grid;gap:12px}.profile-content-container .profile-content-body .profile-content-body-item.editing{gap:4px}.profile-content-container .profile-content-body .profile-content-body-item h1{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Boby-sm,14px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Boby-sm-lineheight,18px);margin-bottom:0}.profile-content-container .profile-content-body .profile-content-body-item p{color:var(--Colors-Gray-950,#2d2c2b);font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Boby-md,16px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Boby-md-lineheight,24px)}.profile-content-footer{display:flex;justify-content:flex-end;gap:16px}.profile-content-footer .profile-content-footer-button-text{color:var(--Color-button-Primary-button-Text-Text-primary-button,#464444);text-align:center;font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Button-lg,16px);font-style:normal;font-weight:700;line-height:var(--Typescale-Line-Height-Button-lg-lineheight,20px)}.profile-content-footer .action-buttons{display:grid;grid-template-columns:80px 153px;gap:8px}.profile-course-container{border-radius:var(--corner-radius-radius-9,24px);background:#fff;margin-top:12px;display:flex;padding:var(--spacing-spacing-4,16px) var(--spacing-spacing-8,32px) var(--spacing-spacing-6,24px) var(--spacing-spacing-8,32px);flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;margin-bottom:24px}.profile-course-container .profile-course-header{display:flex;align-items:center;gap:var(--spacing-spacing-3,12px);flex:1 0 0}.profile-course-container .profile-course-header .profile-course-header-title{color:var(--Shark-950,#1e1e1e);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Button-extra-lg,18px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Boby-lg-lineheight,28px)}.profile-course-container .profile-course-body{display:grid;grid-template-columns:minmax(0,1fr);width:100%;align-items:start;gap:var(--spacing-spacing-2,16px);align-self:stretch}.profile-course-container .profile-course-body .profile-course-body-scores{display:flex;align-items:center;gap:var(--spacing-spacing-2,8px);align-self:stretch}.profile-course-container .profile-course-body .profile-course-body-scores p{color:var(--Shark-950,#1e1e1e);font-family:League Spartan;font-size:16px;font-style:normal;font-weight:500;line-height:18px}.profile-course-container .profile-course-body .skill-scores{display:flex;gap:12px}.profile-course-container .profile-course-body .skill-scores .skill-score{display:flex;width:100%;gap:8px;background:#fff;border-radius:20px;padding:18px 16px;border:var(--stroke-stroke-1,2px) solid var(--Colors-Gray-100,#e7e6e6);min-width:120px;text-align:center}.profile-course-container .profile-course-body .skill-scores .skill-score .skill-icon{width:24px;height:24px;margin-bottom:8px}.profile-course-container .profile-course-body .skill-scores .skill-score .score{font-size:18px;font-weight:800;color:#3c3c3c;line-height:28px;letter-spacing:0}.profile-course-container .profile-course-body .skill-scores .skill-score .label{font-size:12px;font-weight:600;color:#706c6a;line-height:18px;letter-spacing:0}.profile-course-container .profile-course-body .skill-scores .skill-score .sub-content{text-align:left;display:grid}.profile-content-body .profile-content-body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-content-body .profile-content-body-item h1{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Boby-sm,14px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Boby-sm-lineheight,20px);margin-bottom:8px}.profile-content-body .profile-content-body-item h1 .required{color:red;margin-left:2px}.profile-content-body .form-input{width:100%;padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:16px}.profile-content-body .form-input:focus{outline:none;border-color:#fcd34d}.profile-content-body .gender-radio-group{display:flex;gap:24px;padding:4px 0}.profile-content-body .gender-radio-group .radio-label{display:flex;align-items:center;gap:8px;cursor:pointer}.profile-content-body .gender-radio-group .radio-label .radio-wrapper{position:relative;display:flex;align-items:center}.profile-content-body .gender-radio-group .radio-label .radio-custom{height:20px;width:20px;border:2px solid #e5e7eb;border-radius:50%;display:inline-block;position:relative;background:#fff;transition:all .2s ease}.profile-content-body .gender-radio-group .radio-label .radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;border-radius:50%;background:#2d2c2b;transition:transform .2s ease}.profile-content-body .gender-radio-group .radio-label .radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.profile-content-body .gender-radio-group .radio-label .radio-input:checked+.radio-custom{border-color:#fff485;background:#fff485}.profile-content-body .gender-radio-group .radio-label .radio-input:checked+.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.profile-content-body .gender-radio-group .radio-label .radio-text{color:#2d2c2b;font-family:var(--Type-Font-font-body,Inter);font-size:16px;font-weight:500}