.add-experience-container{display:block;margin:0 auto;padding:.5rem;background-color:#fff;color:#000;border-radius:10px}@media(min-width:760px){.add-experience-container{width:40rem;padding:1rem}}.add-experience-container .header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;font-size:22px;padding-bottom:1rem}.add-experience-container .header .close-button{display:block;cursor:pointer}.add-experience-container .header .close-button:after{content:"";font-family:Bootstrap-icons;background-color:#ccc;border-radius:50%}.add-experience-container .header .close-button:hover:after{background-color:hsla(0,0%,80%,.502)}.add-experience-container .body{display:block;padding:1rem 0;min-height:300px}.add-experience-container .body .dates-start-to-end{display:flex;justify-content:center;align-items:center;gap:10px;padding-bottom:1rem}@media(max-width:450px){.add-experience-container .body .dates-start-to-end{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}}.add-experience-container .body .dates-start-to-end .label-group{display:flex;justify-content:center;align-items:center;gap:4px;position:relative}@media(max-width:450px){.add-experience-container .body .dates-start-to-end .label-group{justify-content:space-between;width:80%}.add-experience-container .body .dates-start-to-end .label-group label{width:40px}}@media(max-width:300px){.add-experience-container .body .dates-start-to-end .label-group{flex-direction:column}}.add-experience-container .body .dates-start-to-end .label-group .date{display:block;border:1px solid #ddd;border-radius:8px;text-align:center;color:var(---text-color)}.add-experience-container .body .dates-start-to-end .label-group input[type=checkbox]{width:20px;height:20px}.add-experience-container .footer{display:block;width:100%;border-top:1px solid #eee;padding-top:1rem}.add-experience-container .footer .add-experience-button{display:block;margin:0 auto}.add-experience-container .footer .add-experience-button button{display:block;margin:0 auto;padding:.5rem;background-color:#04acc2;color:#fff;border-radius:12px}.what-started-container{display:flex;gap:1rem;justify-content:center}@media(max-width:450px){.what-started-container{display:flex;flex-direction:column;gap:1rem;align-items:center}}.what-started-container .dropdown-list.inActive{display:none}.what-started-container .dropdown-list.active{display:block;position:absolute;z-index:22;background:var(---background-div-color)}.what-started-container .dropdown-list.active span{display:block}.what-started-container .dropdown-list.active li:hover{background-color:#ccc;cursor:pointer}.what-started-container .dropdown-list.active .text-center{border:1px solid #e5e7eb;border-top:none;border-radius:.5rem;border-top-left-radius:0;border-top-right-radius:0}.what-started-container .dropdown-current-value:has(.inActive){border:1px solid #e5e7eb;border-radius:.5rem}.what-started-container .dropdown-current-value:has(.active){border:1px solid #e5e7eb;border-radius:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.what-started-container .dropdown-current-value .icon{display:flex;justify-content:space-between;align-items:center;gap:1rem}.what-started-container .dropdown-current-value .icon.active:after,.what-started-container .dropdown-current-value .icon.inActive:after{font-family:Bootstrap-icons;color:#ccc}.what-started-container .dropdown-current-value .icon.inActive:after{content:""}.what-started-container .dropdown-current-value .icon.active:after{content:""}.add-text-content-container{display:block;padding-top:1rem}.add-text-content-container .add-text-content-inner{display:block;height:100%}.add-text-content-container .add-text-content-inner textarea{display:block;resize:none;width:100%;height:100%;padding:1rem;background:#fff;border:1px solid #aaa;border-radius:12px}