*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#222;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.25;padding:32px}.fake-dark-mode{-webkit-filter:invert(100%);filter:invert(100%);transition:all .5s}.btn-fake-dark-mode{background-color:#b58b84;border:none;font-size:26px;line-height:1;padding:16px;position:fixed;right:0;top:0}section{margin:0 auto;max-width:1140px}header{font-weight:700;justify-content:space-between;margin-bottom:32px}h1,header{display:flex}h1{align-items:center;font-size:26px;gap:8px}h1 span{font-size:140%;line-height:1}h2{margin-bottom:24px;text-transform:uppercase}h2,h3{color:#764355}h3{text-transform:capitalize}header div{align-items:center;display:flex;gap:32px}header button{font-size:14px}form{background-color:#fff4e6;display:flex;gap:24px;padding:24px}aside,form,main{margin-bottom:40px}aside{opacity:75%}button,input,textarea{border:1px solid #b58b84;color:inherit;font-family:inherit;font-size:16px;padding:8px 12px}input{width:12rem}::-webkit-input-placeholder{color:#999}::placeholder{color:#999}:focus{border-radius:2px;outline:2px solid #c68b74}textarea{flex:1 1;height:50px}.count{align-self:flex-end;color:#999}button{background-color:#c68b74;border:1px solid #c68b74;cursor:pointer;font-weight:700;padding:9px 24px}main ul{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr 1fr;list-style:none}main li{border:1px solid #b58b84;padding:1rem 1.5rem .5rem}main li:hover{background-color:#fff4e6;z-index:1}.list-pannel{display:flex;flex-direction:column;justify-content:space-between;position:relative}.time-stamp{align-self:flex-end;color:#999;font-size:.6rem;justify-self:flex-end}.pointer{cursor:pointer}.fake:after{background-image:url(/static/media/fake-tag.270cc93072729425dcdf.png);background-repeat:no-repeat;background-size:100% 100%;bottom:0;content:"";height:6rem;opacity:.4;position:absolute;right:0;width:8rem;z-index:-1}.archive-btn,.close-btn{align-items:center;border:none;border-radius:50%;display:flex;height:2rem;justify-content:center;line-height:2rem;margin:0;padding:0;position:absolute;transition:opacity .5s;width:2rem}.close-btn{right:-1rem;top:-1rem}.archive-btn{bottom:-1rem;left:-1rem}.archive-btn.show,.close-btn.show{opacity:1}.archive-btn.hidden,.close-btn.hidden{opacity:0}aside ul{display:flex;flex-direction:column;font-size:90%;gap:2px;list-style:none}aside li{align-items:center;border:1px solid #b58b84;display:flex;justify-content:space-between;padding:4px 8px}h2+button{margin-bottom:24px}.add-btn{min-width:8rem}aside li button{font-size:14px;padding:4px 8px}footer{align-items:center;border-top:1px solid #b58b84;display:flex;justify-content:center;padding:16px 0}
/*# sourceMappingURL=main.353f7af6.css.map*/