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:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0 50px 50px;text-align:center}.App-logo{height:60px;pointer-events:none}.App-header{align-items:center;background-color:#121212;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.header-text{opacity:.5}.kiboshib-link{align-items:center;background-color:initial;border:1px solid #ff9800;border-radius:5px;color:#fff;display:flex;padding:8px 16px;text-decoration:none;transition:background-color .3s}.kiboshib-link:hover{background-color:#ff98001a}.kiboshib-logo{height:24px;margin-left:10px}@media (max-width:767px){.header-text,.kiboshib-text{display:none}.kiboshib-link{padding:8px}}.image-container{background-color:#2a2a2a;border:1px solid #333;border-radius:10px;margin-right:2%;overflow:hidden;position:relative;width:48%}@media (max-width:768px){.image-container{aspect-ratio:1/1;margin-bottom:20px;margin-right:0;width:100%}}.meme{position:relative}.meme,.meme img{height:100%;width:100%}.meme img{display:block;max-height:100%;max-width:100%;object-fit:cover}.bottom-text,.top-text{word-wrap:break-word;-webkit-text-stroke:1px #000;text-stroke:1px #000;align-items:center;color:#fff;display:flex;font-family:Impact,sans-serif;font-size:25px;font-weight:700;justify-content:center;left:50%;max-height:20%;position:absolute;text-align:center;text-shadow:2px 2px 4px #000c;text-transform:uppercase;transform:translateX(-50%);width:90%}.top-text{top:-20px}.bottom-text{bottom:-20px}.placeholder{align-items:center;background-color:#2a2a2a;color:#999;display:flex;justify-content:center;width:100%}.controls,.placeholder{height:100%;position:relative}.controls{background-color:#1e1e1e;border-radius:10px;box-sizing:border-box;color:#fff;overflow-y:auto;padding:20px;width:50%}@media (max-width:768px){.controls{max-height:none;width:100%}.today-limit{display:inline-block;margin-bottom:15px;position:static}.controls>:first-child{margin-top:0}}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:#fff;display:block;margin-bottom:5px}.input-group input{background-color:#333;border:1px solid #444;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;padding:10px 8px;width:100%}.generate-btn,.generate-captions-btn{border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;margin-bottom:15px;padding:12px 10px;position:relative;transition:background-color .3s;width:calc(50% - 5px)}.generate-btn{background-color:#ff9800;margin-right:5px}.generate-captions-btn{background-color:#2196f3;margin-left:5px}.generate-btn:hover,.generate-captions-btn:hover{filter:brightness(1.1)}.generate-btn:disabled,.generate-captions-btn:disabled{background-color:#555;cursor:not-allowed}.counter{color:#aaa;font-size:14px;right:20px;top:20px}.counter,.loader{position:absolute}.loader{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;font-size:18px;height:100%;justify-content:center;left:0;right:0;top:0;z-index:10}.generated-image{height:100%;object-fit:cover;width:100%}@media (min-width:769px){.App,body{overflow:hidden}.App{height:100vh}.controls{overflow-y:hidden}}.recent-images{margin-top:20px;text-align:left}.recent-images h3{color:#fff;margin-bottom:10px}.image-grid{display:flex;flex-wrap:wrap;gap:10px}.recent-image-container{aspect-ratio:1/1;background-color:#333;border-radius:5px;overflow:hidden;position:relative;width:calc(25% - 7.5px)}.recent-image{height:100%;object-fit:cover;width:100%}.recent-image-placeholder{align-items:center;background-color:#444;color:#999;display:flex;height:100%;justify-content:center;width:100%}.recent-image-caption{display:none}.download-btn{align-items:center;background-color:#00000080;border:none;border-radius:5px;bottom:10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;transition:background-color .3s;width:40px}.download-btn:hover{background-color:#000000b3}.download-btn svg{color:#fff;height:24px;width:24px}.recent-download-btn{align-items:center;background-color:#00000080;border:none;border-radius:3px;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .3s;width:30px}.recent-download-btn:hover{background-color:#000000b3}.recent-download-btn svg{color:#fff;height:18px;width:18px}.button-loader{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:14px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.style-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.style-button{background-color:#4a4a4a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s}.style-button:hover{background-color:#5a5a5a}.style-button.active,.today-limit{background-color:#ff9800}.today-limit{border-radius:15px;color:#fff;font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:100}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{flex-grow:1;padding-right:30px}.clear-input{background:none;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;padding:5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.clear-input:hover{color:#fff}.caption-loader{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loader-text{color:#fff;font-size:24px;font-weight:700}@media (max-width:767px){header a span,header div:first-child{display:none}}.App-main{display:flex;flex-direction:row;height:calc(100vh - 80px);overflow:hidden}.controls,.image-container{flex:1 1;height:100%}@media (max-width:767px){.App-main{flex-direction:column;height:auto}}.controls>:first-child{margin-top:40px}
/*# sourceMappingURL=main.7e86f2c3.css.map*/