/* Placement belongs to each screen; dimensions and artwork belong to this control. */
#scarlet-bag-v30 button.icon-button.info-button.ui-info{
 display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
 width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;
 flex:0 0 32px;box-sizing:border-box;padding:5px;margin:0;align-self:center;
 border:0;border-radius:50%;background:transparent;box-shadow:none;
 color:inherit;line-height:1;cursor:pointer;filter:none;transform:none;
 transition:background-color .16s ease;
}
#scarlet-bag-v30 .ui-info::before,#scarlet-bag-v30 .ui-info::after{display:none}
#scarlet-bag-v30 .ui-info img.ui-info-glyph,#scarlet-bag-v30 .info-link img.ui-info-glyph{
 display:block;width:22px;height:22px;min-width:22px;max-width:none;max-height:none;
 flex:0 0 22px;object-fit:contain;margin:0;padding:0;border:0;
 filter:none;transform:none;opacity:1;transition:filter .16s ease;
}
#scarlet-bag-v30 button.ui-info:not(:disabled):hover{background-color:#b8904320}
#scarlet-bag-v30 :is(.ui-info,.info-link):not(:disabled):is(:hover,:focus-visible) img.ui-info-glyph{filter:brightness(1.2) drop-shadow(0 0 3px #bd92454d)}
#scarlet-bag-v30 button.ui-info:focus-visible{outline:1px solid #dab775;outline-offset:2px}
#scarlet-bag-v30 button.ui-info:disabled{opacity:.45;cursor:default}
#scarlet-bag-v30 button.ui-info.mission-drop-info{margin-left:4px}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .ui-info,#scarlet-bag-v30 .ui-info-glyph{transition:none}}