.popup_win { position: fixed; top: 0px; bottom: 0px; overflow: hidden; transition: var(--transition-fast); opacity: 1; display: flex; flex-direction: column; flex: 1; left: 0px; right: 0px; backdrop-filter: var(--backdrop-filter-header); box-shadow: none !important; border: none !important; z-index: 4000; } .popup_win .popup_win_icon_button { position:relative; z-index: 100; color: var(--elements-fg-color); border: 1px solid var(--elements-fg-color); } .popup_win .popup_win_icon_button { fill: var(--elements-fg-color); stroke: var(--elements-fg-color); opacity: .5; cursor: pointer; transition: var(--transition-fast); } .popup_win .popup_win_icon_button:hover { opacity: 1; } .popup_win .popup_win_icon_button:active { opacity: .75; } .popup_win_hide .popup_win_wrapper { transform: translateX(5vmax); opacity: 0 !important; transition: var(--transition-fast); transition-delay: .25s; } .popup_win .popup_win_wrapper { max-width: calc(var(--contents-width) - var(--mp) * 4); margin: auto; margin-top: var(--wrapper-margins); margin-bottom: var(--wrapper-margins); padding: calc(var(--mp) * 1); background-color: var(--elements-bg-color-flat); color: var(--elements-fg-color-flat); transition: none; display: flex; flex-direction: column; flex: 1; height: calc(100% - var(--wrapper-margins) * 2); border-radius: calc(var(--mp) * 1); overflow: hidden; opacity: 1; } .popup_win .popup_win_scroller { position: relative; overflow-y: scroll; overflow-x: hidden; margin: calc(var(--mp) * 1); padding-right: calc(var(--mp) * 2); height: calc(100% - var(--mp) * 2); font-family: var(--text-font); font-size: .85rem; } .popup_win_scroller * { color: var(--elements-fg-color-flat); } .popup_win_hide { transform: translateX(110%); } .popup_win .popup_win_titlebar { --pwt-height: 2rem; display: grid; grid-template-columns: 1fr var(--pwt-height); min-height: var(--pwt-height); } .popup_win .popup_win_title { font-size: 1.25rem; text-transform: uppercase; padding: calc(var(--mp) * 1); display: flex; flex-direction: column; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: flex-start !important; } .popup_win .popup_win_subtitle { padding: calc(var(--mp) * 1); display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: flex-start !important; opacity: .75; font-size: 1rem; text-transform: none !important; font-weight: normal !important; } .popup_win .popup_win_scroller pre { font-size: 9pt; white-space: pre-line; }