.base64-panel{margin-top:30px}.base64-panel-head-buttons{float:right}.base64-panel-head-button{color:#fff;fill:#fff;opacity:.7;transition:opacity ease-in-out .2s;padding:4px 6px}.base64-panel-head-button:hover{opacity:1}.base64-panel-head-button svg{width:20px;height:20px}.base64-panel-title{color:#fff;opacity:.8;float:left}.base64-panel-content{width:100%;outline:0;resize:vertical;min-height:4em;padding:5px 8px;border-radius:4px;border:2px solid #0d5aa3}.base64-image-preview-panel{margin-top:30px}.base64-image-preview-panel img{color:#fff;background:#fff url("/imaging/shared/img/grid.png") repeat;max-height:200px;border:2px solid #0d5aa3}.base64-image-preview-placeholder{display:inline-block;color:#fff;opacity:.7;padding:20px;border:5px solid;border-radius:10px;transition:color ease-in-out .6s,background-color ease-in-out .6s}.base64-image-preview-placeholder svg{display:inline-block;width:50px;height:50px}.base64-image-preview-placeholder label{display:block;font-size:20px}.base64-image-preview-placeholder.image-preview-error{color:#f88;background-color:#fff}[dir='rtl'] .base64-panel-title{float:right}[dir='rtl'] .base64-panel-head-buttons{float:left}[dir='rtl'] .base64-panel-content{direction:ltr}[dir='rtl'] .base64-panel-content::-webkit-input-placeholder{text-align:right}[dir='rtl'] .base64-panel-content::-moz-placeholder{text-align:right}