:host{display:flex}.thumb-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(72rpx + .5 * (1rem - 16px));height:calc(72rpx + .5 * (1rem - 16px));flex-shrink:0}.thumb-container.portrait{margin-left:16rpx}.thumb-container.landscape{margin-left:12rpx}.thumb-icon-wrapper{width:calc(72rpx + .5 * (1rem - 16px));height:calc(72rpx + .5 * (1rem - 16px));border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.14)}.thumb-icon{width:70%;height:70%}.thumb-count{font-size:calc(18rpx + .5 * (1rem - 16px));color:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.3);padding:0 8rpx;border-radius:12rpx;line-height:calc(24rpx + .5 * (1rem - 16px));min-width:24rpx;text-align:center}.thumb-canvas{position:absolute;bottom:60rpx;right:-20rpx;width:128rpx;height:300rpx;pointer-events:none;z-index:999}.thumb-combo-number{position:absolute;top:-320rpx;left:36rpx;transform:translateX(-50%);display:flex;align-items:flex-end;pointer-events:none;z-index:1000;color:#fcc75c;font-weight:700;font-style:italic;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.number-x{font-size:calc(24rpx + .5 * (1rem - 16px));margin-right:2rpx;margin-bottom:4rpx}.number-val{font-size:calc(36rpx + .5 * (1rem - 16px))}@keyframes popIn{from{transform:translateX(-50%) scale(.5);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}