/* Start:/local/components/smeta/chat/templates/.default/style.css?176484564415877*/
#chatButton {
    background: white;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index:5100;
    border-radius: 7px;
    width:450px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#chatButtonField {
    /*border:1px solid rgb(229, 231, 235);*/
    border-radius: 5px;
    margin: 20px;
    padding: 4px 8px;
    font-size: 18px;
    width: 410px;
    display: flex;


}

#chBtnSbm {
    display: flex;
}
.rainbow-input {
    border: 2px solid transparent; /* Прозрачный реальный бордюр */
    border-radius: 5px;
    background-image: linear-gradient(white, white), /* Фон инпута (белый) */
    linear-gradient(120deg, rgb(41, 66, 253), white, red); /* Градиент рамки */
    background-origin: border-box;
    background-clip: padding-box, border-box; /* Первый слой - только внутри, второй - включая рамку */
    background-size: 200% 100%; /* Растягиваем градиент для анимации */
    transition: 0.3s;
    animation: rainbow-move 2s linear infinite;
}

@keyframes rainbow-move {
    0% { background-position: 0 0, 0 0; }
    100% { background-position: 0 0, 100% 0; }
}

#chatFrame {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index:5000;
    border-radius:8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#chBtnMain {
    border-radius: 16px;

    border-bottom-color:rgb(226, 232, 240);
    border-bottom-style:solid;
    border-bottom-width:0px;
    border-left-color:rgb(226, 232, 240);
    border-left-style:solid;
    border-left-width:0px;
    border-right-color:rgb(226, 232, 240);
    border-right-style:solid;
    border-right-width:0px;
    border-top-color:rgb(226, 232, 240);
    border-top-style:solid;
    border-top-width:0px;
    bottom:24px;
    box-sizing:border-box;
    color:rgb(20, 20, 20);
    display:block;
    font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings:normal;
    font-variation-settings:normal;
    height:120px;
    line-height:24px;
    position:fixed;
    right:24px;
    tab-size:4;
    text-size-adjust:100%;
    unicode-bidi:isolate;
    width:400px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    z-index: 5000;
}

#chBtnSubmain {
    border-bottom-color:rgb(226, 232, 240);
    border-bottom-style:solid;
    border-bottom-width:0px;
    border-left-color:rgb(226, 232, 240);
    border-left-style:solid;
    border-left-width:0px;
    border-right-color:rgb(226, 232, 240);
    border-right-style:solid;
    border-right-width:0px;
    border-top-color:rgb(226, 232, 240);
    border-top-style:solid;
    border-top-width:0px;
    box-sizing:border-box;
    color:rgb(20, 20, 20);
    display:block;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    height: 120px;
    line-height: 24px;
    tab-size:4;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 400px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#chBtnVika {
    align-items: center;
    appearance: button;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, rgb(56, 189, 248), rgb(139, 92, 246));
    border-bottom-color: rgb(226, 232, 240);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(226, 232, 240);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(226, 232, 240);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(226, 232, 240);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top-style: solid;
    border-top-width: 0px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    column-gap8: px;
    cursor: pointer;
    display: flex;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 500;
    height: 52px;
    letter-spacing: normal;
    line-height: 28px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-block-end: 12px;
    padding-block-start: 12px;
    padding-bottom: 12px;
    padding-inline-end: 24px;
    padding-inline-start: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    row-gap: 8px;
    tab-size: 4;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    transition-duration: 0.15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 224.688px;
    word-spacing: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none;
}

