body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.container{padding:1.25rem}.image-preview{display:grid;gap:1rem}.image-preview img{border:10px solid oklch(var(--totalform-purewhite));box-shadow:0 0 2px oklch(var(--totalform-black)/.5);max-width:100%;height:auto;width:auto}.image-preview button{background-color:oklch(var(--totalform-accent));color:oklch(var(--totalform-purewhite));padding:1rem;border:none;border-radius:var(--totalform-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease-out}.image-preview button:hover{filter:brightness(.95)}.image-preview button:active{scale:.98;filter:brightness(.9)}.image-preview #copy-macro{border:1px solid oklch(var(--totalform-accent));background:transparent;color:oklch(var(--totalform-accent));padding:.5rem 1rem;font-size:.8rem}.image-preview #copy-macro.copied{content:"Copied!";background-color:oklch(var(--totalform-accent));color:oklch(var(--totalform-purewhite))}.image-preview #download-image{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;background-color:oklch(var(--totalform-gray));-webkit-mask:var(--icon-download);mask:var(--icon-download);opacity:.5;transition:all .3s ease-out;margin-left:.5rem}.image-preview #download-image:hover{opacity:1;scale:1.15}.split-view{display:grid;gap:1rem;grid-template-columns:auto min-content}.image-info{display:grid;grid-template-rows:auto min-content}pre#twig-macro{background-color:oklch(var(--totalform-nearwhite));padding:1rem .5rem;border:1px solid oklch(var(--totalform-border-color));border-radius:5px;max-width:300px;overflow-x:scroll;margin-bottom:1rem}.totalform{margin-top:1rem;display:grid;gap:1rem}.totalform details>div{display:grid;gap:3rem;grid-template-columns:1fr 1fr}#fit-modal .close{position:absolute;top:0;right:0}#dimensions{font-weight:400}.in-iframe #fit-modal[open]{transform:none;top:0;left:0;max-width:none;max-height:none;height:100%;width:100%}.option-docs{margin:0}.option-docs dt{font-weight:700;margin-top:1rem}
/*# sourceMappingURL=imageworks-builder.css.map */