body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--primary-bg-color);color:var(--primary-text-color);min-height:100vh;padding:0 10% 2%;text-align:left}.App-main{font-size:calc(10px + 1vmin);margin-top:20vh}:root{--primary-bg-color:#282c34;--primary-text-color:#fff;--link-color:#61dafb;--secondary-bg-color:#2f333b;--hover-bg-color:#373c44}[data-theme=light]{--primary-bg-color:#fff;--primary-text-color:#000;--link-color:#282c34;--secondary-bg-color:#d1d1d1;--hover-bg-color:#e6e6e6}.WordcraftStudios,html{background-color:#282c34;background-color:var(--primary-bg-color)}.WordcraftStudios{color:#fff;color:var(--primary-text-color);min-height:100vh;padding:0 10% 2%;text-align:left}.WordcraftStudios-main{font-size:calc(10px + 1vmin);margin-top:20vh}.SiteHeader{align-items:center;background-color:var(--primary-bg-color);color:var(--primary-text-color);display:flex;justify-content:space-between;left:0;padding:3rem 10% 1rem;position:fixed;top:0;width:100%;z-index:1000}.SiteHeader-branding h1 a{color:var(--primary-text-color);cursor:pointer;line-height:1.4;margin:0;text-decoration:none}.SiteHeader-branding h1 img{border-radius:25%;height:44px;margin:-4px .5rem 0 0;vertical-align:middle;width:44px}.SiteHeader-branding p{margin:.5rem 0}.SiteHeader-nav ul{display:flex;gap:1rem;list-style-type:none;padding:0}.SiteHeader-nav a:hover{background-color:var(--link-color);color:var(--primary-bg-color)}.SiteHeader-nav li{position:relative}.SiteHeader-nav a{color:var(--link-color);cursor:pointer;padding:5px 10px;text-decoration:none;transition:all .3s ease}.SiteHeader-nav a,.SiteHeader-nav ul ul{background-color:var(--primary-bg-color)}.SiteHeader-nav ul ul{display:none;flex-direction:column;gap:.5rem;left:auto;padding:20px 15px;position:absolute;right:0;top:100%;white-space:nowrap}.SiteHeader-nav li:hover>ul{display:flex}.SiteHeader-nav ul ul li{width:100%}@media (max-width:676px){.SiteHeader{flex-direction:column;padding-top:2rem}.SiteHeader-nav ul{justify-content:center}.SiteHeader-nav{margin-top:1rem}}.dark-mode-toggle-wrapper{--shrink-by:0.1;--toggle-size:calc(500px*var(--shrink-by)*1.25);--toggle-height:calc(200px*var(--shrink-by)*1.25);--toggle-radius:calc(200px*var(--shrink-by));--toggle-button-size:calc(180px*var(--shrink-by)*1.25);--toggle-icon-size:calc(120px*var(--shrink-by));display:flex;justify-content:flex-end;width:100%}.dark-mode-toggle-wrapper body{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;width:100vw}.dark-mode-toggle-wrapper label{background:#ebebeb;border-radius:var(--toggle-radius);box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:calc(var(--toggle-height)*1.1);position:relative;transition:.3s;width:calc(var(--toggle-size)*1.03)}.dark-mode-toggle-wrapper label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:var(--toggle-button-size);box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:var(--toggle-button-size);left:5px;position:absolute;top:2px;transition:.3s;width:var(--toggle-button-size)}.dark-mode-toggle-wrapper label svg{position:absolute;top:7px;width:var(--toggle-icon-size);z-index:100}.dark-mode-toggle-wrapper input{height:0;visibility:hidden;width:0}.dark-mode-toggle-wrapper input:checked+label{background:#242424}.dark-mode-toggle-wrapper input:checked+label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:calc(var(--toggle-size) - var(--toggle-button-size) - 6px)}.dark-mode-toggle-wrapper label svg.sun{fill:#fff;left:calc(var(--toggle-size) - var(--toggle-icon-size) - 40px);transition:.3s}.dark-mode-toggle-wrapper label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark-mode-toggle-wrapper input:checked+label svg.sun{fill:#7e7e7e}.dark-mode-toggle-wrapper input:checked+label svg.moon{fill:#fff}.dark-mode-toggle-wrapper input:checked+label+.background{background:#242424}.dark-mode-toggle-wrapper input:active:after{width:calc(var(--toggle-button-size) + 80px)}.dark-mode-toggle-wrapper .background{background:#fff;height:100vh;position:absolute;transition:.3s;width:100vw;z-index:-1}.sampleContent,.sampleDrafts,.sampleInstructions{font-weight:700;width:100%}:root{--toast-bg-color:#5a5a5a;--toast-text-color:#fff;--error-color:#f5493d;--success-color:#4eb151;--info-color:#2597f4}[data-theme=light]{--toast-bg-color:#d1d1d1;--toast-text-color:#000}.toast-container{--button-ok-bg:#404040;--button-ok-hover-bg:#333;--button-cancel-bg:#4d4d4d;--button-cancel-hover-bg:#404040;--button-ok-text:#fff;--button-cancel-text:#fff}.toast-container.error{--button-ok-bg:#da190b;--button-ok-hover-bg:#c2160a;--button-cancel-bg:#f21c0d;--button-cancel-hover-bg:#da190b;--button-ok-text:#fff;--button-cancel-text:#fff}.toast-container.success{--button-ok-bg:#3e8e41;--button-ok-hover-bg:#367c39;--button-cancel-bg:#46a049;--button-cancel-hover-bg:#3e8e41;--button-ok-text:#fff;--button-cancel-text:#fff}.toast-container.info{--button-ok-bg:#0b7dda;--button-ok-hover-bg:#0a6fc2;--button-cancel-bg:#0d8bf2;--button-cancel-hover-bg:#0b7dda;--button-ok-text:#fff;--button-cancel-text:#fff}.toast-container.error,.toast-container.info,.toast-container.success{--toast-bg-color:var(--error-color)}.toast-container.success{--toast-bg-color:var(--success-color)}.toast-container.info{--toast-bg-color:var(--info-color)}.toast-container{align-items:center;display:flex;display:none;justify-content:center;margin-top:1rem;position:fixed;top:0;width:100%;z-index:1100}.toast-container.show{display:flex}.toast-container.show .toast{font-size:medium!important;opacity:1;z-index:2}.toast-container .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.toast-container .toast-body{background-color:#5a5a5a;background-color:var(--toast-bg-color);color:#fff;color:var(--toast-text-color)}.toast-container .toast-header{background-color:var(--primary-bg-color);color:var(--primary-text-color)}.toast-container .toast-body,.toast-container .toast-footer,.toast-container .toast-header{background-color:#5a5a5a;background-color:var(--toast-bg-color);color:#fff;color:var(--toast-text-color)}.toast-container .close{display:flex;margin-right:-5px}.toast-container .toast-footer{align-items:center;display:flex;justify-content:center}.toast-container .btn-cancel,.toast-container .btn-ok{border:none;border-radius:5px;cursor:pointer;margin:5px;padding:8px 16px}.toast-container button:focus{outline:1px dotted}.toast-container .btn-ok{background-color:var(--button-ok-bg);color:var(--button-ok-text)}.toast-container .btn-cancel{background-color:var(--button-cancel-bg);color:var(--button-cancel-text)}.toast-container .btn-ok:hover{background-color:var(--button-ok-hover-bg)}.toast-container .btn-cancel:hover{background-color:var(--button-cancel-hover-bg)}.accordion{margin:2rem auto;max-width:600px}.accordion-title{background-color:var(--secondary-bg-color);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.accordion-title:hover{background-color:var(--hover-bg-color)}.accordion-content,.accordion-title{padding:1rem}.accordion-content,.accordion-item.active .accordion-title{background-color:var(--hover-bg-color)}@media screen and (max-width:700px){.accordion{width:90%}}
/*# sourceMappingURL=main.8849b16c.css.map*/