/* The same layout diagrams used by the invoice and quote editors. */
.style-sheet{width:72px;height:102px;background:#fff;display:block;margin:auto;padding:9px;box-shadow:0 1px 5px #13296b24;position:relative;color:var(--navy);box-sizing:border-box;text-align:left;overflow:hidden}
.style-head{display:flex;justify-content:space-between;align-items:center;gap:2px;padding-bottom:6px;border-bottom:1px solid var(--navy)}
.style-head i{display:block;flex-shrink:0;width:11px;height:7px;background:var(--cyan);border-radius:1px}
.style-head b{font-size:4.42px;line-height:1.25;letter-spacing:.15px}
.style-parties{display:flex;gap:4px;margin:7px 0}.style-parties i{display:block;flex:1;min-width:0;height:10px;border-top:2px solid #71859e;background:repeating-linear-gradient(0deg,#d5dfe4 0 1px,#fff 1px 3px)}
.style-table{display:block}.style-table b{display:block;height:5px;background:var(--navy)}.style-table i{display:block;height:6px;border-bottom:1px solid #dce4e9}
.style-total{display:block;width:24px;height:5px;border-top:2px solid var(--cyan);float:right;margin-top:7px}
.style-thumb-1 .style-head{flex-direction:column-reverse;gap:4px;border-bottom:3px double var(--navy)}.style-thumb-1 .style-head b,.style-thumb-2 .style-head b,.style-thumb-5 .style-head b,.style-thumb-10 .style-head b{font-family:Georgia,serif}
.style-thumb-1 .style-table b{background:#fff;border-bottom:1px solid var(--navy)}.style-thumb-1 .style-total{border-top:3px double var(--navy)}
.style-thumb-2 .style-head{border:0;align-items:flex-start}.style-thumb-2 .style-head i{width:19px;height:9px;background:var(--navy)}.style-thumb-2 .style-table b{background:#fff;border-top:1px solid #71859e;border-bottom:1px solid #71859e}.style-thumb-2 .style-total{float:left;border-color:var(--navy)}
.style-thumb-3 .style-head{border:0;border-left:3px solid var(--cyan);padding-left:4px;flex-direction:row-reverse}.style-thumb-3 .style-parties{border-top:2px solid var(--cyan);padding-top:4px}.style-thumb-3 .style-table i:nth-child(even){background:#eff9fe}.style-thumb-3 .style-total{border-top:3px solid var(--cyan)}
.style-thumb-4 .style-head{background:var(--cyan);color:var(--navy);border:0;padding:5px 3px}.style-thumb-4 .style-head i{background:#fff}.style-thumb-4 .style-table b{background:#e9f8ff;border-bottom:1px solid var(--cyan)}.style-thumb-4 .style-total{background:#e9f8ff;border-top:2px solid var(--cyan)}
.style-thumb-5 .style-head{background:var(--navy);color:#fff;padding:5px 3px;border-bottom:3px solid var(--cyan)}.style-thumb-5 .style-head i{background:#fff}.style-thumb-5 .style-parties{border:1px solid #c7d1d9;padding:2px}.style-thumb-5 .style-total{background:var(--navy);border:0}
.style-thumb-6 .style-head{border:0;border-top:3px solid var(--cyan);padding-top:4px}.style-thumb-6 .style-head i{height:10px;width:15px}.style-thumb-6 .style-parties{background:#eff9fe;padding:3px}.style-thumb-6 .style-table b{background:#e9f1f7}.style-thumb-6 .style-table i{background:linear-gradient(90deg,#ccdce8 0 7px,transparent 7px);background-size:100% 4px;background-repeat:no-repeat;background-position:left center}.style-thumb-6 .style-total{border-bottom:1px solid var(--cyan)}
.style-thumb-7 .style-head{border-top:3px solid var(--cyan);border-bottom:1px solid var(--navy);padding-top:3px;flex-direction:row-reverse}.style-thumb-7 .style-head b{font-family:monospace}.style-thumb-7 .style-table i,.style-thumb-7 .style-table b{border:1px solid #b6c8d2}.style-thumb-7 .style-table i{height:6px}.style-thumb-7 .style-total{border-top:3px solid var(--cyan)}
.style-thumb-8 .style-head{background:#fff;color:var(--navy);padding:3px 0 5px;border-bottom:4px solid var(--cyan);align-items:flex-start;flex-direction:column}.style-thumb-8 .style-head b{font-size:6px;font-weight:800}.style-thumb-8 .style-head i{height:3px;background:var(--navy)}.style-thumb-8 .style-table b{background:var(--cyan)}.style-thumb-8 .style-total{width:100%;background:var(--cyan);border:0;height:7px}
.style-thumb-9 .style-head{border:0;flex-direction:row-reverse}.style-thumb-9 .style-head i{background:#8799ab}.style-thumb-9 .style-parties i:nth-child(2){border-color:var(--navy)}.style-thumb-9 .style-table b{background:#fff;border-bottom:1px solid #71859e}.style-thumb-9 .style-total{border-color:var(--navy);width:30px}
.style-thumb-10 .style-head{border-top:1px solid var(--navy);border-bottom:3px double var(--navy);flex-direction:column;padding-top:3px;gap:3px}.style-thumb-10 .style-head i{border-radius:50%;width:7px;height:7px;background:#fff;border:1px solid var(--navy)}.style-thumb-10 .style-table b{background:#f0f1f2;border:1px solid #9daaba}.style-thumb-10 .style-table i{border:1px solid #bac5d1}.style-thumb-10 .style-total{border-top:3px double var(--navy)}

.style-thumb-11 .style-head{border-top:3px solid #929292;border-bottom:1px solid #929292;padding-top:4px;align-items:flex-start;flex-direction:column;gap:6px}.style-thumb-11 .style-head i{width:12px;height:8px;background:#b0b0b0}.style-thumb-11 .style-head b{font-size:6px;letter-spacing:.6px}.style-thumb-11 .style-table b{background:#eee}.style-thumb-11 .style-parties{margin-top:6px}.style-thumb-11 .style-total{width:100%;height:7px;background:#eee;border-top:0;border-right:2px solid #929292}
.style-thumb-12 .style-head{background:#292929;color:#fff;padding:5px 4px;border-bottom:3px solid #a4a4a4;flex-direction:column;align-items:flex-end;gap:7px}.style-thumb-12 .style-head i{background:#fff;width:14px;height:6px}.style-thumb-12 .style-head b{font-family:Georgia,serif;font-size:6px;font-weight:400;letter-spacing:0}.style-thumb-12 .style-table b{background:#fff;border-top:1px solid #292929;border-bottom:1px solid #bbb}.style-thumb-12 .style-total{width:100%;height:6px;border-top:1px solid #292929;border-bottom:3px double #292929}
.style-thumb-13 .style-head{position:relative;align-items:flex-start;flex-direction:row-reverse;min-height:28px;border:0;border-bottom:1px solid #666;padding-top:0}.style-thumb-13 .style-head:before{content:'';position:absolute;left:0;top:0;width:30px;height:12px;background:linear-gradient(#292929 0 4px,transparent 4px 6px,#292929 6px 10px,transparent 10px)}.style-thumb-13 .style-head i{width:10px;height:7px;background:#929292}.style-thumb-13 .style-head b{margin-top:18px;font-size:4px;font-weight:400;letter-spacing:0}.style-thumb-13 .style-table b{background:#fff;border-bottom:1px solid #aaa}.style-thumb-13 .style-total{width:30px;height:9px;border-top:1px solid #666;background:linear-gradient(to left,#292929 0 26px,transparent 26px) bottom right/100% 4px no-repeat}
.style-thumb-14 .style-head{background:#aaa;color:#222;padding:5px 4px 7px;border:0;flex-direction:column;align-items:flex-start;gap:7px}.style-thumb-14 .style-head i{width:13px;height:6px;background:#fff}.style-thumb-14 .style-head b{font-size:7px;letter-spacing:-.2px;font-weight:800}.style-thumb-14 .style-table b{background:#fff;border-top:2px solid #333;border-bottom:1px solid #aaa}.style-thumb-14 .style-total{width:100%;height:7px;border:0;background:#aaa}
.style-thumb-15{padding-left:26px}.style-thumb-15:before{content:'';position:absolute;left:9px;top:9px;bottom:9px;width:13px;background:#292929}.style-thumb-15 .style-head{border:0;padding-top:0;min-height:21px}.style-thumb-15 .style-head i{position:absolute;left:11px;top:13px;width:9px;height:8px;background:#fff;z-index:1}.style-thumb-15 .style-head b{font-family:Georgia,serif;font-weight:400;font-size:5px;letter-spacing:0}.style-thumb-15 .style-parties{gap:2px;flex-wrap:wrap;margin-top:3px}.style-thumb-15 .style-parties i:first-child{flex-basis:100%}.style-thumb-15 .style-table b{background:#fff;border-top:1px solid #888;border-bottom:1px solid #ccc}.style-thumb-15 .style-total{width:100%;border-top:2px solid #292929}
.style-thumb-16 .style-head{border-top:0;border-bottom:3px double #777;align-items:center;flex-direction:column;gap:4px}.style-thumb-16 .style-head i{border-radius:50%;width:10px;height:10px;border:1px solid #777;background:#fff}.style-thumb-16 .style-head b{font-family:Georgia,serif;font-size:5px;font-weight:400;letter-spacing:1px}.style-thumb-16 .style-parties{margin-top:5px}.style-thumb-16 .style-table b{background:#eee;border:1px solid #aaa}.style-thumb-16 .style-table i{height:5px;border:1px solid #bbb;border-top:0;background:linear-gradient(to right,transparent 62%,#ddd 62% 64%,transparent 64% 77%,#ddd 77% 79%,transparent 79%)}.style-thumb-16 .style-total{width:30px;border-top:3px double #555}

.gallery-paper .style-sheet{filter:grayscale(1);transform:scale(2.1);transform-origin:center center;margin:0;}