@import url('root.css');

html,body {
 background-color: var(--color-base);
}

body {
 display: flex;
 flex-direction: column;
 box-sizing: border-box;
}

.logo-container img {
 width: 100%;
 box-sizing: border-box;
}

::-webkit-scrollbar {
 width: 10px;
}

::-webkit-scrollbar-track {
 background-color: var(--color-scrollbar-track);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 background-color: var(--color-scrollbar-thumb);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
 background-color: var(--color-accent-hover);
}

.floating-windowPromptClass {
 width: 40%;
 position: fixed;
 right: 0;
 top: 10%;
 background-color: var(--background-color-A);
 border: var(--color-window-border);
 box-shadow: var(--box-shadow-window);
 padding: 5px;
 z-index: var(--z-floating-window);
 font-family: var(--font-family-window);
}

.floating-windowPromptClass h4 {
 margin-top: 0;
 background-color: var(--color-window-header-bg);
 color: var(--background-color-A);
 padding: 5px;
}

.floating-windowPromptClass .form-group {
 margin: 5px;
 font-size: 13px;
}

.floating-windowPromptClass label {
 display: block;
 margin-bottom: 5px;
}

.floating-windowPromptClass input[type="number"],
.floating-windowPromptClass select,
.floating-windowPromptClass textarea {
 width: 100%;
 padding: 5px;
 border: 1px solid var(--color-input-focus-border);
 border-radius: var(--textarea-border-radius);
}

.floating-windowPromptClass .button-group {
 text-align: right;
 margin-top: 5px;
}

.floating-windowPromptClass button {
 margin-left: 5px;
 padding: 5px 8px;
 border-radius: var(--fjm-button-border-radius);
 background: var(--btn-action-bg);
 border: 1px solid var(--btn-action-border-color);
 color: var(--btn-action-color);
 cursor: pointer;
 transition: var(--btn-transition);
}

.floating-windowPromptClass button:hover {
 background: var(--btn-action-hover-bg);
}

.prompt-replace-form-group {
 display: flex;
 margin-bottom: 5px;
}

.prompt-replace-form-group textarea {
 font-size: 13px;
 flex: 1;
 margin-right: 5px;
 resize: none;
}

.prompt-replace-form-group textarea:last-child {
 font-size: 13px;
 margin-right: 0;
}



.header {
 cursor: move;
 padding: 5px;
 width: 100%;
 height: 100%;
 border-bottom: 1px solid var(--border-color-A);
}

 @font-face {
  font-family: '851_YOWAKU';
  src: url('../font/851CHIKARA-YOWAKU_002.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 }
 @font-face {
  font-family: '851_KAKUKAKU';
  src: url('../font/851H-kktt_004.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 }
@font-face {
 font-family: '851_DZUYOKU';
 src: url('../font/851CHIKARA-DZUYOKU_kanaB_004.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: '851_MkPOP';
 src: url('../font/851MkPOP_101/851MkPOP_101.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Chalk';
 src: url('../font/ChalkJP_3/Chalk-JP.otf') format('truetype');
 font-weight: normal;
 font-style: normal;
}