span.icon{text-align:center;word-break:keep-all;background-position:50%;background-size:cover;font-size:3rem;line-height:5rem;position:relative}span.icon.spin,i.spin{animation:2s linear infinite spin}span.icon.shake,i.shake{animation:1s linear infinite shake}span.icon img{object-fit:cover;max-width:100%;height:100%}span.icon.r1{transform:rotate(90deg)}span.icon.r2{transform:rotate(180deg)}span.icon.r3{transform:rotate(270deg)}span.icon.primary.thumb,span.icon.control.thumb{text-shadow:0 0 1rem rgba(0,0,0,.5);align-self:stretch;width:7rem;height:auto;margin-right:-1.5rem;line-height:7rem}span.icon.primary.thumb{margin-left:-1.5rem;margin-right:.5rem}span.primary.overflow{margin-left:-4.5rem;margin-right:0}span.icon.bubble{-webkit-user-select:none;user-select:none;border-radius:5rem;height:5rem;font-size:2.25rem}span.icon.bubble img:not(.emoji){border-radius:5rem}span.icon.bubble>i,span.icon.bubble>a>i{font-size:3rem;line-height:5rem}ul.list li span.icon.small{flex:0 0 4rem;height:4rem;margin-left:1rem;margin-right:1rem;font-size:0;line-height:3.5rem}ul.list li span.icon.small img.emoji{width:1.75rem;height:4rem}ul.list li span.icon.small:not(.bubble)>i{font-size:3rem;line-height:3rem}span.icon.small.bubble:first-letter,span.icon.small.bubble>i,span.icon.small.bubble>a>i{font-size:2.25rem;line-height:4rem}span.icon.bubble.status{border-radius:0;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box}span.icon.bubble.stories.status{background:linear-gradient(to top right,var(--p-orange),var(--p-pink));transition:transform .2s ease-in-out;-webkit-mask-origin:fill-box;mask-origin:fill-box}span.icon.bubble.stories.status.seen{background:0 0;background-color:rgba(var(--movim-font),.25)}span.icon.bubble.stories.status:hover{transform:scale(.95)}span.icon.bubble.stories.status:active{transform:scale(.925)}span.icon.bubble.status:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask.svg);mask-image:url(../img/avatar_mask.svg);-webkit-mask-origin:unset;-webkit-mask-origin:unset;mask-origin:unset}span.icon.bubble.stories.composing,span.icon.bubble.stories[data-counter]:not(.composing):not(.location){-webkit-mask-image:url(../img/avatar_mask_notifs_stories.svg);mask-image:url(../img/avatar_mask_notifs_stories.svg)}span.icon.bubble.status.stories:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_stories.svg);mask-image:url(../img/avatar_mask_stories.svg)}span.icon.bubble.status.dnd:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_dnd.svg);mask-image:url(../img/avatar_mask_dnd.svg)}span.icon.bubble.status.dnd.stories:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_dnd_stories.svg);mask-image:url(../img/avatar_mask_dnd_stories.svg)}span.icon.bubble.status.away:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_away.svg);mask-image:url(../img/avatar_mask_away.svg)}span.icon.bubble.status.away.stories:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_away_stories.svg);mask-image:url(../img/avatar_mask_away_stories.svg)}span.icon.bubble.status.xa:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_xa.svg);mask-image:url(../img/avatar_mask_xa.svg)}span.icon.bubble.status.xa.stories:not(.composing):not([data-counter]):not(.location){-webkit-mask-image:url(../img/avatar_mask_xa_stories.svg);mask-image:url(../img/avatar_mask_xa_stories.svg)}span.icon.bubble.status.location{-webkit-mask-image:url(../img/avatar_mask_location.svg);mask-image:url(../img/avatar_mask_location.svg)}span.icon.bubble.status.location.stories{-webkit-mask-image:url(../img/avatar_mask_location_stories.svg);mask-image:url(../img/avatar_mask_location_stories.svg)}span.icon span.counter,span.icon[data-counter]:after,span.icon.composing:after,span.icon.status:after{content:"";min-width:2rem;height:2rem;transition:border-radius .25s var(--standard-easing);box-shadow:var(--elevation-0);background-color:#ddd;border-radius:2em;font-size:1.5rem;line-height:2rem;display:block;position:absolute;top:calc(50% + .5rem);right:calc(50% - 2.75rem)}span.icon span.counter,span.icon[data-counter]:after,span.icon.composing:after{min-width:1.5rem;box-shadow:var(--elevation-1);padding:0 .25rem}span.icon[data-counter]:after{content:attr(data-counter);border-radius:.5rem}span.icon.composing:after{content:"…";z-index:1;border-radius:.5rem;font-size:2rem;font-weight:700;line-height:1rem;animation:1.5s infinite fadetext}span.icon.small.status:after{border-radius:2rem}span.icon.small span.counter,span.icon.small.composing:after{top:2.25rem}span.icon.small.status:after{min-width:1.5rem;height:1.5rem;top:2.4rem;right:calc(50% - 2.1rem)}main ul li .control>i{margin-left:0}span.icon span.counter{border-radius:.5rem}span.icon span.counter:empty{display:none}span.icon span.counter>i{margin-left:.1rem;margin-right:.1rem}i.icon-text{vertical-align:middle;margin:0 .25rem;font-size:2.5rem;line-height:3rem}p span.icon.tiny{vertical-align:text-top;width:2rem;height:2rem;margin-right:.5rem;font-size:1rem;line-height:2rem;display:inline-block}p span.icon.tiny:not(:first-child){margin-left:.75rem}