.mistfall-skill-icon{--skill-icon-size: 52px;position:relative;width:var(--skill-icon-size);height:var(--skill-icon-size);flex:0 0 var(--skill-icon-size);display:grid;place-items:center;overflow:hidden;padding:calc(var(--skill-icon-size) * .086);border:1px solid #5f625c;background-color:#1b1d1c;box-shadow:inset 0 0 0 1px #0000009e,0 1px 2px #00000057}.mistfall-skill-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--skill-icon-texture);background-position:center;background-size:cover;filter:var(--skill-icon-texture-filter, none);pointer-events:none;z-index:0}.mistfall-skill-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--skill-icon-color-overlay, transparent);mix-blend-mode:color;pointer-events:none;z-index:0}.mistfall-skill-icon__image{position:relative;z-index:1;width:100%;height:100%;border:0;background:transparent;object-fit:contain}.mistfall-skill-icon--defense{background-color:#183426}.mistfall-skill-icon--magic{background-color:#292d2d;--skill-icon-texture-filter: brightness(1.36) contrast(1.1);--skill-icon-color-overlay: #8b9695}.mistfall-skill-icon--mobility{background-color:#102c49;--skill-icon-texture-filter: grayscale(1) brightness(.78) contrast(1.12);--skill-icon-color-overlay: #176f9e}.mistfall-skill-icon--mobility[data-skill-texture=windy]:before{opacity:.35}.mistfall-skill-icon--control{background-color:#452813;--skill-icon-texture-filter: brightness(1.16) contrast(1.1);--skill-icon-color-overlay: #c66d27}.mistfall-skill-icon--debuff{background-color:#2e1745;--skill-icon-texture-filter: brightness(1.16) contrast(1.1);--skill-icon-color-overlay: #8d4ebd}.mistfall-skill-icon--recovery-debuff{background-color:#252626;--skill-icon-texture-filter: brightness(1.16) contrast(1.1);--skill-icon-color-overlay: linear-gradient(90deg, #237046 0 50%, #6a3990 50% 100%)}.mistfall-skill-icon--mobility-debuff{background-color:#252626;--skill-icon-texture-filter: grayscale(1) brightness(.82) contrast(1.18);--skill-icon-color-overlay: linear-gradient(90deg, #176f9e 0 50%, #6a3990 50% 100%)}.mistfall-skill-icon--utility{background-color:#242725}.mistfall-skill-icon__missing{position:relative;z-index:1;display:grid;place-items:center;color:#8e9188;font-size:max(6px,calc(var(--skill-icon-size) * .14));line-height:1.05;text-align:center;text-transform:uppercase}