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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{font-family:emoji!important;font-weight:100}.selector-for-some-widget{box-sizing:initial}.mainBody{background-color:#212121;color:#fff;display:-webkit-box;height:100vh;width:100%}.mainBody .left-wrap{background:#404040;box-shadow:0 0 20px #000;padding:30px 30px 0;width:31em}.mainBody .left-wrap header{font-weight:700;text-align:center}.mainBody .left-wrap header span{font-size:xxx-large}.mainBody .middle-wrap{background:#404040;box-shadow:0 0 20px #000;font:15px/2 Georgia,Serif;height:calc(100vh - 40px);margin:20px;min-width:408px;overflow-y:auto;padding:30px;width:calc(100% - 31em - 65px)}.mainBody .middle-wrap .grid-container-emoji{grid-gap:10px;display:grid;grid-template-columns:280px;place-content:center}.mainBody .middle-wrap .grid-container-emoji .grid-item{background-color:#5e5e5e;border:solid #333;border-radius:15px;cursor:pointer;display:-webkit-box;font-size:200%;line-height:55px;min-height:67px;position:relative;transition:border-color .3s ease}.mainBody .middle-wrap .grid-container-emoji .grid-item .emoji{display:flex;padding:10px;place-content:center;width:2.8em}.mainBody .middle-wrap .grid-container-emoji .grid-item .emoji-detail{font-size:14px;line-height:3;text-align:left;width:15em}.mainBody .middle-wrap .grid-container-emoji .grid-item:hover{border-color:#fff}@media screen and (min-width:1200px){.mainBody .middle-wrap .grid-container-emoji{grid-template-columns:280px 280px}}@media screen and (min-width:1500px){.mainBody .middle-wrap .grid-container-emoji{grid-template-columns:280px 280px 280px}}@media screen and (min-width:1700px){.mainBody .middle-wrap .grid-container-emoji{grid-template-columns:20em 20em 20em 20em}}.mainBody .middle-wrap .type-box{background-color:#5e5e5e;border:solid #333;border-radius:15px;cursor:pointer;padding:10px}.mainBody .middle-wrap .type-box:hover{border-color:#fff}.mainBody .middle-wrap .grid-container-history{grid-gap:10px;cursor:pointer;display:grid;grid-template-columns:480px;place-content:center}.mainBody .middle-wrap .grid-container-history .grid-item{background-color:#5e5e5e;border:solid #333;border-radius:15px;cursor:pointer;display:-webkit-box;min-height:67px;position:relative;transition:border-color .3s ease}.mainBody .middle-wrap .grid-container-history .grid-item .emoji{cursor:pointer;display:flex;padding:10px;place-content:center;width:2.8em}.mainBody .middle-wrap .grid-container-history .grid-item .emoji-detail{cursor:pointer;font-size:14px;line-height:3;text-align:left;width:15em}.mainBody .middle-wrap .grid-container-history .grid-item:hover{border-color:#fff}@media screen and (min-width:1600px){.mainBody .middle-wrap .grid-container-history{grid-template-columns:480px 480px}}.commit-message{background-color:#5e5e5e;border-radius:11px;display:flex;flex-direction:column;text-align:-webkit-center}.commit-message header{padding:10px;text-align:-webkit-left;width:100%}.commit-message header button,.commit-message header input{background:#5e5e5e;border:1px solid #efefef;border-radius:10px;color:#efefef}.commit-message header .emoji{height:28px;vertical-align:bottom;width:36px}.commit-message header .scope{background:#5e5e5e;border:1px solid #efefef;color:#efefef;width:65px}.commit-message header .shortSummary{width:229px}.commit-message header .type{width:70px}.commit-message header .noBorder{border:none}.commit-message header .delete{border:1px solid #333;font-weight:1000;margin-left:17px;transition:border-color .3s ease;width:34px}.commit-message header .delete:hover{border-color:#fff}.commit-message .body{padding:10px}.commit-message .body textarea{border:none;padding:10px;resize:none;width:100%}.commit-message .body .commitBody{height:180px}.commit-message .body .commitFooter{height:90px;margin-top:10px}.commit-message .body .historyBox{padding:10px;text-align-last:left}.commit-message .footer{background:#404040;padding-top:10px;z-index:1}.commit-message .footer button{background:#404040;border:none;color:#fff;font-size:xx-large;text-align:left;width:100%}textarea{background-color:#5e5e5e;border:none;color:#efefef;outline:none}.form-check input{margin-top:7px!important}.form-check label{padding-right:10px}.setting-area{display:flex;padding:10px}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#212121;border:6px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e80}.toast{align-items:center;background:#323232;border-radius:4px;bottom:0;box-shadow:0 2px 4px 0 #00000047;box-sizing:border-box;margin:24px;max-width:568px;min-height:52px;min-width:288px;opacity:1;padding:0 24px;position:fixed;visibility:visible;z-index:0}.toast,.toast .toast-content{display:flex}.toast .toast-content .toast-text{color:#fff}.toast-show{opacity:1!important;z-index:10}
/*# sourceMappingURL=main.938ad8a3.css.map*/