@font-face{font-family:FoundersGrotesk;font-style:normal;font-weight:400;src:url(/assets/FoundersGrotesk-Regular-D2rWOhMZ.otf)}@font-face{font-family:FoundersGrotesk;font-style:normal;font-weight:700;src:url(/assets/FoundersGrotesk-Semibold-CTe1gECv.otf)}:root{font-family:FoundersGrotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:9px;border:none;padding:.9em 1em .6em;font-size:1.1rem;font-weight:500;font-family:inherit;background-color:#182cfd;cursor:pointer;transition:border-color .25s;font-weight:700}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0;padding:2rem}.App{display:flex;width:100%}h1{margin:0}.modal{width:70%;max-width:700px;justify-self:center;margin:auto;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;padding:15px;border-radius:9px}.csv-upload{border:2px dashed #ccc;border-radius:9px;text-align:center;cursor:pointer;width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease;background-color:#182cfd1a;position:relative;margin-bottom:1rem}.csv-upload:hover{background-color:#182cfd33;border-color:#181cfd}.csv-upload h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;margin:0}.csv-upload input{width:100%;height:100%;opacity:0;cursor:pointer}.color-setter{width:90%}.category-color{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.color-setter button{width:100%}.button-container{display:flex}.button-container button+button{margin-left:10px}.auth-form{display:flex;flex-direction:column;width:90%}.auth-form input{color:#000;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;background-color:#fff;border:2px solid #182cfd}.auth-form input:focus{outline:none;border-color:#646cff;color:#000}.auth-form input:autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.auth-form .auth-field{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.auth-field label{font-weight:700;background-color:#182cfd;color:#fff;border-radius:5px 5px 0 0;padding-block:.1rem;padding-inline:.5rem;width:fit-content;margin-bottom:-.3rem}.modal .logo{width:175px;margin-bottom:1rem}.link-button{background:none;border:none;color:#888;cursor:pointer;margin-top:1rem;padding:0;font-size:1rem;transition:color .3s ease}.link-button:hover{color:#000}.error-message{color:red;font-size:.9rem;align-self:center;margin-bottom:-.5rem}.sign-out{border:2px solid #182cfd;color:#fff;padding:.75rem 1rem .5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease;position:absolute;bottom:25px;right:25px;margin-bottom:-.3rem}.template-selection{width:100%;display:flex;flex-direction:column;align-items:center}.template-selection h2{margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px;margin-top:1rem;min-height:280px}.template-grid .template-item{border:2px solid transparent;border-radius:8px;margin:.5rem;text-align:center;cursor:pointer;transition:border-color .3s ease;aspect-ratio:16/9;height:auto;overflow:hidden;position:relative}.template-item .overlay:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;background:#000;background:linear-gradient(0deg,#000,#0000 64%)}.template-item img{max-width:100%;max-height:100%}.template-grid .selected{border-color:#182cfd}.template-item:hover{border-color:#646cff}.template-item p{position:absolute;bottom:-5px;left:10px;margin:.5rem 0;font-weight:700;color:#fff;text-align:left}.template-selection .error-message{margin-top:-1rem;margin-bottom:.5rem}.success-message{display:flex;flex-direction:column;align-items:center}.success-check{width:75px;height:75px;margin-bottom:2rem}.template-grid .add-template{border:2px solid #888;border-radius:8px;transition:border-color .3s ease}.template-grid .add-template:hover{border-color:#646cff}.add-template .cls-2{stroke:#888;transition:stroke .3s ease}.add-template:hover .cls-2{stroke:#646cff}.pagination{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.nav-button{background-color:#182cfd;color:#fff;border:none;padding:.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease;margin:0 1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-button svg{width:30px;height:30px}.nav-button .cls-1{stroke:#fff;stroke-width:15}.disabled-nav-button{background-color:#fff;color:#fff;pointer-events:none;cursor:default}.loading-skeleton{background:#888;border-radius:9px;animation:pulse 1.5s infinite;margin-bottom:1rem;color:transparent}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}