span.pin-component{border-radius:30px;border:2px solid #00f;background:#fff;min-width:24px;height:24px;display:flex;justify-content:center;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000;position:absolute;div.tooltip{position:fixed;left:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.4em;visibility:hidden;color:#fff;background:#363636;display:flex;padding:.5em;border-radius:.5em;align-items:center;justify-content:center;width:-webkit-max-content;width:max-content;min-height:30px;max-height:30px;min-width:0;max-width:200px;div{width:12px;height:12px;background:inherit;-webkit-transform:rotate(45deg) translate(-8px,8px);transform:rotate(45deg) translate(-8px,8px)}p{-webkit-transform:translate(-6px,7px);transform:translate(-6px,7px);font-weight:700}}&:hover{div{visibility:inherit}}}div.segment-autocomplete-picker{color:#a9a9a9;display:flex;flex-direction:column;margin:.5em auto;position:relative;label{-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .3s ease-in-out;z-index:9}input{border:0;border-bottom:1px solid #a9a9a9;z-index:10;background:none;box-sizing:border-box;padding:5px;&:focus{border:1px solid #5577b5}}ul{list-style:none;padding:0;width:100%;max-height:150px;overflow-y:auto;z-index:10;box-shadow:0 0 5 5 #d3d3d3;display:flex;flex-direction:column;grid-gap:2px;gap:2px;li{padding:.5em;border:1px solid #e9e9e9;border-radius:.5em;background:#fff;cursor:pointer;z-index:11;&:hover{background:#e9e9e9}}}label.top{-webkit-transform:translateY(0);transform:translateY(0);color:#5577b5}}div.person-list{min-width:100%;background:#fff;margin-top:1em;border-radius:5px;padding:1em;div.vote-balance{grid-gap:20px;gap:20px;margin-bottom:1em;div.vb-item{flex:1 1;padding:.3em;background:rgba(85,119,181,.15);border-radius:5px;max-width:200px;grid-gap:10px;gap:10px;align-items:center}}table{width:100%;border-collapse:separate;border-radius:5px;td,th{border:2px solid transparent}th{text-align:center;background:rgba(85,119,181,.15)}tr{cursor:pointer;transition:background .3s ease-in-out;&:nth-child(2n){background:#efefef}&:hover{background:#e0e0e0}}}}div.pin-manager{display:flex;grid-gap:.5em;gap:.5em;justify-content:center;align-items:center;max-width:500px;background:#fff;border-radius:5px;margin-top:1em;padding:.5em;p{font-size:1.25em;margin:0;font-weight:600}a,p{height:24px;display:flex;align-items:center}a{background:red;width:24px;justify-content:center;border-radius:5px;margin-left:50px}}div.segment-group-box{flex:1 1;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;div.title{display:flex;justify-content:center;align-items:center;min-width:100%;padding:0 1em;cursor:pointer;p{flex:1 1;font-size:14px;font-weight:700}p,svg{margin:0}svg{padding:0}}ul{min-width:100%;max-height:1000px;padding:.5em 1em;margin:0;list-style:none}div.paginator,ul{overflow:hidden}.hidden{max-height:0}ul li{padding:.5em 0}}div.new-group-modal{position:absolute;top:10px;right:10px;display:flex;max-width:300px;flex-wrap:wrap;background:#fff;border-radius:1em;padding:1em;box-sizing:border-box;div.top{min-width:100%;display:flex;justify-content:right;p{margin:0}a{flex:0 1}}button.newgroupmodal-btn{flex:0 1;display:flex;justify-content:center;align-items:center;background:#d3d3d3}input{flex:1 1}}div.groupselector{display:flex;justify-content:center;min-width:100%;grid-gap:20px;gap:20px;button.groupselectorbtn{padding:.5em 1.5em;background:#d3d3d3;border-radius:10px;border:0;cursor:pointer}button.groupselectorbtn-selected{background:#083991;color:#fff;font-weight:700}}div.groupmanager-wrapper{position:relative;max-width:600px;padding:1em;box-sizing:border-box;margin-top:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:20px;gap:20px;div.title{display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px;background:#fff;border-radius:10px;padding:1em;box-sizing:border-box;p{font-size:1.25em;margin:0}}div.segments-manager{display:flex;justify-content:center;align-items:stretch;grid-gap:20px;gap:20px;background:#fff;border-radius:10px;padding:1em;box-sizing:border-box;div.box{width:200px;max-height:500px;overflow-y:scroll;p,ul{margin:0;padding:0;width:100%}input,p,ul{border:1px solid #d3d3d3}input{max-width:100%;border-radius:0}p.title{padding:.5em;border:1px solid #d3d3d3;font-size:16px;font-weight:700}ul{list-style:none}ul li{padding:.5em;display:flex;justify-content:left;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;&:hover{background:grey;color:#fff}p{flex:1 1;border:0}a.remove-item{border-radius:3px;padding:3px;background:red;margin:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}}ul li p{font-size:14px}}}button{cursor:pointer}button.remove{width:30px;height:30px;background:#be0b0b;display:flex;justify-content:center;align-items:center;border:2px solid #d3d3d3;border-radius:5px}div.groupmanager-remove-modal{position:absolute;top:0;left:0;width:100%;height:auto;background:#fff;border-radius:10px;border:2px solid red;padding:1em;z-index:999;display:flex;flex-wrap:wrap;justify-content:space-between;p{min-width:100%;margin-bottom:.5em;font-size:14px}button.confirm{background:#f7d7dc;border:1px solid red;color:#333;&:hover{background:#e28f9b}}}}div.tag-list-screen-content{div.tag-card{min-width:400px;max-width:400px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1em;border-radius:10px;font-size:1.25em;div.sect{min-width:100%;margin-bottom:1em;p{margin:0;padding:0}p.tag-error{background:#ffb6c1;color:#8b0000;width:100%;padding:1em}button.btn-tag-screen{width:30px;height:30px;border:2px solid #d3d3d3;border-radius:5px;cursor:pointer}button.remove{background:#be0b0b;color:#fff}button.rename{background:#b4b4b4}}div.confirm-card,div.sect{flex:1 1;display:flex;align-items:center;justify-content:center;flex:1 1;display:flex;justify-content:center;align-items:center}div.confirm-card{background:pink;max-width:100%;flex-wrap:wrap;padding:.5em;p{min-width:100%;margin:0;padding:0}grid-gap:10px;gap:10px;button{border:2px solid #d3d3d3;border-radius:5px}button.remove{background:#be0b0b;color:#fff}}}}div.tagslist{ul{list-style:none;margin:0 0 1em;padding:0;li{padding:.25em 1em .25em 2em;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;p{flex:1 1;margin:0;padding:0}}li.selected{background:#a9a9a9}}}