/*
 * Copyright (c) 2022. LeanSoft.ro
 * All Rights Reserved.
 */

.jumper { display: table; position: fixed; width: 16px; height: 16px; background-color: var(--pluginTopperGroundColor); border: solid var(--pluginTopperBorderWidth) var(--pluginTopperBorderColor); border-radius: var(--pluginTopperBorderRadius); box-shadow: 0 0 var(--pluginTopperShadowWidth) 0 var(--pluginTopperShadowColor); transition: opacity .2s ease, width .2s ease, height .2s ease; }
.jumper.gone2 { visibility: hidden; }
.jumper.hide2 { opacity: 0; }
.jumper.show2 { opacity: .3; }
.jumper.show2:active { filter: brightness( 90% ); }
.jumper.show2:hover { cursor: pointer; opacity: 1; width: 30px; height: 30px; }
.jumper.xa { right: calc(50% + 3px); bottom: 35px; }
.jumper.xb { left: calc(50% + 3px); bottom: 35px; }
.jumper.ya { bottom: calc(50% + 3px); right: 8px; }
.jumper.yb { top: calc(50% + 3px); right: 8px; }
.jumper > .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 8px; color: var(--pluginTopperIconColor); }
.jumper.show2:hover > .icon { font-size: var(--pluginTopperIconHeight); }