body {
  background-color: #f3f6fc;
  font-family: sans-serif;
  margin: 0;
  overflow: hidden scroll;
  padding: 0;
  position: relative;
  text-align: center;
  user-select: none;
  width: 100%;
  z-index: 10;
}
button,
input {
  font-size: 1rem;
  margin-inline: 10px;
  padding: 10px;
}
button:not([disabled]),
input:not([disabled]) {
  cursor: pointer;
}
button > svg {
  pointer-events: none;
}
#chatAll {
  background-color: #fff;
  position: absolute;
  right: 0;
  transition: width .2s linear;
  z-index: 15;
}
#chatAll.chatAllExpanded {
  width: 500px;
}
#chatAll,
#chatAllDummy {
  border: #000 1px solid;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 100%;
}
#chatAllDummy {
  position: relative;
  right: 500px;
}
#chatEmoji {
  left: 22px;
}
#chatNew,
#chatNewDummy {
  border-radius: 10px;
  font-size: 18px;
  line-height: 1;
  padding: 5px 20px 5px 40px;
  width: 100%;
}
#chatNewOuter,
#chatNewOuterDummy {
  display: flex;
  flex-direction: column;
  position: relative;
}
#chatNewOuter > button {
  appearance: none;
  background-color: unset;
  border: none;
  height: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 6.5px;
}
#chatOld,
#chatOldDummy {
  overflow-y: auto;
  width: 100%;
}
#chatOld > textarea,
#chatOldDummy > textarea {
  color: #fff;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
  width: 100%;
}
#chatOld > textarea:last-child,
#chatOldDummy > textarea:last-child {
  margin-bottom: 0 !important;
}
#chatOldOuter,
#chatOldOuterDummy {
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: flex-end;
  margin: 0 0 5px 0;
  scroll-behavior: smooth;
}
.chatOldOwn {
  background-color: #008ecf;
  border-radius: 10px 10px 0 10px;
}
.chatOldPartner {
  background-color: #44ac69;
  border-radius: 10px 10px 10px 0;
  text-align: right;
}
#chatOuter {
  position: relative;
}
#chatSendMessage {
  right: 6.5px;
}
#chatSendWorksheet {
  left: 6.5px;
}
#content {
  align-self: stretch;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  overflow: hidden;
}
#galleryBackground,
#galleryBackgroundBeta {
  align-items: center;
  backdrop-filter: blur(3px);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25;
}
#galleryClose {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: var(--closeHeight);
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--closeHeight);
}
#galleryClose::after,
#galleryClose::before {
  background-color: #ddd;
  border-radius: 2px;
  content: '';
  height: 4px;
  left: 14px;
  position: absolute;
  top: 26px;
  transform-origin: center;
  width: 28px;
}
#galleryClose::after {
  transform: rotate(-45deg);
}
#galleryClose::before {
  transform: rotate(45deg);
}
#galleryClose:focus {
  outline: none;
}
#galleryClose:hover::after,
#galleryClose:hover::before,
#galleryClose:focus::after,
#galleryClose:focus::before {
  background-color: #000;
}
#galleryInner {
  display: flex;
  gap: 10px;
}
#galleryOuter {
  --marginTop: 10px;
  --outerPadding: 10px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-sizing: border-box;
  margin: var(--marginTop) 0;
  max-height: calc(100vh - var(--marginTop) * 2);
  max-width: 100%;
  overflow-y: auto;
  padding: var(--outerPadding);
  position: relative;
}
.galleryThumbnail,
.navOptionsVideoRecordingThumbnail,
#navOptionsVideoRecordingStart {
  align-items: center;
  aspect-ratio: 16 / 9;
  background-size: cover;
  border: none;
  border-radius: 5px;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.galleryThumbnail:hover:not([disabled]),
