:root{--primary: #EA40A4;--business: #3A82EE;--personal: var(--primary);--light: #EEE;--grey: #888;--dark: #313154;--danger: #ff5b57;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--business-glow: 0px 0px 4px rgba(58, 130, 238, .75);--personal-glow: 0px 0px 4px rgba(234, 64, 164, .75)}*{margin:0;padding:0;box-sizing:border-box;font-family:montserrat,sans-serif}input:not([type="radio"]):not([type="checkbox"]),button{appearance:none;border:none;outline:none;background:none;cursor:initial}body{background:var(--light);color:var(--dark)}section{margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5em}h3{color:var(--dark);font-size:1.2rem;font-weight:400;margin-bottom:.5rem}h4{color:var(--grey);font-size:.875rem;font-weight:700;margin-bottom:.5rem}.app-title .title{display:flex;justify-content:center}.app-title .title{color:var(--dark);font-size:2rem;font-weight:700}input[type=radio],input[type=checkbox]{display:none}.bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--business);box-shadow:var(--business-glow)}.bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--business);box-shadow:var(--business-glow);border-radius:50%;transition:.2s ease-in-out}.bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}.item-list .list{margin:1rem 0}.item-header{min-width:100%}#container{padding:.2rem;width:100%;overflow:auto;white-space:nowrap;display:flex}.item-list .item{background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.item label{display:block;margin-right:1rem;cursor:pointer}.item .item-title{flex:1 1 0%;padding:.5rem .5rem .5rem 2rem}.item .actions{display:flex;align-items:center}.actions button{display:block;padding:.5rem;border-radius:.25rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.actions .edit{margin-right:.5rem;background-color:var(--primary)}.actions .buy{background-color:var(--danger);justify-content:center}.actions button:hover{opacity:.75}.actions .submit{margin-right:.5rem;background-color:var(--primary)}img{max-width:64px;max-height:64px}#deskripsi{vertical-align:middle;color:#232323;font-size:.8rem}