#svgOne {
    border-bottom-color: rgb(226, 232, 240);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgb(226, 232, 240);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(226, 232, 240);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(226, 232, 240);
    border-top-style: solid;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    fill: none;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 500;
    height: 20px;
    letter-spacing: normal;
    line-height: 28px;
    overflow-clip-margin: content-box;
    overflow-x: hidden;
    overflow-y: hidden;
    stroke: rgb(255, 255, 255);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
    tab-size: 4;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    vertical-align: middle;
    width: 20px;
    word-spacing: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#aiSpan {
    border-bottom-color: rgb(226, 232, 240);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgb(226, 232, 240);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(226, 232, 240);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(226, 232, 240);
    border-top-style: solid;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;

    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 500;
    height: 28px;
    letter-spacing: normal;
    line-height: 28px;
    tab-size: 4;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    width: 120.688px;
    word-spacing: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#svgTwo {
    border-bottom-color:rgb(226, 232, 240);
    border-bottom-style:solid;
    border-bottom-width:0px;
    border-left-color:rgb(226, 232, 240);
    border-left-style:solid;
    border-left-width:0px;
    border-right-color:rgb(226, 232, 240);
    border-right-style:solid;
    border-right-width:0px;
    border-top-color:rgb(226, 232, 240);
    border-top-style:solid;
    border-top-width:0px;
    box-sizing:border-box;
    color:rgb(255, 255, 255);
    cursor:pointer;
    display:block;
    fill:none;
    font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings:normal;
    font-kerning:auto;
    font-optical-sizing:auto;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:100%;
    font-style:normal;
    font-variant-alternates:normal;
    font-variant-caps:normal;
    font-variant-east-asian:normal;

    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-variant-position:normal;
    font-variation-settings:normal;
    font-weight:500;
    height:20px;
    letter-spacing:normal;
    line-height:28px;
    overflow-clip-margin:content-box;
    overflow-x:hidden;
    overflow-y:hidden;
    stroke:rgb(255, 255, 255);
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2px;
    tab-size:4;
    text-align:center;
    text-indent:0px;
    text-rendering:auto;
    text-shadow:none;
    text-size-adjust:100%;
    text-transform:none;
    vertical-align:middle;
    width:20px;
    word-spacing:0px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

#chFieldwrapVika {
    /*border-top-left-radius: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;

    position: relative;*/
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 16px;
    border-top-style: solid;
    border-top-width: 2px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    box-sizing: border-box;
    color: rgb(20, 20, 20);
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    height: 68px;
    line-height: 24px;
    position: relative;
    tab-size: 4;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 400px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

#chFieldSubWrapVika {
    /*background-image: linear-gradient(to right , rgb(56, 189, 248), rgb(139, 92, 246));
    margin: -2px;
    z-index: 2000;
    position: absolute;
    visibility: hidden;*/
    background-image: linear-gradient(to right, rgb(56, 189, 248), rgb(139, 92, 246));
    border-bottom-color: rgb(226, 232, 240);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgb(226, 232, 240);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(226, 232, 240);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(226, 232, 240);
    border-top-left-radius: 0px;
    border-top-right-radius: 16px;
    border-top-style: solid;
    border-top-width: 0px;
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(20, 20, 20);
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    height: 68px;
    left: 0px;
    line-height: 24px;
    margin-bottom: -2px;
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -2px;
    position: absolute;
    right: 0px;
    tab-size: 4;
    text-size-adjust: 100%;
    top: 0px;
    unicode-bidi: isolate;
    width: 400px;
    z-index: -10;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#pseudoInput {
    appearance: auto;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(226, 232, 240);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(226, 232, 240);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(226, 232, 240);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(226, 232, 240);
    border-top-style: solid;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(20, 20, 20);
    cursor: text;
    display: inline-block;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-emoji: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 400;
    height: 24px;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-clip-margin: 0px;
    overflow-x: clip;
    overflow-y: clip;
    padding-block-end: 0px;
    padding-block-start: 0px;
    padding-bottom: 0px;
    padding-inline-end: 0px;
    padding-inline-start: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    tab-size: 4;
    text-align: start;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    width: 320px;
    word-spacing: 0px;
    -webkit-rtl-ordering: logical;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none;
}

.rounded-tl-none {
    border-top-left-radius: 0px;
}

#p5 {
    line-height: 24px;
    padding:20px;
    background-color: white !important;
    z-index: 1500;
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

/* End */
/* /local/components/smeta/chat/templates/.default/style.css?176484564415877 */