.token-hp{display:grid;position:relative;grid-template-areas:"title hp" "temp-icon temp";column-gap:.5ch;row-gap:.2ch;grid-area:hp;justify-content:start;align-items:flex-start;height:46px}.token-hp input[type=text],.token-hp input[type=number]{padding-inline:4px;padding-block:0;width:25px;height:18px;text-align:right}.token-hp .hp-icon{grid-area:title;width:20px;height:20px}.token-hp .temp-hp-icon{grid-area:temp-icon;align-self:center;height:15px}.token-hp .current-hp{display:flex;grid-area:hp;align-items:center;gap:.5ch}.token-hp .current-hp .divider{rotate:15deg;background-color:var(--text-color);width:1px;height:15px}.token-hp .bottom-row{display:flex;grid-area:temp;justify-content:space-between;align-self:start;justify-self:start;width:100%}.map-button{opacity:.5;height:20px}.map-button.active{opacity:1}.map-button.active .map-default .map-icon,.map-button.active .map-default .player-icon{fill:#fff}.map-button .map-default{display:flex;justify-content:center;align-items:center;border-color:gray;padding:0;padding-inline:1px;width:35px;height:20px;overflow:hidden}.map-button .map-default.loading:before{animation:rotating .5s linear infinite;border:1px solid white;border-bottom:none;border-radius:100%;aspect-ratio:1/1;height:50%;content:""}.map-button .map-default.loading .map-icon,.map-button .map-default.loading .player-icon{display:none}.map-button .map-default .map-icon{flex-shrink:0;fill:gray;width:19px;height:19px}.map-button .map-default .player-icon{flex-shrink:0;align-self:flex-end;fill:gray;width:16px;height:16px}.token-ac{display:grid;grid-template-areas:"icon ac" ". map";row-gap:.2ch;grid-area:ac;justify-content:start;align-items:start;height:46px}.token-ac.no-extras{display:block;height:auto}.token-ac input[type=text],.token-ac input[type=number]{padding-inline:4px;padding-block:0;width:25px;height:18px;text-align:right}.token-ac .ac-icon{grid-area:icon;fill:gray;height:20px}.token-ac .ac-input{grid-area:ac}.token-ac .map-button{grid-area:map}.initiative-wrapper{display:grid;grid-template-columns:repeat(3,auto);grid-area:init;gap:.5ch;row-gap:.2ch;height:46px}.initiative-wrapper .initiative-icon{fill:green}.initiative-wrapper input[type=text],.initiative-wrapper input[type=number]{padding-inline:4px;padding-block:0;width:12px;height:18px;text-align:right}.initiative-wrapper input[type=number]{-moz-appearance:textfield;width:12px;text-align:right}.initiative-wrapper input[type=number]::-webkit-outer-spin-button,.initiative-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.initiative-wrapper .init-wrapper{position:relative;grid-row:span 2;width:38px;height:44px!important}.initiative-wrapper .init-wrapper .dice-button{flex-direction:column;gap:0;transition:all .25s ease;width:38px;height:41px;overflow:hidden}.initiative-wrapper .init-wrapper .dice-button:disabled{filter:invert(1)}.initiative-wrapper .init-wrapper .dice-button.rolling svg,.initiative-wrapper .init-wrapper .dice-button.rolling img{animation:rotating .5s linear infinite}.initiative-wrapper .init-wrapper .dice-button .dice-preview{width:26px;height:22px}.initiative-wrapper .init-wrapper .dice-button .dice-preview .preview-image{width:26px;height:26px;max-height:unset;object-fit:contain}.initiative-wrapper .init-wrapper .dice-button .dice-preview svg{width:26px;height:26px;fill:#fff}.initiative-wrapper .initiative-bonus{grid-column:2/2}.initiative-wrapper .player-button{grid-row:2/2;grid-column:1/1;width:25px}.initiative-wrapper .player-button .player-default{padding-inline:0;width:25px}.player-button{height:20px}.player-button.active .player-default .player-icon{fill:#fff}.player-button .player-default{display:flex;justify-content:center;align-items:center;border-color:gray;width:35px;height:20px;overflow:hidden}.player-button .player-default .player-icon{fill:gray;width:23px;height:23px}