@charset "utf-8";

.pw-panel { position: fixed; width: 100%; min-width: 540px; z-index: 2000000000; border: none; background-color: rgb(255, 255, 255); transition: right 0.3s ease 0s, left, top, bottom; }

.pw-panel-resizer { position: absolute; background-color: rgb(242, 242, 242); cursor: s-resize; }

.pw-panel-resizer__orientation_top { bottom: -8px; }

.pw-panel-resizer__orientation_bottom { top: -8px; }

.pw-panel-resizer__orientation_bottom, .pw-panel-resizer__orientation_top { left: 0px; width: 100%; height: 8px; }

.pw-panel-resizer__orientation_left { right: -8px; }

.pw-panel-resizer__orientation_right { left: -8px; }

.pw-panel-resizer__orientation_left, .pw-panel-resizer__orientation_right { height: 100%; top: 0px; width: 8px; cursor: e-resize; }

.pw-panel-resizer__orientation_left ul, .pw-panel-resizer__orientation_right ul { flex-direction: column; }

.pw-panel-resizer ul { height: inherit; padding: 0px; margin: 0px; display: flex; justify-content: center; align-items: center; pointer-events: none; list-style: none; }

.pw-panel-resizer ul li { margin: 2px; height: 4px; width: 4px; background-color: rgb(112, 117, 122); border-radius: 50%; }

.pw-panel-resizer:hover { background-color: rgb(230, 230, 230); opacity: 0.8; }

.pw-panel__orientation_top { max-height: 90vh; top: -100%; left: 0px; width: 100%; height: 300px; }

.pw-panel__orientation_bottom { max-height: 90vh; bottom: -100%; left: 0px; width: 100%; height: 300px; }

.pw-panel__orientation_left { max-width: 90vw; top: 0px; left: -100%; width: 450px; height: 100%; }

.pw-panel__orientation_right { max-width: 90vw; top: 0px; right: -100%; width: 450px; height: 100%; }

.pw-panel__iframe { width: 100%; height: 100%; border: none; }

.pw-panel__iframe--resizing { outline: rgb(242, 242, 242) solid 1px; pointer-events: none; }

@media (max-width: 450px) {
  .pw-panel { display: none; }
}