@import url(https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;600;700&display=swap);#app{display:flex}body{font-family:"Source Serif Pro",serif;color:#272727}h1,h2,h3,h4,h5,h6,p,span{margin:0;color:#272727}.btn{font-weight:600;font-size:18px;background:#ff7474;color:#fff;border:none;border-radius:4px;padding:8px;min-width:100px;cursor:pointer}.Sidebar{min-width:350px;width:350px;background:#fff1ed;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.Sidebar .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ff7474;box-shadow:2px 3px 14px 0 rgba(0,0,0,.1);outline:none;height:16px;width:16px}.Sidebar .checkbox:checked{border:1px solid #ff7474;background:#ff7474;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14.8l3.13 3.2L19 9' stroke='%23fff' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E")}.Sidebar .themes label{display:flex;align-items:center;flex-direction:row;margin:16px 0;padding-bottom:0}.Sidebar .themes label span{padding:0;margin:0 0 0 8px}.Sidebar .add-themes{padding-bottom:24px}.Sidebar .add-themes .Theme{padding:24px 0;border-bottom:1px solid #dec9c9}.Sidebar .add-themes .Theme .label-wrapper{display:flex;justify-content:space-between}.Sidebar .add-themes .Theme .label-wrapper .collapse{font-size:12px;color:#ff7474}.Sidebar .add-themes a{font-size:18px;display:inline-block;margin-bottom:24px;color:#ff7474;text-decoration:none;border-bottom:1px solid transparent}.Sidebar .add-themes a:hover{border-bottom:1px solid #ff7474}.Sidebar .tabs{display:flex;flex-direction:column;border:none;padding:0;position:absolute;z-index:2;left:100%;top:48px}.Sidebar .tabs .tab{display:flex;align-items:center;justify-content:center;border:2px solid #fff1ed;border-radius:0 4px 4px 0;border-left:none;background:transparent;outline:none;width:50px;height:170px;padding:0;margin:8px 0}.Sidebar .tabs .tab.active{background:#fff1ed;box-shadow:5px 0 5px -5px rgba(0,0,0,.1)}.Sidebar .tabs .tab span{display:inline-block;white-space:nowrap}.Sidebar .tab-component{padding:24px}.Sidebar .tab-component h3{padding-bottom:24px}.Sidebar .tab-component .themes h3{padding-bottom:0}.Sidebar label{display:flex;flex-direction:column;padding-bottom:24px}.Sidebar label span{margin-bottom:16px}.Sidebar input,.Sidebar textarea{border:1px solid #dec9c9;padding:8px;border-radius:3px;color:#272727}.Sidebar input:focus,.Sidebar textarea:focus{outline:none;border:1px solid #ff7474;box-shadow:2px 3px 14px 0 rgba(0,0,0,.1)}.Sidebar textarea{height:80px;resize:none}.Sidebar section{margin-bottom:24px;border-bottom:1px solid rgba(0,0,0,.1)}.CoverLetter{margin-left:48px;width:900px;padding:24px 48px;display:flex;flex-direction:column}.CoverLetter .wrapper{display:flex}.CoverLetter .editor-tools{display:flex;flex-direction:column;align-items:center;margin-left:24px}.CoverLetter .editor-tools .btn{margin-bottom:24px;outline:none;width:auto;min-width:0}.CoverLetter .copy-bar{display:flex;align-items:center;justify-content:flex-end;background:#ff7474;border:none;position:fixed;bottom:0;right:0;width:100%;height:64px;font-size:22px;text-align:right;padding-right:24px;cursor:pointer;outline:none}.CoverLetter .copy-bar span{color:#fff;transition:all .3s ease}.CoverLetter .copy-bar span:hover{transform:scale(1.1)}.CoverLetter h1{margin-bottom:24px;text-align:center}.CoverLetter p{line-height:2}.CoverLetter .blank{color:#41a7a7}.CoverLetter .blank-verb{color:#ff7474}.CoverLetter .editor{padding:24px;text-align:left;border-radius:3px;width:100%}.CoverLetter .editor li{padding:8px 0;color:#272727}.CoverLetter .editor:focus{outline:none}.CoverLetter input{border:none;padding:0;margin:0}.CoverLetter input:focus{outline:none}