.order-details-dialog{width:26vw;max-width:26vw;height:86%;padding:0;border:0;background:var(--bg-03,#fff);color:var(--txt-01,#616161)}
.order-details-frame{margin:0;padding:0;display:flex;flex-direction:column;height:100%}
.order-details-frame>header{display:flex;justify-content:space-between;align-items:center;padding:24px 16px;border-bottom:1px solid var(--dividers);flex-shrink:0}
.order-details-frame>header strong{font:700 16px/14px 'Open Sans',Arial,sans-serif}
.order-details-frame>header button{border:0;background:none;color:inherit;cursor:pointer}
.order-details-body{margin:16px;border:1px solid var(--dividers);overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column}
.order-details-body h2{font:600 18px/14px 'Open Sans',Arial,sans-serif;border-bottom:1px solid var(--dividers);border-top:1px solid var(--dividers);padding:24px 16px;color:var(--txt-01)}
.order-details-frame>footer{padding:18px 16px;display:flex;justify-content:space-between;border-top:1px solid var(--dividers);flex-shrink:0}
.order-details-frame>footer button{height:32px;padding:8px 16px;border-radius:4px;border:1px solid var(--dividers);font:400 12px/12px 'Open Sans',Arial,sans-serif;cursor:pointer}

.order-details-frame>footer .order-details-delete:hover{background:var(--bg-critical);color:var(--txt-critical)}
@font-face{font-family:'Details Material Icons';font-style:normal;font-weight:400;font-display:block;src:url('../fonts/material-icons-v145.woff2') format('woff2')}
.order-details-dialog .material-icons{font-family:'Details Material Icons';font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}