@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.custom-headers{display:flex;flex-direction:column;align-items:center;row-gap:15px}.custom-headers .header-box{padding:12px;background-color:#f3efff;border:2px dotted #bca4ff;cursor:pointer}.custom-headers .header-box h1{font-weight:600;font-size:14px;line-height:20px;text-align:center;letter-spacing:.25px;color:#2a00a2}.custom-headers .header-box.--error{background-color:#fff3f8;border-color:#ff84b7}.custom-headers .header-box.--error h1{color:#c30052}.like-tag__icons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:20px}.like-tag__icons .like-button{display:flex;align-items:center;column-gap:15px}.like-tag__icons .like-button p{font-weight:600;font-size:16px;line-height:32px;letter-spacing:.75px;color:#14142b;margin-top:2px}.like-tag__icons .tag-button{background-color:#e4daff;border-radius:39px;display:flex;justify-content:space-between;align-items:center;padding:9px 18px}.like-tag__icons .tag-button label{font-weight:500;font-size:13px;line-height:18px;letter-spacing:.75px;color:#2a00a2}.like-tag__icons .status{display:flex;align-items:center;column-gap:10px}.like-tag__icons .status-sign{background-color:#00ba88;width:12px;height:12px;border-radius:50%}.like-tag__icons .status p{font-weight:600;font-size:14px;line-height:18px;letter-spacing:1px;color:#4e4b66}.avatar{display:flex;justify-content:space-between;align-items:center;column-gap:20px}.avatar .description{display:flex;flex-direction:column;justify-content:space-between;row-gap:10px;width:100%}.avatar .description p{letter-spacing:.75px;font-weight:600;font-size:14px;line-height:24px;color:#6e7191;width:100%}.avatar img.user{height:85px;width:85px;background-color:#7433ff;box-shadow:0 0 0 5px #7433ff;border-radius:50%;object-fit:cover;object-position:center}.avatar img.user:hover{cursor:pointer;animation:bounceOut .4s linear}@keyframes bounceOut{0%{box-shadow:0 0 0 4px #7433ff;opacity:1}25%{box-shadow:0 0 0 1px #7433ff;opacity:1}50%{box-shadow:0 0 0 7px #7433ff;opacity:1}75%{box-shadow:0 0 0 4px #7433ff;opacity:1}to{box-shadow:0 0 0 5px #7433ff;opacity:1}}.switch{grid-column:1/2;display:grid;grid-template-columns:repeat(2,min-content);grid-gap:3rem;justify-self:center}.switch input{display:none}.switch__1,.switch__2{width:6rem}.switch__1 label,.switch__2 label{display:flex;align-items:center;width:100%;height:3rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);background:rgba(255,255,255,0);position:relative;cursor:pointer;border-radius:1.6rem}.switch__1 label:after,.switch__2 label:after{content:"";position:absolute;left:.4rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--greyDark);transition:all .4s ease}.switch__1 label:before,.switch__2 label:before{content:"";width:100%;height:100%;border-radius:inherit;background:linear-gradient(330deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);opacity:0;transition:all .4s ease}.switch input:checked~label:before{opacity:1}.switch input:checked~label:after{left:57%;background:var(--greyLight-1)}.form{margin:0 auto;max-width:500px;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.form .input-box{position:relative;width:100%;margin-top:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;row-gap:10px}.form .input-box .closeSvg{position:absolute;top:20px;right:20px;z-index:10;cursor:pointer}.form .input-box .closeSvg img{max-width:100%;height:20px;width:20px}.form .input-box input{font-family:Poppins;padding:18px 24px}.form .input-box textarea{font-family:Poppins;padding:18px 24px;height:100px}.form .input-box :where(input,textarea){position:relative;height:60px;width:100%;outline:none;font-size:1rem;color:#14142b;margin-top:8px;border:1px solid #ddd;padding:0 15px;background:#f7f7fc;border-radius:16px}.form .input-box :where(input,textarea).success{border:2px solid rgba(0,186,136,.5);background-color:#34eab91a}.form .input-box :where(input,textarea).error{border:2px solid rgba(237,46,126,.5);background-color:#ff84b71a}.form .input-box :where(input,textarea):focus{box-shadow:0 1px #0000001a}.form .wrapper{width:100%;display:flex;align-items:center;position:relative}.form .wrapper .icon{position:absolute;z-index:10;top:27.5px;left:10px;width:18px;height:5px}.form .wrapper .icon img{max-width:100%}.form .wrapper input{padding-left:34px}.form .wrapper input.success+small{color:#00ba88}.form .wrapper.success+small{color:#00ba88}.form textarea{resize:vertical;padding-top:5px}small{font-family:Poppins;color:#ed2e7e}input.success+small{color:#00ba88}textarea.success+small{color:#00ba88}:root{--primary-light: #8abdff;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #ffffff;--greyLight-1: #e4ebf5;--greyLight-2: #c8d0e7;--greyLight-3: #bec8e4;--greyDark: #9baacf}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{appearance:none;-webkit-appearance:none;border-radius:0}body{margin:0;padding:0;font-family:Poppins,sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;background:var(--greyLight-1)}@media screen and (min-width: 900px){html{font-size:75%}}.container{min-height:100vh;max-width:100%;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;background:var(--greyLight-1)}.components{width:120rem;max-width:100%;height:auto;border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);padding:4rem;display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));grid-template-rows:repeat(autofit,min-content);grid-column-gap:8rem;grid-row-gap:2.5rem;align-items:center;justify-items:center}@media screen and (max-width: 1200px){.components{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media screen and (max-width: 780px){.components{grid-template-columns:repeat(1,minmax(200px,1fr));height:auto;grid-column-gap:0;grid-row-gap:4rem;padding:1rem}}.MuiPaper-root{max-width:100%;height:max-content}