@font-face{font-family:NotoSans;src:url(/resumify/assets/NotoSans-Regular-Bs_QkyX_.woff) format("woff"),url(/resumify/assets/NotoSans-Regular-DKwSAlhP.woff2) format("woff2");font-weight:400}@font-face{font-family:NotoSans-Bold;src:url(/resumify/assets/NotoSans-Bold-D92o2CMr.woff) format("woff"),url(/resumify/assets/NotoSans-Bold-D5INSmYq.woff2) format("woff2");font-weight:700}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}img,picture,video,canvas,svg{display:block;max-width:100%}ul{list-style:none;padding-inline-start:0}input,button,textarea,select{font:inherit}button{cursor:pointer}input:not([type=checkbox]):not([type=color]),textarea{outline:none;border-width:2px;border-style:solid;border-color:transparent;transition:border .2s,box-shadow .2s;background-color:var(--grey-clr);font-size:12px;padding:var(--gap-md);border-radius:10px}textarea{resize:vertical}input:not([type=checkbox]):focus-visible,textarea:focus-visible{border-color:var(--outline-clr);box-shadow:#7dafff 0 0 5px}input:not([type=checkbox]):disabled{background-color:#0003}button:focus-visible,.focusOutline:focus-visible{outline:2px solid var(--outline-clr)}button{border:none;background-color:inherit;filter:saturate(100%);transition:filter .2s}button:hover{filter:saturate(50%)}body{line-height:1.5;max-width:1400px;margin-inline:auto;font-family:var(--font);background-color:var(--grey-clr);padding-block:var(--gap-lg)}h1,h2,h3{font-family:var(--font-bold)}h1{font-size:var(--font-lg)}h2,h3{font-size:var(--font-sm)}.card{padding:calc(var(--gap-md) * 2);border-radius:10px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.shadow{box-shadow:#63636e33 0 7px 29px}.container{display:grid;grid-template-columns:1fr 1.7fr;gap:1rem}aside{padding-left:var(--gap-lg)}main{padding-right:var(--gap-lg)}@media (width <= 850px){.container{grid-template-columns:1fr}aside,main{padding-inline:var(--gap-lg)}.canvasSection .body .item{grid-template-columns:1fr!important;gap:1rem}.asideColumns{flex-direction:column;gap:var(--gap-lg)!important}}.collapsible{display:flex;flex-direction:column;background-color:#fff;padding:0}.collapsible.active{padding-bottom:calc(var(--gap-md) * 2);gap:var(--gap-sm)}.collapsible .collapsibleHead{cursor:pointer;border-radius:10px;outline-offset:-2px;transition:border-radius .2s;padding:calc(var(--gap-md) * 2);justify-content:space-between}.collapsible.active .collapsibleHead{border-bottom-left-radius:0;border-bottom-right-radius:0}.collapsible .collapsibleHead,.collapsible .collapsibleHead .left{display:flex;flex-wrap:wrap;align-items:center}.collapsible .collapsibleHead .left{gap:var(--gap-md)}.collapsible .chevron{border-radius:50%;transition:rotate .2s,background-color .2s}.collapsible .chevron:hover{background-color:var(--grey-clr)}.collapsible.active .chevron{rotate:180deg}.collapsible .collapsibleBody{visibility:hidden;transition:visibility .2s linear,max-height .2s cubic-bezier(0,1,0,1);overflow:hidden;animation:disappear .2s linear forwards;transform-origin:top}.collapsible.active .collapsibleBody{visibility:visible;animation:expand .2s linear backwards;transform-origin:top}.collapsible .collapsibleBody:not(:has(.collapsibleList)){padding:0 calc(var(--gap-md) * 2)}.collapsibleBody>*{width:100%}@keyframes expand{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes disappear{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.collapsibleItem{display:flex;justify-content:space-between;align-items:center;font-family:NotoSans-Bold;font-size:var(--font-sm);cursor:pointer;border-top:5px solid var(--grey-clr);padding:1rem calc(var(--gap-md) * 2);transition:background-color .15s}.collapsibleItem:hover{background-color:var(--grey-clr)}.collapsibleItem:last-of-type{border-bottom:5px solid var(--grey-clr)}.collapsibleItem:focus-visible,.collapsibleItem:focus-visible+.collapsibleItem{outline:none;border-color:var(--outline-clr)}.collapsibleItem:focus-visible+.collapsibleItem:last-of-type{border-bottom-color:var(--grey-clr);border-top-color:var(--outline-clr)!important}.visibleBtn{background-color:transparent;border-radius:50%}.addBtnWrapper{width:100%;display:flex;justify-content:center}.addBtnWrapper:not(:only-child){margin-top:1rem}.addBtn:focus-visible{border-color:var(--outline-clr)!important;outline:none}.addBtn{transition:background-color .15s}.addBtn:hover{background-color:var(--grey-clr)}.checkboxInput{display:flex;justify-content:center;align-items:center;gap:var(--gap-sm);border-radius:2px}.checkboxInput input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.2em;height:1.2em;border:.15em solid #656565;border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center}.checkboxInput input[type=checkbox]:before{content:"";width:.8em;height:.8em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #555}.checkboxInput input[type=checkbox]:checked:before{transform:scale(1)}.checkboxInput input[type=checkbox]:focus{outline:0}.checkboxInput:has(input[type=checkbox]:focus-visible){outline:2px solid var(--outline-clr);outline-offset:3px}.checkboxInput label{font-size:var(--font-sm)}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.spinner{position:relative;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-content:center;font-size:var(--font-md)}@media (prefers-reduced-motion: no-preference){.spinner:after{content:"";position:absolute;top:calc((var(--size) / 10) * -1);left:calc((var(--size) / 10) * -1);border:calc(var(--size) / 10) solid #606f7b;width:var(--size);height:var(--size);border-radius:50%;clip-path:inset(0 12.857% 77% 12.857% round 0 0 5.714% 5.714%)}.spinner{border:calc(var(--size) / 10) solid #dae1e7;animation:spin infinite .8s linear}.spinner .message{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}}@media (prefers-reduced-motion: reduce){.spinner:after{animation:spin infinite .8s linear}}.asideSwitchPanel{padding:var(--gap-md);display:flex;flex-direction:column;background-color:#fff;gap:var(--gap-md);font-family:var(--font-bold);font-size:14px}.asideSwitchPanel button{background-color:transparent;position:relative;padding:var(--gap-md) var(--gap-sm);display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);border-radius:10px}.asideSwitchPanel button[data-active]:after{content:"";position:absolute;border-radius:10px;width:100%;height:100%;top:0;left:0;background-color:#0000000d}.asideSwitchPanel .contentBtn[data-active]:after{animation:.15s slide-up linear forwards}.asideSwitchPanel .customizeBtn[data-active]:after{animation:.15s slide-down linear forwards}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.layoutRadioInput{display:flex;gap:var(--gap-lg)}.layoutRadioInput label{display:flex;flex-direction:column;align-items:center;font-size:14px}.layoutRadioInput input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background-color:#fff;margin:0;border:1px solid gray;border-radius:5px;width:50px;height:50px;overflow:hidden}.layoutRadioInput input[type=radio]:checked{outline:2px solid #0e374e;outline-offset:1px}.layoutRadioInput input[type=radio]:focus-visible{outline:2px solid var(--outline-clr);outline-offset:1px}.layoutRadioInput input[type=radio]:after{content:"";position:absolute;top:0;background-color:#0e374e}.layoutRadioInput input[type=radio]#layoutTop:after{left:0;width:100%;height:50%}.layoutRadioInput input[type=radio]#layoutLeft:after{left:0;width:50%;height:100%}.layoutRadioInput input[type=radio]#layoutRight:after{right:0;width:50%;height:100%}.colorInput{display:flex;gap:var(--gap-sm);align-items:center}.colorInput input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;background-color:transparent;padding:0;border:none;border-radius:50%;width:43px;height:45px}.colorInput input[type=color]:focus{outline:none}.colorInput input[type=color]::-webkit-color-swatch-wrapper{background-color:transparent;border-radius:50%;width:43px;height:45px}.colorInput input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.colorInput input[type=color]:focus-visible::-webkit-color-swatch{outline:2px solid var(--outline-clr);outline-offset:1px}