:root {
--app-bg-logo-url: url(//k-code.net/k-code-app_ver3/img/logo.png);
--app-bg-tpr-url: url(//k-code.net/k-code-app_ver3/img/Logo_TPR.png);
--app-bg-alp-url: url(//k-code.net/k-code-app_ver3/img/Logo_Alp.png);
} ::placeholder {
color: #bbbbbb;
}
::-ms-input-placeholder {
color: #bbbbbb;
} .notice-msg {
display: inline-block;
font-size: 18px;
color: red;
justify-content: center;
text-align: center;
border: 2px solid red;
padding: 8px;
margin: 5%;
}  .kta-appbar {
position: relative;
display: flex;
justify-content: center; align-items: center;
padding: 10px 5px;
margin: 0 0 20px !important;
background: #fff; } .kta-appbar__center {
display: flex;
align-items: center;
gap: 12px; } .kta-logo-box {
width: 88px; height: 44px;
flex-shrink: 0; background: var(--app-bg-logo-url) center/contain no-repeat;
} .kta-title-box {
display: flex;
flex-direction: column; justify-content: space-between;
height: 42px; }
.kta-title-en {
font-family: "Comic Sans MS", "ComicN", "SNPro", "MPR", sans-serif !important;
font-size: 18px;
font-weight: 700;
color: #FF8400;
line-height: 1;
}
.kta-title-ja {
font-family: "MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
font-size: 12px;
font-weight: 700;
color: #FF8400;
line-height: 1;
opacity: 0.9;
} .kta-sep-line {
width: 1px;
height: 38px; background-color: rgba(255, 132, 0, 0.4);
} .kta-sub-box {
display: flex;
align-items: center; gap: 6px;
height: 42px;
} .kta-sub-icon {
width: 24px;
height: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
} .kta-sub-box.is-alphabet .kta-sub-icon {
background-image: var(--app-bg-alp-url);
}
.kta-sub-box.is-tpr .kta-sub-icon {
background-image: var(--app-bg-tpr-url);
} .kta-sub-text {
font-family: "MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
font-size: 14px;
font-weight: 700;
color: #FF8400;
opacity: 0.8;
white-space: nowrap;
} .kta-helpBtn {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%); display: inline-flex;
align-items: center;
gap: 6px;
height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(255, 132, 0, .35);
background: #fefefe;
color: #FF8400;
font-weight: 700;
cursor: pointer;
z-index: 10;
}
.kta-helpBtn__icon {
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #FF8400;
color: #fff;
font-size: 14px;
line-height: 1;
} @media (max-width: 767.99px) {
.kta-appbar {
justify-content: flex-start;
}
.kta-appbar__center {
gap: 8px; } .kta-logo-box {
width: 66px;
height: 33px;
} .kta-title-box {
height: 36px;
}
.kta-title-en {
font-size: 16px;
}
.kta-title-ja {
font-size: 10px;
} .kta-sep-line {
height: 32px;
} .kta-sub-box {
flex-direction: column; justify-content: space-between;
height: 36px; gap: 0;
}
.kta-sub-icon {
width: 20px;
height: 20px;
}
.kta-sub-text {
font-size: 9px; line-height: 1;
} .kta-helpBtn {
right: 5px;
padding: 0 8px;
height: 30px;
border: none;
}
.kta-helpBtn__text {
display: none; }
} .kta-helpModal {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
}
.kta-helpModal[aria-hidden="false"] {
display: block;
}
.kta-helpModal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .35);
}
.kta-helpModal__panel {
position: absolute;
right: 12px;
top: 60px; width: min(420px, calc(100vw - 24px));
background: #fff;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
overflow: hidden;
}
.kta-helpModal__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
padding: .75rem .9rem;
border-bottom: 1px solid rgba(255, 132, 0, .18);
}
.kta-helpModal__title {
margin: 0;
font-size: 1rem;
color: #FF8400;
}
.kta-helpModal__close {
border: none;
background: transparent;
font-size: 1.2rem;
cursor: pointer;
color: #FF8400;
}
.kta-helpModal__body {
padding: .85rem .9rem 1rem;
font-size: 14px;
color: #666;
line-height: 1.2;
}
.kta-helpModal__body p {
font-size: 14px !important;
color: #666 !important;
line-height: 1.2 !important;
}
body.kta-modalOpen {
overflow: hidden;
} h2.kta-helpModal__title {
background: transparent !important; border-bottom: none !important; padding: 0 !important;  color: #FF8400 !important;
} h2.kta-helpModal__title::before {
content: none !important;
display: none !important;
}  .select-parent {
width: 100%;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 18px;
font-size: 16px;
align-items: center;
}  @media screen and (min-width: 768px) {
.search-form {
display: flex;
justify-content: center;
height: 50px;
}
.search-form input {
min-width: 370px;
max-width: 400px;
padding: 0px 34px 0px 0px;
border: none;
box-sizing: border-box;
outline: none;
background-color: #FFFFFF !important;
font-size: 1.0em;
font-family:
"SNPro",
"MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP",
sans-serif !important;
font-weight: 400;
font-style: normal;
}
.search-form input:focus,
.search-form input:hover {
background-color: #FFFFFF !important;
}
#textbox {
outline: 0;
border: none;
min-width: 88%;
width: 350px;
padding: 0 3px 0 20px;
border-radius: 24px 0 0 24px;
background: #fff;
border: 1px solid #FF8400;
border-right: none;
}
#textbox:hover,
#textbox:focus-visible {
box-shadow: 0 0 6px 2px rgb(255 132 0 / 28%);
}
#textbox::-webkit-search-cancel-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 18px;
width: 20px;
padding-right: 2px;
mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>') no-repeat center;
background-color: #FFAE59;
}
} @media (max-width: 767px) {
.search-form {
display: flex;
justify-content: center;
height: 45px;
}
.search-form input {
min-width: 290px;
padding: 0px 30px 0px 0px;
border: none;
box-sizing: border-box;
outline: none;
background-color: #FFFFFF !important;
font-size: 1.0em;
font-family:
"SNPro",
"MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP",
sans-serif !important;
font-weight: 400;
font-style: normal;
}
.search-form input:focus,
.search-form input:hover {
background-color: #FFFFFF !important;
}
#textbox {
outline: 0;
border: none;
max-width: 88%;
width: 270px;
padding: 0 3px 0 20px;
border-radius: 24px 0 0 24px;
background: transparent;
border: 1px solid #FF8400;
border-right: none;
}
#textbox:hover,
#textbox:focus-visible {
box-shadow: 0 0 6px 2px rgb(255 132 0 / 28%);
}
#textbox::-webkit-search-cancel-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 18px;
width: 20px;
padding-right: 2px;
mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>') no-repeat center;
background-color: #FFAE59;
}
} .search-form input:-webkit-autofill,
.search-form input:-webkit-autofill:hover,
.search-form input:-webkit-autofill:focus,
.search-form input:-webkit-autofill:active {
box-shadow: 0 0 0 1000px #FFFFFF inset !important;
-webkit-text-fill-color: #333333;
}  #search-btn {
outline: none;
border: none;
width: 45px;
border-radius: 0 24px 24px 0;
background: #FF8400;
border: 1px solid #FF8400;
color: #fff;
font-size: 1.0em;
cursor: pointer;
padding: 0 1px 0 0;
}
#search-btn:hover,
#search-btn:focus-visible {
box-shadow: 0 0 6px 2px rgb(255 132 0 / 28%);
} @media screen and (min-width: 768px) {
.btn-square {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0.4em 0.9em;
margin-top: 3px;
text-decoration: none;
font-family:
"SNPro",
"MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP",
sans-serif !important;
font-size: 18px;
background: #FFAE59;
color: #FFF;
border-bottom: solid 4px #FF8400;
border-radius: 12px;
} .btn-square:active {
-webkit-transform: translateY(3px);
transform: translateY(3px);
border-bottom: none;
}
.btn-square:focus-visible,
.btn-square:hover {
box-shadow: 0 3px 8px rgb(255 132 0 / 28%);
outline-color: #FF8400;
}
}
@media (max-width: 767px) {
.btn-square {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0.4em 0.7em;
margin-top: 3px;
text-decoration: none;
font-family:
"SNPro",
"MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP",
sans-serif !important; font-size: 15px;
background: #FFAE59; color: #FFF;
border-bottom: solid 4px #FF8400; border-radius: 12px;
} .btn-square:active {
-webkit-transform: translateY(3px);
transform: translateY(3px);
border-bottom: none;
}
.btn-square:focus-visible,
.btn-square:hover {
box-shadow: 0 3px 8px rgb(255 132 0 / 28%);
outline-color: #FF8400;
}
} .output {
font-size: large;
font-weight: bold;
color: #333333;
line-height: 1.5;
margin-top: 2%;
margin-left: 10%;
margin-right: 10%;
} .btn-speech {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0.2em 0.2em 0.2em 0.7em;
margin: 0 0 0.1em 0;
text-decoration: none;
vertical-align: middle;
background: #FFAE59;
color: #FFF;
border: 1.4px solid #FFAE59;
border-bottom: solid 3px #FF8400;
border-radius: 8px;
} .btn-speech:active {
-webkit-transform: translateY(4px);
transform: translateY(2px);
box-shadow: 0px 0px 1px rgba(224, 117, 2, 0.2);
border-bottom: solid 2px #e07502;
}
.btn-speech:focus-visible,
.btn-speech:hover {
box-shadow: 0 3px 8px rgb(255 132 0 / 28%);
outline-color: #FF8400;
outline-width: 5px;
} .output.output--chips {
line-height: 1.7;
} .output.output--chips .result-row {
display: grid;
grid-template-columns: 5em 1fr; column-gap: 1.0em;
align-items: start;
margin: 0.7em 0;
}
.output.output--chips .result-row.pos-center {
align-items: center !important;
} .output.output--chips .result-label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
font-weight: 700;
font-size: 1em;
background: transparent ;
color: var(--kc-color-primary) ; border-radius: 0 ;
padding: 0 ;
white-space: nowrap;
letter-spacing: 0.02em;
} .output.output--chips .result-label::before {
content: "";
display: block;
width: 4px; height: 1.5em; background-color: var(--kc-color-primary);
border-radius: 999px; flex-shrink: 0; }
ruby>rt {
display: ruby-text;
font-size: 75%;
text-align: start;
} .output.output--chips .result-content {
font-size: 1.1rem;
line-height: 1.7;
min-width: 0; } .output.output--chips .result-content--ja {
display: flex;
align-items: center;
gap: 0.6em;
flex-wrap: wrap;
} .output.output--chips .result-content--kcode {
min-width: 0;
} @media (max-width: 600px) {
.output.output--chips .result-row {
grid-template-columns: 1fr;
row-gap: 0.45em;
}
.output.output--chips .result-label {
justify-self: start;
}
} @media (max-width: 399.98px) { .kta-sep-line {
display: none;
} .kta-sub-text {
display: none;
} .kta-sub-box { justify-content: center;
}
}
.kta-credit {
font-size: .9rem;
}  video.img-stroke { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;
backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black);
border-radius: 0; } #ktaNoticeModal .kta-helpModal__panel { top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important; transform: translate(-50%, -50%); width: min(400px, 90vw); max-height: 85vh; overflow-y: auto;  animation: kta-fade-up 0.3s ease-out forwards;
} @keyframes kta-fade-up {
0% {
opacity: 0;
transform: translate(-50%, -45%);
}
100% {
opacity: 1;
transform: translate(-50%, -50%);
}
}  .loading-overlay{
position: relative;
width: min(400px, 100%);
margin: 6px auto 0; padding: 6px 10px;
background: transparent; z-index: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
} .loading-overlay.is-hidden{
display: none;
} .spinner{
width: 18px;
height: 18px;
border: 3px solid #e0e0e0;
border-top: 3px solid #FF8400;
border-radius: 50%;
animation: spin .9s linear infinite;
margin: 0; } .loading-text{
margin: 0;
color: #666;
font-weight: 600;
font-size: 12px !important;
line-height: 1.2;
font-family: "SNPro","MPR",system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif !important;
} @keyframes spin{
0%{ transform: rotate(0deg); }
100%{ transform: rotate(360deg); }
} #search-btn[disabled]{
opacity: .55;
cursor: not-allowed;
} .select-parent{
margin-bottom: 5px;
} .loading-slot {
width: min(500px, 75vw);
margin: 0 auto 8px;
min-height: 30px; 
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center;
gap: 6px; 
opacity: 0;
pointer-events: none;
transition: opacity .15s ease;
} .loading-slot.is-active {
opacity: 1;
}
.loading-slot__text {
font-size: 13px;
font-weight: bold;
color: #FF8400; line-height: 1;
letter-spacing: 0.05em;
} .loading-slot__text span {
opacity: 0;
animation: ktaDotFade 1.4s infinite;
}
.loading-slot__text .dot-1 { animation-delay: 0.0s; }
.loading-slot__text .dot-2 { animation-delay: 0.2s; }
.loading-slot__text .dot-3 { animation-delay: 0.4s; }
@keyframes ktaDotFade {
0%   { opacity: 0; }
50%  { opacity: 1; }
100% { opacity: 0; }
} .loading-slot__bar {
width: 100%;
height: 4px;
border-radius: 999px;
background: #e9e9e9;
overflow: hidden;
position: relative;
} .loading-slot__bar::before {
content: "";
position: absolute;
top: 0;
left: -30%;
width: 30%;
height: 100%;
background: #FF8400;
border-radius: 999px;
animation: none;
} .loading-slot.is-active .loading-slot__bar::before {
animation: ktaBarMove 1.5s ease-in-out infinite; }
@keyframes ktaBarMove {
0%   { left: -30%; }
100% { left: 110%; }
} @media (max-width: 600px) {
.loading-slot { min-height: 28px; }
.loading-slot__bar { height: 4px; } .loading-slot__text { font-size: 12px; }
}  .wrapper {
margin: 0.1rem;
} .ts-control { border: none;
border-bottom: 2px solid #FF8400 !important;
border-radius: 0px;
box-shadow: none;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding: 8px 8px 8px 4px;
line-height: 2.0;
position: relative;
min-width: 180px;
width: 100%;
z-index: 1;
} .ts-control:hover,
.ts-control:focus {
border: none;
outline: none;
}   .wrapper .ts-control::after {
position: absolute; top: 50%; right: 18px; width: 30px;
height: 30px; line-height: 30px;
text-align: center;
font-family: "Font Awesome 6 Free";
font-weight: bold;
font-size: x-large;
pointer-events: none;
content: "\f107";
color: #FF8400; transition: transform 0.2s ease-in-out; transform: translateY(-50%);
} .wrapper .ts-wrapper.dropdown-active .ts-control::after { transform: translateY(-50%) rotate(180deg);
}
.ts-wrapper.multi.has-items .ts-control {
padding: 6px 8px 3px
}
.full .ts-control {
background-color: #fefefe;
}
.disabled .ts-control,
.disabled .ts-control * {
cursor: default !important
}
.focus .ts-control {
box-shadow: none; } .ts-control>* {
display: inline-block;
vertical-align: baseline;
}
.ts-wrapper.multi .ts-control>div {
background: #f2f2f2;
border: 0 solid #d0d0d0;
color: #303030;
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
}
.ts-wrapper.multi .ts-control>div.active {
background: #e8e8e8;
border: 0 solid #cacaca;
color: #303030;
}
.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
background: #fff;
border: 0 solid #fff;
color: #7d7d7d
}
.ts-control>input {
background: none !important;
border: 0 !important;
box-shadow: none !important;
display: inline-block !important;
flex: 1 1 auto;
line-height: inherit !important;
margin: 0 !important;
max-height: none !important;
max-width: 100% !important;
min-height: 0 !important;
min-width: 7rem;
padding: 0 !important;
text-indent: 0 !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.ts-control>input::-ms-clear {
display: none
}
.ts-control>input:focus {
outline: none !important
}
.has-items .ts-control>input {
margin: 0 4px !important;
}
.ts-control.rtl {
text-align: right
}
.ts-control.rtl.single .ts-control:after {
left: 15px;
right: auto
}
.ts-control.rtl .ts-control>input {
margin: 0 4px 0 -2px !important
}
.disabled .ts-control {
background-color: #fafafa;
opacity: .5
}
.input-hidden .ts-control>input {
left: -10000px;
opacity: 0;
position: absolute
}
.ts-dropdown {
background: #fff;
border: 1px solid #FF8400;
border-radius: 0;
border-top: 10;
padding: 0;
margin: 0;
box-shadow: 0px 1px 6px rgba(255, 132, 0, .28);
box-sizing: border-box;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
} .ts-dropdown>* {
scrollbar-color: #FF8400 #FFF8E9;
scrollbar-width: thin;
}
.ts-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden
}
.ts-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, .2);
border-radius: 1px
}
.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
padding: 5px 5px
}
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: .5
}
.ts-dropdown [data-selectable].option {
cursor: pointer;
opacity: 1
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0
}
.ts-dropdown .optgroup-header {
background: #fff;
color: #FFAE59;
border-top: 1.5px solid #FFDAB2;
cursor: default
}
.ts-dropdown .active {
background-color: #FFF1CF;
color: #FF8400
}
.ts-dropdown .option .label {
display: block;
}
.ts-dropdown .option .supp {
font-size: 12px;
display: block;
color: #aaaaaa;
font-family:
"SNPro",
"MPR",
system-ui, -apple-system, "Segoe UI",
"Hiragino Kaku Gothic ProN", "Noto Sans JP",
sans-serif !important;
transform: rotate(0.03deg);
}
.ts-dropdown .active.create {
color: #495c68
}
.ts-dropdown .create {
color: rgba(48, 48, 48, .5)
}
.ts-dropdown .spinner {
display: inline-block;
height: 30px;
margin: 5px 8px;
width: 30px
}
.ts-dropdown .spinner:after {
animation: lds-dual-ring 1.2s linear infinite;
border-color: #d0d0d0 transparent;
border-radius: 50%;
border-style: solid;
border-width: 5px;
content: " ";
display: block;
height: 24px;
margin: 3px;
width: 24px
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.ts-dropdown-content {
max-height: 240px; overflow: hidden auto;
scroll-behavior: smooth
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
color: transparent !important
}
.ts-wrapper.plugin-drag_drop .ts-dragging>* {
visibility: hidden !important
}
.plugin-checkbox_options:not(.rtl) .option input {
margin-right: .5rem
}
.plugin-checkbox_options.rtl .option input {
margin-left: .5rem
}
.plugin-clear_button {
--ts-pr-clear-button: 1em
}
.plugin-clear_button .clear-button {
background: transparent !important;
cursor: pointer;
margin-right: 0 !important;
opacity: 0;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
transition: opacity .5s
}
.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
right: max(var(--ts-pr-caret), 8px)
}
.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 1
}
.ts-wrapper .dropdown-header {
background: color-mix(#fff, #d0d0d0, 85%);
border-bottom: 1px solid #d0d0d0;
border-radius: 3px 3px 0 0;
padding: 10px 8px;
position: relative
}
.ts-wrapper .dropdown-header-close {
color: #303030;
font-size: 1.0em !important;
line-height: 1.2;
margin-top: -12px;
opacity: .4;
position: absolute;
right: 8px;
top: 50%
}
.ts-wrapper .dropdown-header-close:hover {
color: #000
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
border: 1px solid #d0d0d0;
box-shadow: none
}
.plugin-dropdown_input .dropdown-input {
background: transparent;
border: solid #d0d0d0;
border-width: 0 0 1px;
box-shadow: none;
display: block;
padding: 8px;
width: 100%
}
.plugin-dropdown_input .items-placeholder {
border: 0 !important;
box-shadow: none !important;
width: 100%
}
.plugin-dropdown_input.dropdown-active .items-placeholder,
.plugin-dropdown_input.has-items .items-placeholder {
display: none !important
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
min-width: 0
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
flex: none;
min-width: 4px
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder {
color: transparent
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder {
color: transparent
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
display: flex
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0;
flex-basis: 0;
flex-grow: 1;
min-width: 0
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
display: none
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0
}
.ts-wrapper.plugin-remove_button .item {
align-items: center;
display: inline-flex
}
.ts-wrapper.plugin-remove_button .item .remove {
border-radius: 0 2px 2px 0;
box-sizing: border-box;
color: inherit;
display: inline-block;
padding: 0 6px;
text-decoration: none;
vertical-align: middle
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
background: rgba(0, 0, 0, .05)
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none
}
.ts-wrapper.plugin-remove_button .remove-single {
font-size: 1.0em;
position: absolute;
right: 0;
top: 0
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
padding-right: 0 !important
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid #d0d0d0;
margin-left: 6px
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
border-left-color: #cacaca
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
border-left-color: #fff
}
.ts-wrapper.plugin-remove_button.rtl .item {
padding-left: 0 !important
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
border-right: 1px solid #d0d0d0;
margin-right: 6px
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
border-right-color: #cacaca
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
border-right-color: #fff
}
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
cursor: pointer
}
.ts-control:not(.rtl) {
padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
}
.ts-control.rtl {
padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
}
.ts-wrapper {
position: relative
}
.ts-control,
.ts-control input,
.ts-dropdown {
color: #333333;
font-size: 1.1em;
line-height: 1.2
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
background: #fdfdfa;
cursor: text
}
.ts-hidden-accessible {
clip: rect(0 0 0 0) !important;
border: 0 !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important
}   .site-footer:focus-visible {
outline: none;
border: none;
border: 1.4px solid #FFAE59;
}