/* The sample stays intact; this bar provides the route back to Levi Co. */
.levi-preview-bar{position:fixed;z-index:20000;left:20px;right:20px;bottom:16px;max-width:850px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px 24px;padding:10px 15px;border:1px solid #ffffff36;border-radius:8px;background:#151b22;color:#f5f1e9;box-shadow:0 6px 28px #0003;font:400 12px/1.4 system-ui,sans-serif;letter-spacing:0;text-align:left;isolation:isolate}
.levi-preview-bar p{margin:0;color:#c9d0d8;font:inherit;max-width:47ch}
.levi-preview-bar strong{font-weight:600;color:#fff}
.levi-preview-bar nav{display:flex;align-items:center;gap:8px 18px;flex-shrink:0}
.levi-preview-bar a{display:inline-flex;align-items:center;min-height:36px;color:#fff;text-decoration:underline;text-underline-offset:4px;font:inherit;white-space:nowrap;cursor:pointer!important}
.levi-preview-bar a:last-child{font-weight:600}
.levi-preview-bar a:focus-visible{outline:2px solid #e8bc86;outline-offset:5px;border-radius:2px}
.levi-preview-bar *{box-sizing:border-box}
.levi-preview-result{outline:none}
.levi-preview-result:focus-visible{outline:2px solid currentColor;outline-offset:10px}
html:not(.levi-preview-ready) form,form[hidden]{display:none!important}
body{padding-bottom:90px}
@media(max-width:600px){.levi-preview-bar{left:10px;right:10px;bottom:10px;gap:4px 8px;flex-wrap:wrap;padding:9px 12px}.levi-preview-bar p{font-size:11px;max-width:none;width:100%}.levi-preview-bar nav{width:100%;justify-content:space-between;gap:12px}.levi-preview-bar a{min-height:35px;font-size:12px}body{padding-bottom:115px}}
@media print{.levi-preview-bar{display:none}body{padding-bottom:0}}