.flex-box{display:flex;flex-direction:column}.search-box{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.searchItemName{width:100px;text-align:right;display:inline-block}.input-box{width:200px}.from-input{width:300px}.media-code-row{display:flex;align-items:center}.media-code-tip{margin-left:12px;color:#2563eb;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-code-tip:hover{color:#1d4ed8;text-decoration:underline}.media-code-sample-popover{padding:8px!important}.media-code-sample-img{display:block;max-width:420px;max-height:320px;-o-object-fit:contain;object-fit:contain}