/* Taken from app-staging - don't modify here! */
.bg-cyan-400{background-color:#afe3d9}.fg-cyan-400{color:#afe3d9}.fill-cyan-400{fill:#afe3d9}.stroke-cyan-400{stroke:#afe3d9}.bg-cyan-600{background-color:#8bdad2}.fg-cyan-600{color:#8bdad2}.fill-cyan-600{fill:#8bdad2}.stroke-cyan-600{stroke:#8bdad2}.bg-cyan-800{background-color:#64cec3}.fg-cyan-800{color:#64cec3}.fill-cyan-800{fill:#64cec3}.stroke-cyan-800{stroke:#64cec3}.bg-cyan-900{background-color:#3bbaad}.fg-cyan-900{color:#3bbaad}.fill-cyan-900{fill:#3bbaad}.stroke-cyan-900{stroke:#3bbaad}.bg-dark-100{background-color:#d9d9d9}.fg-dark-100{color:#d9d9d9}.fill-dark-100{fill:#d9d9d9}.stroke-dark-100{stroke:#d9d9d9}.bg-dark-200{background-color:#777}.fg-dark-200{color:#777}.fill-dark-200{fill:#777}.stroke-dark-200{stroke:#777}.bg-dark-600{background-color:#444}.fg-dark-600{color:#444}.fill-dark-600{fill:#444}.stroke-dark-600{stroke:#444}.bg-dark-900{background-color:#111}.fg-dark-900{color:#111}.fill-dark-900{fill:#111}.stroke-dark-900{stroke:#111}.bg-purple-300{background-color:#b3b3dd}.fg-purple-300{color:#b3b3dd}.fill-purple-300{fill:#b3b3dd}.stroke-purple-300{stroke:#b3b3dd}.bg-purple-500{background-color:#8683d2}.fg-purple-500{color:#8683d2}.fill-purple-500{fill:#8683d2}.stroke-purple-500{stroke:#8683d2}.bg-purple-700{background-color:#1b1543}.fg-purple-700{color:#1b1543}.fill-purple-700{fill:#1b1543}.stroke-purple-700{stroke:#1b1543}.bg-yellow-100{background-color:#ffffd0}.fg-yellow-100{color:#ffffd0}.fill-yellow-100{fill:#ffffd0}.stroke-yellow-100{stroke:#ffffd0}.bg-yellow-300{background-color:#fcf9a9}.fg-yellow-300{color:#fcf9a9}.fill-yellow-300{fill:#fcf9a9}.stroke-yellow-300{stroke:#fcf9a9}.bg-yellow-500{background-color:#fbf281}.fg-yellow-500{color:#fbf281}.fill-yellow-500{fill:#fbf281}.stroke-yellow-500{stroke:#fbf281}.bg-yellow-700{background-color:#faea54}.fg-yellow-700{color:#faea54}.fill-yellow-700{fill:#faea54}.stroke-yellow-700{stroke:#faea54}.bg-yellow-900{background-color:#fbe100}.fg-yellow-900{color:#fbe100}.fill-yellow-900{fill:#fbe100}.stroke-yellow-900{stroke:#fbe100}.bg-red{background-color:#e10000}.fg-red{color:#e10000}.fill-red{fill:#e10000}.stroke-red{stroke:#e10000}.bg-white{background-color:#f6f6f6}.fg-white{color:#f6f6f6}.fill-white{fill:#f6f6f6}.stroke-white{stroke:#f6f6f6}:root{--cyan-400: #afe3d9;--cyan-600: #8bdad2;--cyan-800: #64cec3;--cyan-900: #3bbaad;--dark-100: #d9d9d9;--dark-200: #777;--dark-600: #444;--dark-900: #111;--purple-300: #b3b3dd;--purple-500: #8683d2;--purple-700: #1b1543;--yellow-100: #ffffd0;--yellow-300: #fcf9a9;--yellow-500: #fbf281;--yellow-700: #faea54;--yellow-900: #fbe100;--red: #e10000;--white: #f6f6f6}label{display:block}input,select,textarea,button{font-size:1em}select,input{border:2px solid var(--dark-900);padding:.25rem}.input{width:16rem}.input--narrow{width:8rem}.input--narrower{width:5rem}input:focus-visible,select:focus-visible{outline:3px solid var(--yellow-700)}.input--alert{background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXhjbGFtYXRpb24tdHJpYW5nbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOC45ODIgMS41NjZhMS4xMyAxLjEzIDAgMCAwLTEuOTYgMEwuMTY1IDEzLjIzM2MtLjQ1Ny43NzguMDkxIDEuNzY3Ljk4IDEuNzY3aDEzLjcxM2MuODg5IDAgMS40MzgtLjk5Ljk4LTEuNzY3TDguOTgyIDEuNTY2ek04IDVjLjUzNSAwIC45NTQuNDYyLjkuOTk1bC0uMzUgMy41MDdhLjU1Mi41NTIgMCAwIDEtMS4xIDBMNy4xIDUuOTk1QS45MDUuOTA1IDAgMCAxIDggNXptLjAwMiA2YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiLz48L3N2Zz4=");background-size:30px 20px;background-repeat:no-repeat;background-position:right center}.input-error{border-left:.25rem solid var(--red);padding:.25rem .5rem}.btn{--outline-color: var(--purple-700);--shadow-color: var(--dark-600);cursor:pointer;display:block;font-size:1.25rem;border:2px solid var(--outline-color);padding:.5rem 1.25rem;border-radius:var(--border-radius);box-shadow:2px 2px var(--shadow-color)}.btn--sm{font-size:1rem;padding:.35rem .75rem}.btn:active:not([disabled]){transform:translate3d(1px, 1px, 0);box-shadow:1px 1px 0 var(--shadow-color)}.btn[disabled]{cursor:auto;--outline-color: var(--dark-200);--shadow-color: var(--dark-200)}.d-none{display:none !important}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}.centre{margin-left:auto;margin-right:auto}.limit-width{max-width:45rem}.limit-60{max-width:60rem}.vstack>*{margin-top:0;margin-bottom:0}.vstack>*+*{margin-top:1rem}.vstack--lg>*+*{margin-top:2rem}.vstack--sm>*+*{margin-top:.35rem}.hstack>*{margin-left:0;margin-right:0}.hstack>*+*{margin-left:1rem}.hstack--lg>*+*{margin-left:2rem}.hstack--sm>*+*{margin-left:.35rem}.pa-05{padding:.5rem}.twocol{display:flex;justify-content:space-between;flex-wrap:wrap}.twocol>*{margin-top:0;margin-bottom:0}.content-width{min-width:max-content}.spinner{border:5px solid var(--dark-100);border-top-color:var(--purple-500);border-radius:50%;width:1.5em;height:1.5em;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.outline-button{border:1px solid #fff;padding:.5rem;border-radius:var(--border-radius);text-decoration:none;display:inline-flex;align-items:center}.outline-button svg{margin-right:.25em}.tooltip-top::before{content:"";position:absolute;display:block;width:0px;left:50%;top:0;border:10px solid transparent;border-top:0;border-bottom:10px solid #000;transform:translate(-50%, -100%)}:root{--border-radius: 0.5rem}*{font-family:"Inter",sans-serif;line-height:1.35;box-sizing:border-box}h1,h2,h3,h4,h5,h6,.heading{font-family:"Work Sans",sans-serif;letter-spacing:-0.05rem}h1{font-size:2.75rem}body{background-color:var(--purple-700);color:var(--white)}summary{cursor:pointer;background-color:var(--yellow-700);padding:.5rem;width:max-content}details>main{background-color:var(--yellow-100);margin-top:.5rem;padding:.75rem 1rem}.content-box{background:var(--white);color:var(--dark-900);padding:1.75rem 2rem;border-radius:var(--border-radius)}.horizontal-image-scroller{height:50vh;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;padding:.5rem 0}.inline-icon{height:1.2rem;width:1.2rem;vertical-align:text-bottom}.horizontal-image-scroller img{height:100%;margin:0 .5rem}.error-message .inline-icon{fill:var(--red)}#mac-examples main{text-align:center}.examples-note{margin:0;text-align:left}.mac-example-tile{text-align:center;margin:0 .5rem 1rem 0;display:inline-block;width:300px}.mac-example-tile .perfundo__link img{max-width:100%;padding:.5rem}.mac-example-tile p{margin:0}.mac-example-tile a{text-decoration:none}.mac-example-tile a:hover{text-decoration:underline}/*# sourceMappingURL=powershaper.css.map */