.avatar-selector{padding:1rem 1rem}.avatar-selector-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-selector-left,.avatar-selector-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-selector-left{-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.avatar-selector-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.avatar-selector-grid{justify-items:center;-ms-flex-line-pack:center;align-content:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;gap:1rem}.avatar-selected{height:150px;width:150px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.avatar-selected img{width:100%}.avatar{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:80px;cursor:pointer;position:relative}.avatar.selected:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid #333;border-radius:50%}.avatar img{border-radius:50%;width:100%}.colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.color{width:30px;height:30px;border-radius:50%;cursor:pointer;position:relative}.color.selected:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid #333;border-radius:50%}.attribution{font-size:.6rem;color:#999;text-align:center;margin-top:.3rem;width:100%;display:block}.attribution a{color:#999}.attribution a:hover{color:#666}@media screen and (max-width:600px){.avatar-selector{padding:1rem .5rem}.avatar-selector-grid{gap:.5rem}.avatar{width:70px;height:70px}.avatar-selected{height:120px;width:120px}.color{width:20px;height:20px}}@media screen and (max-width:480px){.avatar{width:60px;height:60px}.avatar-selected{height:100px;width:100px}.color{width:20px;height:20px}}@media screen and (max-width:400px){.avatar-selector{padding:1rem .5rem}.avatar-selector-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.avatar-selector-grid{gap:.5rem}.avatar{width:70px;height:70px}.avatar-selected{height:120px;width:120px}.color{width:20px;height:20px}}