.spinner{position:absolute;left:12px;top:21px;width:26px;height:8px;box-sizing:border-box;display:block;font-size:0;color:#5181b8}.spinner span{display:inline-block;width:4px;height:4px;margin:2px;float:none;background-color:currentColor;border:0 solid currentColor;border-radius:100%;-webkit-animation:a .7s -.15s infinite linear;animation:a .7s -.15s infinite linear}.spinner span:nth-child(2n-1){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes a{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}body{margin:0;padding:0;min-height:100%;background-color:#edeef0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}main{padding:10px}section{padding:20px 25px;margin-bottom:50px;border-radius:4px;width:450px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}.clearfix:after{content:".";display:block;height:0;font-size:0;line-height:0;clear:both;visibility:hidden}h3{margin-top:0}.input-btn{padding:0;margin:1px 2px 2px 1px;border:0;padding:5px 7px 4px;border-radius:2px;background:#dae2ea;font-size:12.5px;color:#55677d;cursor:pointer}.input-btn:after{content:"";display:block;float:right;margin-top:1px;margin-left:6px;width:12px;height:12px;background-image:url(https://vk.com/images/icons/common.png);background-repeat:no-repeat;background-size:32px 232px;opacity:.45;transition:opacity .2s linear}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.input-btn:after{background-image:url(https://vk.com/images/icons/common_2x.png)}}.input-btn:hover:after{opacity:1}.input-btn--add{display:inline-block}.input-btn--add:after{background-position:0 0}.input-btn--add nobr{color:#55677d}.input-btn--person{display:inline-block;margin:1px 2px 2px 1px;color:#f0f2f5;background:#5181b8}.input-btn--person:after{background-position:1px -160px}.btn-dropdown{width:21px;height:25px;float:right;border:none;background-color:#fff;background-image:url(https://vk.com/images/dropdown_arrow.png);background-size:11px 7px;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;cursor:pointer}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.btn-dropdown{background-image:url(https://vk.com/images/dropdown_arrow_2x.png)}}.btn-dropdown span{font-size:0;display:none}.vk-dropdown{position:relative;padding:2px 2px 1px;width:380px;border:1px solid #d3d9de;border-radius:2px;background:#fff;overflow:visible;transition:border-radius .24s ease}.vk-dropdown--focused{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-left-radius:0;border-bottom-right-radius:0}.vk-dropdown--focused .user-list{display:initial}.vk-dropdown [type=text]{display:block;padding:4px 0 7px 6px;margin:0;float:left;width:348px;height:14px;outline:0;border:0;font-size:13px;box-shadow:none;color:#777}.vk-dropdown-selected-persons{display:block;float:left;width:359px;width:calc(100% - 31px);font-size:0}.user-list{display:none;font-size:0;z-index:1}.user-list__content,.user-list__empty-result{position:absolute;padding:0;margin-left:-1px;margin-right:-1px;top:100%;left:0;width:100%;max-height:240px;border:1px solid #d3d9de;border-top:none;overflow:auto;z-index:1}.user-list__item{position:relative;padding:8px 12px;min-height:50px;box-sizing:border-box;border-top:1px solid #d3d9de;background-color:#fff;cursor:pointer}.user-list__item.active{background-color:#f0f2f5}.user-list__item :first-child{border-top:none}.user-list__empty-result{padding:17px 12px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:400;line-height:1.25;background-color:#f0f2f5}.user-item{cursor:pointer}.user-item__image-container{float:left;margin-right:10px;width:34px;height:34px;overflow:hidden}.user-item__image-container img{width:34px;height:34px;border-radius:50%;vertical-align:top}.user-item__name{margin-bottom:2px;font-size:12.5px;font-weight:700;line-height:1.25;color:#42648b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.user-item--not-found{font-size:12px;line-height:33px}#users{padding:0;list-style:none}#users .user,#users li{margin-bottom:10px}