.galleryThumbnail:focus:not([disabled]) {
  opacity: .7;
}
#galleryThumbnails {
  display: inline-grid;
  gap: 10px;
  height: fit-content;
  outline: none;
  vertical-align: top;
  width: 20%;
}
#galleryTitle {
  align-items: center;
  display: flex;
  height: var(--closeHeight);
  justify-content: center;
  left: var(--closeHeight);
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-wrap: nowrap;
  width: calc(100% - var(--closeHeight) * 2);
}
#galleryTop {
  --closeHeight: 56px;
  height: 56px;
  margin-top: calc(-1 * var(--outerPadding));
}
#galleryVideo {
  border-radius: 10px;
  display: flex;
  width: 100%;
}
#galleryVideoOuter {
  display: inline-block;
  width: 80%;
}
.gray,
.gray * {
  border-color: #c0c2c5 !important;
  color: #c0c2c5 !important;
}
.gray svg {
  filter: grayscale(100%);
}
.gray .svgFill {
  fill: #c0c2c5 !important;
}
.gray textarea:not(#chatNew) {
  background-color: #c0c2c5 !important;
  color: #fff !important;
}
.gridRows2 {
  grid-auto-flow: column; 
  grid-template-rows: repeat(2, auto);
}
.hidden {
  visibility: hidden !important;
}
main {
  display: flex;
  gap: 5px;
  padding: 0 5px 5px 5px;
  width: calc(100% - 10px);
}
#media {
  flex: 0 1 200px;
  width: 200px;
}
@media screen and (max-width: 799px) {
  #chatAll.chatAllExpanded {
    max-width: 100%;
    width: 100%;
  }
  #content {
    display: grid;
  }
  main {
    display: block;
    gap: unset;
  }
  #media {
    margin-top: 5px;
    width: 100%;
  }
}
#nav {
  text-align: left;
}
#nav fieldset {
  border-radius: 10px;
  display: inline-block;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.navActiveOptionsConnector {
  fill: #cdcdcd;
  pointer-events: none;
  position: relative;
  vertical-align: top;
}
.navActiveOptionsInner {
  background-color: #cdcdcd;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  top: -.5px;
}
.navActiveOptionsOuter {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 17;
}
#navActiveOptionsOuter-navOptionsVideoRecording {
  --activeOptionsColumnWidth: 170px;
  --activeOptionsGap: 10px;
  --activeOptionsPadding: 10px;
  max-width: 50%;
}
#navActiveOptionsOuter-navOptionsVideoRecording:has(.hasVideo) {
  max-width: min(100%, 2 * var(--activeOptionsColumnWidth) + var(--activeOptionsGap) + 2 * var(--activeOptionsPadding));
}
.navArrow {
  color: #000;
}
.navButton {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 30px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 30px;
}
.navButton2 {
  width: 65px !important;
}
.navButton3 {
  width: 100px !important;
}
.navDrawColorPicker {
  background: conic-gradient(from 90deg, rgba(255, 0, 0, 1) 0deg, rgba(224, 161, 25, 1) 79.6154deg, rgba(93, 203, 42, 1) 133.269deg, rgba(61, 180, 146, 1) 192.115deg, rgba(0, 85, 214, 1) 249.231deg, rgba(45, 9, 247, 1) 290.769deg, rgba(229, 6, 188, 1) 320.192deg, rgba(255, 0, 0, 1) 360deg);
  height: 100%;
}
#navDrawColorPickerColor-0 {
  background-color: #ff0000;
}
#navDrawColorPickerColor-1 {
  background-color: #800000;
}
#navDrawColorPickerColor-2 {
  background-color: #ff0066;
}
#navDrawColorPickerColor-3 {
  background-color: #ff66ff;
}
#navDrawColorPickerColor-4 {
  background-color: #6600cc;
}
#navDrawColorPickerColor-5 {
  background-color: #0000ff;
}
#navDrawColorPickerColor-6 {
  background-color: #0099ff;
}
#navDrawColorPickerColor-7 {
  background-color: #00ffff;
}
#navDrawColorPickerColor-8 {
  background-color: #009999;
}
#navDrawColorPickerColor-9 {
  background-color: #3333cc;
}
#navDrawColorPickerColor-10 {
  background-color: #00ff00;
}
#navDrawColorPickerColor-11 {
  background-color: #006600;
}
#navDrawColorPickerColor-12 {
  background-color: #003300;
}
#navDrawColorPickerColor-13 {
  background-color: #339933;
}
#navDrawColorPickerColor-14 {
  background-color: #669900;
}
#navDrawColorPickerColor-15 {
  background-color: #ffff00;
}
#navDrawColorPickerColor-16 {
  background-color: #ffcc00;
}
#navDrawColorPickerColor-17 {
  background-color: #ffff99;
}
#navDrawColorPickerColor-18 {
  background-color: #ff7f2a;
}
#navDrawColorPickerColor-19 {
  background-color: #ff3300;
}
#navDrawColorPickerColor-20 {
  background-color: #000000;
}
#navDrawColorPickerColor-21 {
  background-color: #ffffff;
}
#navDrawColorPickerColor-22 {
  background-color: #a9a9a9;
}
#navDrawColorPickerColor-23 {
  background-color: #4f2700;
}
#navDrawColorPickerColor-24 {
  background-color: #996633;
}
.navDrawColorPickerColorActive {
  outline: 2px dotted #585858;
}
#navDrawColorPickerColorOuter {
  display: grid;
  gap: 7px;
  grid-auto-flow: row; 
  grid-template-columns: repeat(5, auto);
  padding: 5px;
}
#navDrawColorPickerColorOuter > button {
  border: none;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
}
#navDrawColorPickerColorOuter > button:hover,
#wbControlBack:hover:not([disabled]),
#wbControlForward:hover:not([disabled]),
#wbToolbar label:hover {
  opacity: .7;
}
#navDrawLineWidthOuter {
  padding: 10px;
}
#navDrawLineWidthRangeWrap {
  --thumb-size: 11px;
  --track-width: 115px;
  height: 11px;
  position: relative;
  width: calc(var(--track-width) + var(--thumb-size));
}
#navDrawLineWidthSlider {
  appearance: none;
  background: transparent;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: calc(var(--thumb-size) + var(--track-width));
}
#navDrawLineWidthSlider::-moz-range-thumb {
  appearance: none;
  background: #008ecf;
  border: none;
  border-radius: 50%;
  height: var(--thumb-size);
  width: var(--thumb-size);
}
#navDrawLineWidthSlider::-webkit-slider-thumb {
  appearance: none;
  background: #008ecf;
  border: none;
  border-radius: 50%;
  height: var(--thumb-size);
  width: var(--thumb-size);
}
#navDrawLineWidthSlider::-moz-range-track {
  background: transparent;
  height: 100%;
}
#navDrawLineWidthSlider::-webkit-slider-runnable-track {
  background: transparent;
  height: 100%;
}
#navDrawLineWidthTrack {
  background-color: #000;
  clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 50%);
  height: 100%;
  left: calc(var(--thumb-size) / 2);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--track-width);
}
.navFieldsetInner {
  display: grid;
  gap: 5px;
}
#navInsertImageSelectOuter,
#navInsertPDFSelectOuter {
  display: grid;
  gap: 10px;
  padding: 10px;
}
#navInsertImageSelectOuter > button,
#navInsertPDFSelectOuter > button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
#navInsertImageSelectOuter > button:focus:not([disabled]),
#navInsertImageSelectOuter > button:hover:not([disabled]),
#navInsertPDFSelectOuter > button:focus:not([disabled]),
#navInsertPDFSelectOuter > button:hover:not([disabled]),
#navOptionsVideoRecordingActiveOptions div > button:focus:not([disabled]),
#navOptionsVideoRecordingActiveOptions div > button:hover:not([disabled]),
#navOptionsVideoRecordingActiveOptions > div > input:hover:not(:focus):not([disabled]) {
  opacity: .7;
}
#navOptionsVideoRecordingActiveOptions {
  background-color: #0c4d7f;
  max-height: 450px;
  overflow-y: auto;
  padding: var(--activeOptionsPadding);
}
#navOptionsVideoRecordingActiveOptions.hasVideo {
  display: grid;
  gap: var(--activeOptionsGap);
  grid-auto-flow: row;
  grid-template-columns: repeat(2, calc(50% - var(--activeOptionsGap) / 2));
}
#navOptionsVideoRecordingActiveOptions > div {
  max-width: var(--activeOptionsColumnWidth);
}
#navOptionsVideoRecordingActiveOptions > div > input {
  background: none;
  border: none;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 0;
  max-width: 100%;
  padding: 5px;
}
#navOptionsVideoRecordingActiveOptions > div > video {
  aspect-ratio: 16 / 9;
  display: block;
  max-width: 100%;
  width: 100%;
}
#navOptionsVideoRecordingPause {
  float: right;
}
#navOptionsVideoRecordingPause,
#navOptionsVideoRecordingStop {
  align-items: center;
  aspect-ratio: 15 / 9;
  border: none;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: calc(50% - 5px);
}
#navOptionsVideoRecordingPause,
#navOptionsVideoRecordingStart,
#navOptionsVideoRecordingStop {
  background-color: #fff;
}
#navOptionsVideoRecordingStop {
  float: left;
}
#navOptionsVideoRecordingStart::before {
  background-color: #bc002d; /* Japanese flag red */
  border-radius: 50%;
  content: ''; /* Pseudo-element for the red dot */
  height: 20px;
  position: absolute; /* Center within button */
  width: 20px;
}
#navOptionsVideoRecordingStart > p {
  margin: 50px 0 0 0;
  pointer-events: none;
}
#navOptionsVideoRecordingStopInner {
  aspect-ratio: 4 / 3;
}
#navVideo,
#navWhiteboard {
  align-items: flex-end;
  border-radius: 10px;
  gap: 5px;
  padding: 0 3px 3px 3px;
  width: max-content;
}
#navVideo {
  background-color: #0c4d7f;
  display: inline-flex;
  vertical-align: top;
}
#navVideo > fieldset {
  border: #fff 1px solid;
}
#navVideo legend {
  color: #fff;
}
#navVideo .navButton {
  background-color: #0c4d7f;
  border: #fff 1px solid;
  color: #fff;
}
#navVideoCamera > svg:nth-child(1) {
  left: 6px;
  position: relative;
  top: 1px;
}
#navVideoDevices {
  display: grid;
  gap: 4px;
}
#navVideoDevices > button {
  align-items: center;
  background-color: #f3f6fc;
  border: #000 1px solid;
  border-radius: 10px;
  display: flex;
  height: 28px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 45px;
}
#navVideoDevices > button[disabled] > svg {
  color: #c0c0c0 !important;
}
#navVideo button:focus,
#navVideo button:hover:not([disabled]),
#navVideoDevices > button:focus,
#navVideoDevices > button:hover:not([disabled]),
#navWhiteboard button.navButton:focus,
#navWhiteboard button.navButton:hover:not([disabled]) {
  background-color: #b3ddf1 !important;
  outline: none;
}
#navVideo button.navActiveButton,
#navWhiteboard button.navActiveButton {
  background-color: #008ecf;
  outline: none;
}
#navVideoDevices > button > svg:nth-child(2) {
  position: absolute;
  right: 6px;
  top: 17px;
}
.navVideoHangUp {
  color: #f92a2e;
}
#navVideoHangUp > svg:nth-child(1) {
  left: 6px;
  position: relative;
}
#navVideoMicrophone > svg:nth-child(1) {
  left: 8px;
  position: relative;
}
#navWhiteboard {
  display: contents;
  opacity: 0;
  transition: opacity .2s linear;
}
#navWhiteboard button {
  background-color: #f3f6fc;
  border: #000 1px solid;
}
#navWhiteboard button.navActiveButton:not(:focus):not(:hover) > svg > .svgColor,
#navWhiteboard button.navActiveButton:not(:focus):not(:hover) > .svgColor {
  color: #fff;
}
#navWhiteboard button.navActiveButton:not(:focus):not(:hover) > svg > .svgFill,
#navWhiteboard button.navActiveButton:not(:focus):not(:hover) > .svgFill {
  fill: #fff;
}
#navWhiteboard > fieldset {
  border: #0c4d7f 1px solid;
}
#navWhiteboard legend {
  color: #0c4d7f;
}
#navWhiteboard svg {
  color: #000;
}
#navWhiteboard.show {
  opacity: 1;
}
.none {
  display: none !important;
}
.pointer {
  cursor: pointer;
}
#qr img {
  margin-top: 15px;
}
.selected {
  outline: 3px solid red;
}
.span2 {
  grid-column: span 2;
}
.span3 {
  grid-column: span 3;
}
.svgColor {
  color: #000;
}
.svgFill {
  fill: #000;
}
textarea {
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  resize: none;
  white-space: break-spaces;
}
#top {
  padding: 5px;
}
#videoInviteLink {
  box-sizing: border-box;
  width: calc(100% - 6px);
}
#videoInviteLinkOuter {
  margin-top: 20px;
}
#videoLocal,
#videoRemote {
  border-radius: 10px;
  display: block;
  width: 100%;
}
#videoLocalOuter {
/*#videoRemoteOuter {*/
  height: 0;
}
#videoLocalOuter {
  border-radius: 10px;
  overflow: hidden;
}
#videoRemoteOuter,
#wbInner {
  border-radius: 10px;
}
.wbActive {
  background-color: #f00 !important;
}
.wbDisabled > svg {
  fill: #c0c0c0;
}
#wbControl {
  display: flex;
  height: 20px;
}
#wbControlBack,
#wbControlForward {
  background: none;
  border: none;
  height: 100%;
  margin: 0;
  padding: 0 5px;
}
#wbControlLeft {
  text-align: left;
  width: 80px;
}
#wbControlLeft > button[disabled] > svg {
  fill: #c0c0c0 !important;
}
#wbControlMiddle {
  text-align: center;
  width: calc(100% - 200px);
}
#wbControlRight {
  text-align: right;
  width: 120px;
}
#wbToolbar {
  background-color: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-radius: 10px 10px 0 0;
  padding: 10px;
}
#whiteboard {
  cursor: crosshair;
  display: block;
  height: 100%;
  touch-action: none; /* Prevents browser from claiming touch for scrolling/zooming */
  width: 100%;
}
#whiteboardImgUploadLabel.dragOver {
  background-color: #ced4da;
}
.whiteboardImg {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
}
#wbRemoveLabel > svg {
  height: 13px;
  width: 13px;
}
#wbButtonEditLowerLabel,
#wbButtonEditUpperLabel,
#whiteboardImgUploadLabel,
#wbPDFRemoveLabel,
#wbPDFUploadLabel,
#wbPhotoLabel,
#wbRemoveLabel {
  background-color: #e9ecef;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: .5rem;
  cursor: pointer;
  display: inline-block;
}
#wbButtonEditLowerLabel,
#wbButtonEditUpperLabel,
#wbEditOptions,
#wbEditOptions > label {
  display: inline-block;
}
#wbInner {
  background-color: #fff;
  border: 1px solid #000;
  flex: 1;
  min-height: 550px;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
