.order-multimedia{width:750px;max-width:80vw;max-height:calc(100vh - 30px);box-sizing:border-box;padding:20px;border:1px solid #eceff1;border-radius:4px;color:#616161;background:#fff;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #0002;font:14px/14px 'Open Sans',Arial,sans-serif;overflow:hidden}
.order-multimedia::backdrop{background:#0009}
.multimedia-surface{position:relative;max-height:90vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b0bec5 transparent}
.multimedia-surface::-webkit-scrollbar{width:8px}.multimedia-surface::-webkit-scrollbar-thumb{background:#b0bec5;border-radius:4px}
.multimedia-surface>header{display:flex;align-items:flex-start;justify-content:space-between;height:24px;margin-bottom:18px;padding:0;border:0}
.order-multimedia h2{font:700 14px/14px 'Open Sans',Arial,sans-serif;margin:0 0 10px}
.multimedia-icon{font-family:'TruVideo Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:24px;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.multimedia-close,.multimedia-mode{background:none;border:0;color:#616161;cursor:pointer;padding:0;width:24px;height:24px}
.multimedia-modes{position:absolute;right:7px;top:42px;display:flex;gap:6px;z-index:1;height:24px}
.multimedia-mode[aria-pressed=false]{color:#c6c6c6}
.multimedia-tabs{display:flex;height:56px;padding:8px 0 0;border:0;gap:0;box-sizing:border-box}
.multimedia-tab{font:500 14px/36px Roboto,sans-serif;letter-spacing:1.25px;color:#616161;background:none;border:0;padding:0 8px;height:48px;cursor:pointer}
.multimedia-tab[aria-selected=true]{background:#dce6f0;color:#616161}
.multimedia-stage{height:280px;margin:0;display:flex;justify-content:center;align-items:center;background:#070a0e}
.multimedia-stage video,.multimedia-stage>img{height:100%;width:100%;object-fit:contain}
.multimedia-stage[hidden],.multimedia-details[hidden],.multimedia-status[hidden]{display:none}
.multimedia-status{margin:5px 0;color:#757575;font-size:13px}.multimedia-status:empty{display:none}
.multimedia-details{margin:0;padding:10px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.multimedia-details>strong{font:600 16px/24px 'Open Sans',Arial,sans-serif;overflow-wrap:anywhere}.multimedia-details>span{color:#757575;font-size:12px}
.multimedia-send{flex-basis:100%;margin:16px 4px 4px;min-height:92px;padding:5px;border:1px solid #eceff1;border-radius:8px;background:#fff;color:#78909c;box-shadow:none;font:14px/16.1px 'Open Sans',Arial,sans-serif}
.multimedia-send:hover{background:#f5f5f5;color:#297cd6}
.multimedia-gallery{display:flex;gap:10px;overflow-x:auto;padding:6px 0 0;align-items:flex-start}
.order-multimedia[data-view=grid] .multimedia-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow-x:hidden}
.multimedia-card{display:flex;flex-direction:column;flex:0 0 149px;gap:5px;text-align:left;border:1px solid #eceff1;border-radius:2px;margin:8px 0;padding:0;background:#fff;color:#616161;cursor:pointer;font:12px/12px 'Open Sans',Arial,sans-serif;overflow:hidden}
.multimedia-card[aria-pressed=true]{border-color:#eceff1;box-shadow:0 0 0 1px #eceff1}.multimedia-card:hover{background:#f5f5f5;color:#297cd6}
.multimedia-card img{width:100%;height:150px;object-fit:contain}.multimedia-card strong{font:700 14px/14px 'Open Sans',Arial,sans-serif;overflow-wrap:anywhere;padding:10px 5px 0}.multimedia-card span{color:#78909c;padding:0 5px 10px}
.order-multimedia button:focus-visible{outline:2px solid #297cd6;outline-offset:-2px}
.order-multimedia [hidden]{display:none!important}
.multimedia-card .multimedia-uploaded{margin-top:11px;padding-bottom:0;color:#6d7e91}
.multimedia-details>.multimedia-updated{margin-left:auto;font:14px/15px "Open Sans",Arial,sans-serif;padding:2px 10px 2px 0;color:#616161}
.multimedia-stage-wrap{position:relative}.multimedia-stage-actions{position:absolute;right:5px;top:5px;z-index:2}.multimedia-action-menu{position:relative}.multimedia-menu-trigger{background:#070a0ec2;color:#fff;border:0;padding:1px 6px;border-radius:3px;cursor:pointer}.multimedia-menu{position:absolute;right:0;top:28px;min-width:190px;background:#fff;color:#616161;padding:8px 0;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #0002;border-radius:4px;z-index:4}.multimedia-menu-item{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:0 16px;border:0;background:none;color:inherit;font:14px/20px Roboto,sans-serif;white-space:nowrap;text-align:left;cursor:pointer}.multimedia-menu-item:hover{background:#f5f5f5}.multimedia-hidden{border-radius:16px;padding:2px 4px;background:#eceff1;color:#263238;font-size:12px}
.multimedia-card-shell{position:relative;flex:0 0 149px;min-width:0}.multimedia-card-shell>.multimedia-card{width:100%;box-sizing:border-box}.multimedia-card-shell>.multimedia-action-menu{position:absolute;right:3px;top:11px}.multimedia-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;border:0;overflow:visible}.multimedia-card .multimedia-hidden{align-self:flex-start;margin:0 5px 5px;padding:2px 4px}

.multimedia-previous,.multimedia-next{position:absolute;top:45%;z-index:1;width:36px;height:36px;padding:6px;border:0;border-radius:5px;background:#070a0ec2;color:#fff;cursor:pointer}.multimedia-previous{left:5px}.multimedia-next{right:5px}

.multimedia-image-checkbox{position:absolute;top:17px;left:8px;margin:0;z-index:2}.multimedia-modes:has(.multimedia-image-download-all:not([hidden])){gap:10px}

.multimedia-expand-image{position:absolute;top:228px;right:0;border:0;border-radius:5px;padding:0;background:#070a0ec2;color:#fff;width:36px;height:36px;cursor:pointer}.multimedia-details>.media-video-edit{width:100%}

.order-multimedia[data-media-type=image] .multimedia-stage{height:330px;background:transparent}.multimedia-stage>img{border-radius:5px}
.multimedia-previous,.multimedia-next{top:18%;bottom:0;display:flex;align-items:center;justify-content:center;width:5%;height:5%;padding:0;background:transparent;border:0;border-radius:0}.multimedia-previous{left:0}.multimedia-next{right:0}.multimedia-previous>.multimedia-icon,.multimedia-next>.multimedia-icon{background:#6d7e91;border-radius:50%;opacity:.5;transition:all .15s ease}.multimedia-previous:hover>.multimedia-icon,.multimedia-next:hover>.multimedia-icon{opacity:.9}

.multimedia-send{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.multimedia-send .multimedia-icon{font-size:24px;line-height:24px}