.searchbar{transition:transform .1s;overflow:hidden;-webkit-filter:drop-shadow(0 0 10px #3c3532);filter:drop-shadow(0 0 10px #3c3532)}.searchbar .body{margin:0 auto;width:60%;display:flex;justify-content:center;align-items:center;height:55px;border-radius:67.5px;background:#f7971c}.searchbar .triangle{height:25px;width:25px;margin-left:auto;margin-top:-1px;background:#f7971c;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}.searchbar input{width:90%;height:70%;background:none;border:none;outline:none;color:#fff;text-indent:5px;font-size:1.3em;border-bottom:4px solid #fff;border-radius:2px}.action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.action-bar .spacer{flex-grow:1}.action-bar .action{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:10px 10px 0 10px;flex-direction:column}.action-bar .action,.action-bar .action-button{width:66.66667px;display:flex;align-items:center}.action-bar .action-button{height:66.66667px;margin-bottom:10px;border-radius:50%;background-color:#2b3990;justify-content:center;transition:transform .25s}.action-bar .action-button:hover{cursor:pointer;transform:translateY(-5px)}.person-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;display:flex;flex-direction:column}.person-list .middle{flex-basis:0;flex-grow:1;overflow:hidden;position:relative}.person-list .searchbar{position:absolute;bottom:0;right:0;width:100%}.person-list .persons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;overflow:auto;max-height:100%}.person-list .persons .spacer{flex-grow:1;flex-shrink:1}.person-list .persons .person{margin:5px}.person-list .no-persons{height:100%;display:flex;justify-content:center;align-items:center}.person-list .action-bar{margin-top:10px;flex-shrink:0}.person{display:flex;flex-direction:column;align-items:center;border-radius:4.5px}.person.hover-effect:hover{cursor:pointer;background-color:rgba(0,0,0,.2)}.person .person-name{width:85.5px;margin-bottom:9px;color:#fff;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis}.person .person-image{width:54px;height:54px;margin:9px;position:relative}.person.grayscale .inner-person-image{transform:rotateY(180deg)}.person.grayscale.present .inner-person-image{transform:rotateY(0deg)}.person .inner-person-image{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.person .inner-person-image img{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.person .inner-person-image img.back{-webkit-filter:grayscale(100%);filter:grayscale(100%);transform:rotateY(180deg)}.person .action-button{width:30px;height:30px;position:absolute;bottom:-13px;right:-13px;border-radius:50%;background-color:#2b3990;display:flex;justify-content:center;align-items:center}.person .action-button:hover{cursor:pointer;background-color:#1f2969}.title[data-v-6835ec3c]{text-transform:uppercase}.title[data-v-6835ec3c] :first-child,.title[data-v-6835ec3c] :nth-child(3){font-weight:lighter}.title[data-v-6835ec3c] :first-child:before,.title[data-v-6835ec3c] :nth-child(3):before{content:"\a0";display:inline-block}.title[data-v-6835ec3c] :nth-child(2){font-weight:700}