#wbOuter {
  display: flex;
  flex: 1;
  flex-direction: column;
}
#wbPartnerCursor {
  pointer-events: none; /* Prevents flickering when partner hovers mirrored cursor */
  position: absolute;
}
#wbRemoveLabel,
#wbPDFRemoveLabel {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 30px;
  width: 30px;
}
#wbRemoveOuter {
  right: 72px !important;
  top: 10px;
}
#whiteboardImgUploadLabel {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M571 308l-95.7-96.4c-10.1-10.1-27.4-3-27.4 11.3V288h-64v64h64v65.2c0 14.3 17.3 21.4 27.4 11.3L571 332c6.6-6.6 6.6-17.4 0-24zm-187 44v-64 64z"></path><path d="M384 121.941V128H256V0h6.059c6.362 0 12.471 2.53 16.97 7.029l97.941 97.941a24.01 24.01 0 017.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"></path></svg>');
  background-size: 13px 13px;
  transform: rotate(270deg);
}
#wbButtonEditLowerLabel,
#wbButtonEditUpperLabel {
  background-size: 13px 13px;
}
#wbContextMenu {
  background-color: #000;
  height: 200px;
  position: absolute;
  width: 100px;
  z-index: 20;
}
.whiteboardImgFlash {
  animation-direction: alternate;
  animation-timing-function: step-end;
}
.whiteboardImgFlash {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: whiteboardImgFlash;
}
@keyframes whiteboardImgFlash {
   10% {filter: contrast(.8);}
   20% {filter: contrast(.6);}
   30% {filter: contrast(.4);}
   40% {filter: contrast(.2);}
   50% {filter: contrast( 0);}
   60% {filter: contrast(.2);}
   70% {filter: contrast(.4);}
   80% {filter: contrast(.6);}
   90% {filter: contrast(.8);}
  100% {filter: contrast( 1);}
}
#wbButtonEditLowerLabel,
#wbButtonEditUpperLabel,
#whiteboardImgUploadLabel,
#wbPDFUploadLabel,
#wbPhotoLabel {
  height: 40px;
  width: 40px;
}
#whiteboardMessage {
  color: #000;
  top: -35px;
}
.wbPDF {
  display: inline-block;
  position: relative;
}
.wbPDF .pdf-text-input {
  background-color: #c0c0c0;
  border: none;
  color: #000;
  font-family: inherit;
  margin: 0;
  padding: 0;
  position: absolute;
}
.wbPDF .pdf-text-input:focus {
  background-color: transparent;
  outline: none;
}
#wbPDFRemoveOuter {
  right: 72px !important;
  top: 144px;
}
#wbPDFUploadLabel {
  background-image: url('data:image/svg+xml,<svg height="40" width="40" xmlns="http://www.w3.org/2000/svg"><text y="28" font-family="Arial" font-size="20" font-weight="bold" fill="fff">PDF</text></svg>');
  background-size: 20px 20px;
}
#wbPDFUploadOuter {
  top: 139px;
}
#wbPhotoLabel {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 487 487" xmlns="http://www.w3.org/2000/svg"><g><g><path d="M308.1,277.95c0,35.7-28.9,64.6-64.6,64.6s-64.6-28.9-64.6-64.6s28.9-64.6,64.6-64.6S308.1,242.25,308.1,277.95z M440.3,116.05c25.8,0,46.7,20.9,46.7,46.7v122.4v103.8c0,27.5-22.3,49.8-49.8,49.8H49.8c-27.5,0-49.8-22.3-49.8-49.8v-103.9v-122.3l0,0c0-25.8,20.9-46.7,46.7-46.7h93.4l4.4-18.6c6.7-28.8,32.4-49.2,62-49.2h74.1c29.6,0,55.3,20.4,62,49.2l4.3,18.6H440.3z M97.4,183.45c0-12.9-10.5-23.4-23.4-23.4c-13,0-23.5,10.5-23.5,23.4s10.5,23.4,23.4,23.4C86.9,206.95,97.4,196.45,97.4,183.45z M358.7,277.95c0-63.6-51.6-115.2-115.2-115.2s-115.2,51.6-115.2,115.2s51.6,115.2,115.2,115.2S358.7,341.55,358.7,277.95z"/></g></g></svg>');
  background-size: 20px 20px;
}
#wbPhotoOuter {
  top: 72px;
}
.wbTextInput {
  background: none;
  border: 1px solid blue;
  display: block;
  outline: none;
  padding: 5px;
  position: absolute;
  resize: none;
  z-index: 6;
}