:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2d2d38;background-color:#dddde2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,html{padding:0;margin:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.empty-list-title{font-weight:800;font-size:36px;text-align:center;color:#dddde2}.main-section__container{display:flex;flex-direction:row;height:580px;width:100%;min-width:366px;background-color:#fff;border-radius:8px;overflow:hidden}@media (width >= 1260px){.main-section__container{width:1260px}}.main-section__content{display:flex;flex-direction:column;align-items:center;flex:1}.search-input{padding:1rem}.search-input input{color:#2d2d38;border:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-weight:300;width:100%;max-width:200px;padding:5px 5px 5px 1rem;outline:none}.search-input label{z-index:50;font-size:12px;margin-right:8px}.search-input__container{display:flex;flex-direction:row;align-items:center;margin:2rem 0}.cards-section{display:grid;grid-template-columns:repeat(1,300px);grid-template-rows:repeat(2,154px);grid-auto-rows:154px;grid-auto-flow:dense;gap:1rem;margin-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;overflow-y:auto;width:100%;justify-content:center}@media (width >= 746px){.cards-section{grid-template-columns:repeat(2,300px)}}@media (width >= 1052px){.cards-section{grid-template-columns:repeat(3,300px)}}.card{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;font-weight:300;font-size:20px;border-radius:12px;-webkit-box-shadow:0px 2px 57px -14px rgba(45,45,56,.2);-moz-box-shadow:0px 2px 57px -14px rgba(45,45,56,.2);box-shadow:0 2px 57px -14px #2d2d3833}.card:focus{opacity:.8}.card__appear{animation:appear .6s linear}@keyframes appear{0%{opacity:0}to{opacity:1}}.card__closing{transform-origin:top;animation:closing .5s linear}@keyframes closing{0%{opacity:1;transform:scale(1)}to{opacity:.1;transform:scaleY(0)}}.card>textarea{padding:1rem;resize:none;border:none;height:fit-content;flex:1;color:#2d2d38;font-weight:400;font-size:20px;background:transparent;outline:none}.card__content{display:inline;padding:1rem;text-wrap:pretty}.card__actions{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:30px}.card__actions button{width:14px;height:14px;background:none;color:#2d2d38;padding:0;margin-bottom:8px}.card__actions button:hover{outline:none;border:none}.card__actions button:focus,.card__actions button:focus-visible{outline:none;border:none}.card__actions button img{width:16px;height:16px}.card__default{color:#fff;background-color:#2d2d38}.card__blue{color:#fff;background-color:#3a36f6}.card__red{color:#fff;background-color:#f63636}.card__yellow{color:#2d2d38;background-color:#f2f636}.card__green{color:#2d2d38;background-color:#36f69a}.card__orange{color:#fff;background-color:#f69e36}.card__black{color:#fff;background-color:#2d2d38}.sidebar{display:flex;flex-direction:column;align-items:center;padding:8px 1rem;border-right:1px solid #dddde2}.sidebar>h3{font-weight:900;font-size:12px;margin:.5rem 0;padding-top:.5rem}.sticker-button{border-radius:4px;width:16px;height:16px;padding:0}.sticker-button__blue{background-color:#3a36f6}.sticker-button__red{background-color:#f63636}.sticker-button__yellow{background-color:#f2f636}.sticker-button__green{background-color:#36f69a}.sticker-button__orange{background-color:#f69e36}.sticker-button__black{background-color:#2d2d38}.sticker-button__list{display:flex;flex-direction:column;justify-content:center;gap:16px;flex-grow:1}.add-button{border-radius:32rem;width:38px;height:38px;text-align:center;font-size:24px;padding:0;font-weight:800;margin:1rem 0}.sticker-border__blue{border:1px solid #3a36f6}.sticker-border__red{border:1px solid #f63636}.sticker-border__yellow{border:1px solid #f2f636}.sticker-border__green{border:1px solid #36f69a}.sticker-border__orange{border:1px solid #f69e36}.sticker-border__black{border:1px solid #2d2d38}.tooltip{position:relative;width:inherit}.tooltip__content{z-index:22;border-radius:4px;position:absolute;text-align:center;padding:.2rem .4rem;top:-40px;left:-15px;font-size:10px;font-weight:600;color:#dddde2;background-color:#2d2d38}