vmk-demo-bot/frontend/dist/css/main.css.map at master

Fork: 0
root / vmk-demo-bot
Find file
Newer
Older
vmk-demo-bot / frontend / dist / css / main.css.map
eugene-sukhodolskiy 17 days ago 43 KB init
Raw Blame History
{"version":3,"sources":["main.scss","base/_btns.scss","base/_forms.scss","base/_cards.scss","layout/_header.scss","base/_breakpoints.scss","layout/_body.scss","layout/_footer.scss","components/_bot-btn.scss","components/_msg-form.scss","components/_frequently-asked.scss","components/_frequently-questions.scss","components/_bot-group.scss","components/_event-card.scss","components/_product-card.scss","components/_auth-card.scss","components/_signup-card.scss","main.css"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');\n\n@import \"_include.scss\";\n\n.kitan-bot-widget {\n\tfont-family: $font-main;\n\tfont-size: $font-size-body-m;\n\tfont-weight: $font-weight-regular;\n\tline-height: 1.5;\n\tcolor: $neutral-800;\n\n\tposition: fixed;\n\tbottom: 24px;\n\tright: 16px;\n\twidth: 100%;\n\tmax-width: 450px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tgap: 40px;\n\n\tfont-size: 14px;\n\n\t@include media-down(xs) {\n\t\tbottom: 16px;\n\t\tright: 8px;\n\t\tmax-width: 358px;\n\t\tgap: 16px;\n\t\tmax-height: 640px;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t\tfont-family: Montserrat;\n\t}\n\n\tsvg {\n\t\tfont-size: revert;\n\t}\n\n\n\th1 {\n\t\tfont-size: $font-size-h1;\n\t\tfont-weight: $font-weight-regular;\n\t}\n\n\th2 {\n\t\tfont-size: $font-size-h2;\n\t\tfont-weight: $font-weight-regular;\n\t}\n\n\th3 {\n\t\tfont-size: $font-size-h3;\n\t\tfont-weight: $font-weight-regular;\n\t}\n\n\th4 {\n\t\tfont-size: $font-size-h4;\n\t\tfont-weight: $font-weight-bold;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tmargin: 0;\n\t}\n\n\t.kb {\n\t\t&-body-l {\n\t\t\tfont-size: $font-size-body-l;\n\t\t\tfont-weight: $font-weight-regular;\n\t\t}\n\n\t\t&-body-m {\n\t\t\tfont-size: $font-size-body-m;\n\t\t\tfont-weight: $font-weight-regular;\n\t\t}\n\n\t\t&-body-s {\n\t\t\tfont-size: $font-size-body-s;\n\t\t\tfont-weight: $font-weight-regular;\n\t\t}\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: $primary-1;\n\t}\n\n\t.kitan-bot-container,\n\t.kitan-bot-container-fadeshadow {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tmax-width: 450px;\n\t\theight: 100vh;\n\t\tmax-height: 738px;\n\t\tbackground: $neutral-100;\n\t\toverflow: hidden;\n\t\tborder-radius: 15px;\n\t\topacity: 0;\n\t\tvisibility: hidden;\n\t\ttransition-duration: .15s;\n\t\ttransition-property: opacity, visibility;\n\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 24px;\n\t\tjustify-content: space-between;\n\n\t\t@include media-down(xs) {\n\t\t\tgap: 0;\n\t\t\tmax-height: 564px;\n\t\t}\n\t}\n\n\t.kitan-bot-container {\n\t\tz-index: 2;\n\n\t\t&.fadein {\n\t\t\topacity: 1;\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n\n\t.kitan-bot-container-fadeshadow {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\tbox-shadow: 0 0 0px 0px rgba(0, 0, 0, .1);\n\t\ttransition-duration: .15s;\n\t\topacity: 1;\n\t\tright: 0;\n\t\tbottom: 120px;\n\t\tborder-radius: 20px;\n\t\tvisibility: visible;\n\t\ttransition-property: bottom, right, border-radius, height, width, box-shadow;\n\t\t\n\t\t@include media-down(xs) {\n\t\t\tbottom: 68px;\n\t\t}\n\n\t\t&.fadeout {\n\t\t\tbox-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);\n\t\t\twidth: 60px;\n\t\t\theight: 60px;\n\t\t\tbottom: 10px;\n\t\t\tright: 10px;\n\t\t\tborder-radius: $bord-rad-b;\n\n\t\t\t@include media-down(xs) {\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.waiting {\n\t\tdisplay: inline-flex;\n\t\tgap: 8px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.waiting span {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #A0A3BD;\n\t\tanimation: pulse 1.2s infinite ease-in-out;\n\t}\n\n\t.waiting span:nth-child(1) {\n\t\tanimation-delay: 0s;\n\t}\n\t.waiting span:nth-child(2) {\n\t\tanimation-delay: 0.2s;\n\t}\n\t.waiting span:nth-child(3) {\n\t\tanimation-delay: 0.4s;\n\t}\n\n\t@keyframes pulse {\n\t\t0%, 80%, 100% {\n\t\t\tbackground-color: #A0A3BD;\n\t\t\ttransform: scale(1);\n\t\t}\n\t\t40% {\n\t\t\tbackground-color: #4E4B66;\n\t\t\ttransform: scale(1.2);\n\t\t}\n\t}\n\n}",".kitan-bot-widget {\n\t.kb {\n\t\t&-btn {\n\t\t\tdisplay: flex;\n\t\t\tpadding: 8px 12px;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tgap: 4px;\n\t\t\twidth: 100%;\n\n\t\t\tfont-size: $font-size-button;\n\t\t\tfont-weight: $font-weight-bold;\n\t\t\tfont-family: $font-main;\n\t\t\tborder: 0;\n\t\t\tcursor: default;\n\t\t\tbackground: $secondary-1;\n\n\t\t\tborder-radius: 48px;\n\t\t\ttransition: background .2s, border-color .2s, color .2s;\n\n\t\t\t&.tricky {\n\t\t\t\tcolor: $neutral-800;\n\t\t\t\twidth: max-content;\n\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: 22px;\n\t\t\t\tborder: 1px solid $neutral-500-25;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-color: $primary-1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.large {\n\t\t\t\tpadding: 12px;\n\t\t\t\tgap: 10px;\n\n\t\t\t\tborder-radius: $bord-rad-b;\n\t\t\t\tborder: 0;\n\n\t\t\t\tbackground: $primary-1;\n\t\t\t\tcolor: $neutral-100;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: $font-size-h4;\n\t\t\t\tline-height: 30px;\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t&:not(.disabled):hover {\n\t\t\t\t\tbackground: $primary-1-dark;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t&.disabled {\n\t\t\t\t\tbackground: $neutral-500;\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n}",".kb-input-form {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\n\t.kb-input-label {\n\t\tcolor: $neutral-600;\n\t\tfont-size: $font-size-body-xxs;\n\t}\n\t\n\tselect.kb-input {\n\t\tappearance: none;       /* Для большинства браузеров */\n\t\t-webkit-appearance: none; /* Safari */\n\t\t-moz-appearance: none;    /* Firefox */\n\t\tbackground-image: url('data:image/svg+xml;charset=UTF-8,<svg fill=\"none\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 6C5.05134 7.45386 6.28196 8.7576 7.65992 9.87811C7.85978 10.0406 8.14022 10.0406 8.34008 9.87811C9.71804 8.7576 10.9487 7.45386 12 6\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: calc(100% - 8px) 11px;\n\t\tbackground-size: 16px;\n\t}\n\n\t.kb-input {\n\t\tpadding: 8px;\n\t\twidth: 100%;\n\t\tborder: 0;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tborder-bottom: 2px solid transparent;\n\t\toutline: none;\n\t\tbackground: $neutral-100;\n\n\t\ttransition: border-bottom-color .2s;\n\n\t\t&:focus, &:focus-visible {\n\t\t\toutline: none;\n\t\t\tborder-bottom-color: $primary-1;\n\t\t}\n\t}\n\n\t.kb-input-container {\n\t\twidth: 100%;\n\t\tposition: relative;\n\n\t\t.prefix {\n\t\t\tposition: absolute;\n\t\t\tz-index: 2;\n\t\t\tpadding: 6px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 4px;\n\t\t\talign-items: center;\n\n\t\t\t.sep {\n\t\t\t\twidth: 1px;\n\t\t\t\theight: 22px;\n\t\t\t\tbackground: $neutral-500-25;\n\t\t\t}\n\t\t}\n\n\t\t.prefix + .kb-input {\n\t\t\tpadding-left: 69px;\n\t\t}\n\t}\n}\n\n.kb-form-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\twidth: 100%;\n}\n",".kb {\n\t&-card {\n\t\tpadding: 16px;\n\t\tfont-size: $font-size-body-xs;\n\t\tbackground: $secondary-1;\n\t\t\n\t\tborder-radius: $bord-rad;\t\t\t\t\n\t\tborder: 1px solid $neutral-500-25;\n\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\t// word-break: break-all; \n\n\t}\n}",".kitan-bot-container .kb-header {\n\tborder-bottom: 1px solid $neutral-500-25;\n\tbackground: $primary-1;\n\tcolor: $neutral-100;\n\n\t.kb-row {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\t\n\t\talign-items: center;\n\t\ttransition: gap .3s;\n\n  \t@include media-down(xs) {\n  \t\tgap: 8px !important;\n  \t}\n\t}\n\n\t.head-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\ttransition: gap .3s;\n\t\t// transition-delay: 0;\n\n\n\t\t.header-img {\n\t\t\tvisibility: visible;\n\t\t\topacity: 1;\n\t\t\theight: 60px;\n\n\t\t\ttransition-duration: .3s;\n\t\t\t// transition-delay: 0;\n\t\t\ttransition-property: visibility, opacity, height;\n\n\n\t\t\t.kb-icon {\n\t\t\t\twidth: 60px;\n\t\t\t\theight: 100%;\n\t\t\t\ttransition-duration: .3s;\n\t\t\t\t// transition-delay: 0;\n\t\t\t\ttransition-property: height, width;\n\t\t\t}\n\t\t}\n\n\t\t.heading {\n\t\t\tfont-size: 23px;\n\t\t\tfont-weight: 700;\n\t\t\tmargin: 0;\n\t\t\ttransition: font-size .3s;\n\t\t\t// transition-delay: 0;\n\t\t}\n\t}\n\n\t.chat-control-btns {\n\t\ttransition-duration: .3s;\n\t\ttransition-delay: 0;\n\t\ttransition-property: opacity, visibility;\n\n\t\t.do-rate {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 4px;\n\t\t}\n\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tborder-radius: 100%;\n\t\t\tborder: 0;\n\t\t\tbackground: none;\n\t\t\ttransition: background .2s;\n\n\t\t\t&:hover, &.active {\n\t\t\t\tbackground: $primary-1-dark;\n\t\t\t}\n\t\t}\n\t}\n\n\n\t&.kb-state {\n\t\t&-main {\n\t\t\tpadding: 32px 24px;\n\t\t\t\n\t\t\t.kb-row\t{\n\t\t\t\tgap: 0px;\n\t\t\t}\n\n\t\t\t.head-info {\n\t\t\t\tgap: 16px;\n\t\t\t}\n\n\t\t\t.chat-control-btns {\n\t\t\t\tvisibility: hidden;\n\t\t\t\topacity: 0;\n\n\t\t\t\t@include media-down(xs) {\n\t\t\t\t\twidth: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-compact {\n\t\t\tpadding: 16px;\n\n\t\t\t.kb-row\t{\n\t\t\t\tgap: 40px;\n\t\t\t}\n\n\t\t\t.head-info {\n\t\t\t\tgap: 0;\n\t\t\t\t// transition-delay: .3s;\n\n\t\t\t\t.header-img {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\t// transition-delay: .3s;\n\n\t\t\t\t\t.kb-icon {\n\t\t\t\t\t\twidth: 0;\n\t\t\t\t\t\theight: 0;\n\t\t\t\t\t\t// transition-delay: .3s;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.heading {\n\t\t\t\t\tfont-size: $font-size-h4;\n\t\t\t\t\t@include media-down(xs) {\n\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t}\n\t\t\t\t\t// transition-delay: .3s;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.chat-control-btns {\n\t\t\t\tvisibility: visibility;\n\t\t\t\topacity: 1;\n\t\t\t\twidth: initial;\n\t\t\t\ttransition-delay: .3s;\n\t\t\t}\n\t\t}\n\t}\n}","$breakpoints: (\n  xs:  480px,   // Мобильные\n  sm:  768px,   // Планшеты\n  md:  1024px,  // Малые десктопы\n  lg:  1280px,  // Обычные десктопы\n  xl:  1440px   // Большие экраны\n);\n\n@mixin media-up($size) {\n  @if map-has-key($breakpoints, $size) {\n    @media (min-width: map-get($breakpoints, $size)) {\n      @content;\n    }\n  } @else {\n    @warn \"Неизвестный брейкпоинт: #{$size}\";\n  }\n}\n\n@mixin media-down($size) {\n  @if map-has-key($breakpoints, $size) {\n    @media (max-width: calc(#{map-get($breakpoints, $size)} - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Неизвестный брейкпоинт: #{$size}\";\n  }\n}\n",".kb-body {\n\tmin-height: 270px;\n\theight: 100%;\n\tpadding-left: 24px;\n\tpadding-right: 8px;\n\n  @include media-down(xs) {\n\t\tpadding-left: 8px;\n\t\tpadding-right: 8px;\n  }\n\n\t.chat-container {\n\t\tmax-height: 100%;\n\t\theight: 100%;\n\t\toverflow-y: auto;\n\t\tpadding-right: 8px;\n\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 24px;\n\n\t\t@include media-down(xs) {\n\t\t\tgap: 16px;\n\t\t\tpadding-top: 16px;\n\t\t\tpadding-bottom: 16px;\n  \t}\n\n\t\t.message {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 8px;\n\n\t\t\t.bubble {\n\t\t\t\th1 {\n\t\t\t\t\tfont-size: $font-size-h3;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: 38px;\n\t\t\t\t}\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: $font-size-h4;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t}\n\n\t\t\t\th3 {\n\t\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: #1A0DAB;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tol {\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t}\n\n\t\t\t\tul li::marker {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\n\t\t\t.leftside {\n\t\t\t\t.avatar {\n\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.rightside {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 6px;\n\n\t\t\t\t.head {\n\t\t\t\t\t.name {\n\t\t\t\t\t\tcolor: $neutral-800;\n\t\t\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.bubble {\n\t\t\t\t\twidth: 290px;\n\t\t\t\t}\n\n\t\t\t\t.foot {\t\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tjustify-content: flex-end;\n\n\t\t\t\t\t.timestamp {\n\t\t\t\t\t\tcolor: $neutral-500;\n\t\t\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.state-waiting .bubble {\n\t\t\t\twidth: 85px;\n\t\t\t}\n\n\t\t\t\n\t\t\t&.agent {\n\t\t\t\t.bubble {\n\n\t\t\t\t\t&.first {\n\t\t\t\t\t\tborder-radius: $border-rad-1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.call-meat {\n\t\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.user {\n\t\t\t\tjustify-content: flex-end;\n\n\t\t\t\t.bubble {\n\t\t\t\t\tborder: 1px solid $neutral-500-25;\n\t\t\t\t\tbackground: $primary-1;\n\t\t\t\t\tcolor: $neutral-100;\n\n\t\t\t\t\t&.first {\n\t\t\t\t\t\tborder-radius: $border-rad-2;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t &::-webkit-scrollbar {\n\t\t\t\twidth: 8px;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-track {\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground: $neutral-300;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-thumb {\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground: $neutral-500;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-thumb:hover {\n\t\t\t\tbackground: $neutral-600;\n\t\t\t}\n\n\t}\n}",".kb-footer {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\n\t@include media-down(xs) {\n\t\tgap: 8px;\n\t}\n\n\t.bottom {\n\t\tcolor: $neutral-600;\n\n\t\tfont-size: $font-size-body-xs;\n\t\tfont-weight: 400;\n\t\ttext-align: center;\n\t}\n}",".kitan-bot-btn {\n\tdisplay: flex;\n\twidth: 80px;\n\theight: 80px;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 8px;\n\n\tborder: 0;\n\tborder-radius: 100px;\n\tbackground: $primary-1;\n\ttransition-duration: .2s;\n\ttransition-property: background, transform;\n\ttransform: rotate(0);\n\tposition: relative;\n\n\tz-index: 2;\n\n\t.kb-icon {\n\t\tposition: absolute;\n\t\ttransition-duration: .2s;\n\t}\n\n\t&.kb-state-closed {\n\t\t.for-closed {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.for-opened {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t&.kb-state-opened {\n\t\ttransform: rotate(90deg);\n\n\t\t.for-closed {\n\t\t\topacity: 0;\n\t\t}\n\n\t\t.for-opened {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t&:hover {\n\t\tbackground: $primary-1-dark;\n\t}\n\n\t@include media-down(xs) {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t}\n}",".kitan-bot-widget .msg-form {\n\tpadding: 16px;\n\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: row;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\n\tborder-top: 1px solid $neutral-500-25;\n\tborder-bottom: 1px solid $neutral-500-25;\n\tbackground: $secondary-1-25;\n\n\t@include media-down(xs) {\n\t\tpadding: 8px;\n\n\t}\n\n\t.msg-input {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    max-height: 200px;\n    width: 100%;\n    overflow: hidden;\n    align-items: center;\n    flex-direction: column;\n\n\t\t.msg-area {\n\t\t\tresize: none;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 20px;\n\t\t\theight: 20px;\n\t\t\tmax-height: 128px;\n\t\t\tbox-sizing: border-box;\n\n\t\t\tpadding: 0px 4px;\n\t\t\tfont-family: inherit;\n\t\t\t\t\t\t\n\t\t\tfont-size: $font-size-body-xs;\n\t\t\tline-height: 1.57;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tcolor: $neutral-800;\n\n\t\t\tborder: 0;\n\t\t\tborder-radius: 0;\n\t\t\toverflow: hidden;\n\t\t\toutline: none;\n\n\t\t\t// Трюк: разворачиваем textarea вверх\n\t\t\tdisplay: block;\n\t\t\talign-self: flex-end;\n\n\t\t\tbackground: transparent;\n\n\t\t\t&:focus, &:focus-visible {\n\t\t\t\tborder: 0;\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&:placeholder {\n\t\t\t\tcolor: $neutral-700;\n\t\t\t}\n\t\t}\n\t}\n\n\t.msg-send-btn-wrap {\n\t\tdisplay: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n\t}\n\n\t.msg-send {\n\t\tborder-radius: 100px;\n\t\tbackground: $neutral-600;\n\t\tdisplay: flex;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tborder: 0;\n\t}\n\n\t&.focused {\n\t\tborder-color: $primary-1;\n\n\t}\n\n\t&.ready-to-send {\n\t\t.msg-send {\n\t\t\tbackground: $primary-1;\n\t\t\ttransition: background .2s;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: $primary-1-dark;\n\t\t\t}\n\t\t}\n\t}\n}",".frequently-asked {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\n\t.questions-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 9px;\n\t\tflex-wrap: wrap;\n\n\t\t.question {\n\t\t\t\n\t\t}\n\t}\n}",".frequently-questions {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\n\t.questions-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 9px;\n\t\tflex-wrap: wrap;\n\n\t\t.question {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}",".bot-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\n\t.head {\n\t\t.name {\n\t\t\tcolor: $neutral-800;\n\t\t\tfont-size: $font-size-body-xs;\n\t\t\tfont-weight: 400;\n\t\t}\n\t}\n}",".kb-event-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 8px;\n\n\t.kb-heading {\n\t\tcolor: $neutral-700;\n\n\t\tfont-size: $font-size-body-xs;\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tline-height: 22px;\n\t}\n\n\t.tags {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\tgap: 8px;\n\n\t\t.tag {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 8px;\n\t\t\talign-items: center;\n\n\t\t\t.text {\n\t\t\t\tcolor: $neutral-700;\n\t\t\t\tfont-size: $font-size-body-xs;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: 22px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.kb-btn.reg-to-event {\n\t\twidth: 100%;\n\t}\n}",".kb-product-card {\n\tdisplay: flex;\n\twidth: 290px;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 16px;\n\n\t.heading {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\talign-self: stretch;\n\n\t\tcolor: $neutral-700;\n\t\tfont-weight: 700;\n\t\tline-height: 30px;\n\t}\n\n\t.actions-group {\n\t\twidth: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n\t\t.price {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 0px;\n\n\t\t\t.old {\n\t\t\t\tcolor: $neutral-700;\n\t\t\t\ttext-decoration-line: line-through;\n\t\t\t}\n\n\t\t\t.now {\n\t\t\t\tcolor: $neutral-800;\n\t\t\t\tfont-size: $font-size-h4;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tline-height: 30px;\n\t\t\t}\n\t\t}\n\t}\n}",".kb-auth-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 24px;\n\talign-self: stretch;\n\n\t.description {\n\t\tcolor: $neutral-800;\n\t\tfont-size: $font-size-body-xs;\n\t\tline-height: 22px;\n\t}\n\n\t.kb-auth-btn {\n\t\t\n\t}\n}",".kb-signup-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 24px;\n\talign-self: stretch;\n\t\n\t.send-form {\n\t\twidth: 100%;\n\t}\n}","@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap\");\n.kitan-bot-widget .kb-btn {\n  display: flex;\n  padding: 8px 12px;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  font-size: 16px;\n  font-weight: 700;\n  font-family: \"Montserrat\", sans-serif;\n  border: 0;\n  cursor: default;\n  background: #F3F1FF;\n  border-radius: 48px;\n  transition: background 0.2s, border-color 0.2s, color 0.2s;\n}\n.kitan-bot-widget .kb-btn.tricky {\n  color: #14142B;\n  width: max-content;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n  border: 1px solid rgba(160, 163, 189, 0.2509803922);\n}\n.kitan-bot-widget .kb-btn.tricky:hover {\n  border-color: #254EA0;\n}\n.kitan-bot-widget .kb-btn.large {\n  padding: 12px;\n  gap: 10px;\n  border-radius: 48px;\n  border: 0;\n  background: #254EA0;\n  color: #FFFFFF;\n  text-align: center;\n  font-size: 18px;\n  line-height: 30px;\n  font-weight: 700;\n}\n.kitan-bot-widget .kb-btn.large:not(.disabled):hover {\n  background: #1D3C7C;\n}\n.kitan-bot-widget .kb-btn.large.disabled {\n  background: #A0A3BD;\n}\n\n.kb-input-form {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.kb-input-form .kb-input-label {\n  color: #6E7191;\n  font-size: 12px;\n}\n.kb-input-form select.kb-input {\n  appearance: none; /* Для большинства браузеров */\n  -webkit-appearance: none; /* Safari */\n  -moz-appearance: none; /* Firefox */\n  background-image: url('data:image/svg+xml;charset=UTF-8,<svg fill=\"none\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 6C5.05134 7.45386 6.28196 8.7576 7.65992 9.87811C7.85978 10.0406 8.14022 10.0406 8.34008 9.87811C9.71804 8.7576 10.9487 7.45386 12 6\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n  background-repeat: no-repeat;\n  background-position: calc(100% - 8px) 11px;\n  background-size: 16px;\n}\n.kb-input-form .kb-input {\n  padding: 8px;\n  width: 100%;\n  border: 0;\n  position: relative;\n  z-index: 1;\n  border-bottom: 2px solid transparent;\n  outline: none;\n  background: #FFFFFF;\n  transition: border-bottom-color 0.2s;\n}\n.kb-input-form .kb-input:focus, .kb-input-form .kb-input:focus-visible {\n  outline: none;\n  border-bottom-color: #254EA0;\n}\n.kb-input-form .kb-input-container {\n  width: 100%;\n  position: relative;\n}\n.kb-input-form .kb-input-container .prefix {\n  position: absolute;\n  z-index: 2;\n  padding: 6px;\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n}\n.kb-input-form .kb-input-container .prefix .sep {\n  width: 1px;\n  height: 22px;\n  background: rgba(160, 163, 189, 0.2509803922);\n}\n.kb-input-form .kb-input-container .prefix + .kb-input {\n  padding-left: 69px;\n}\n\n.kb-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n}\n\n.kb-card {\n  padding: 16px;\n  font-size: 14px;\n  background: #F3F1FF;\n  border-radius: 10px;\n  border: 1px solid rgba(160, 163, 189, 0.2509803922);\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.kitan-bot-container .kb-header {\n  border-bottom: 1px solid rgba(160, 163, 189, 0.2509803922);\n  background: #254EA0;\n  color: #FFFFFF;\n}\n.kitan-bot-container .kb-header .kb-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transition: gap 0.3s;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-container .kb-header .kb-row {\n    gap: 8px !important;\n  }\n}\n.kitan-bot-container .kb-header .head-info {\n  display: flex;\n  flex-direction: column;\n  transition: gap 0.3s;\n}\n.kitan-bot-container .kb-header .head-info .header-img {\n  visibility: visible;\n  opacity: 1;\n  height: 60px;\n  transition-duration: 0.3s;\n  transition-property: visibility, opacity, height;\n}\n.kitan-bot-container .kb-header .head-info .header-img .kb-icon {\n  width: 60px;\n  height: 100%;\n  transition-duration: 0.3s;\n  transition-property: height, width;\n}\n.kitan-bot-container .kb-header .head-info .heading {\n  font-size: 23px;\n  font-weight: 700;\n  margin: 0;\n  transition: font-size 0.3s;\n}\n.kitan-bot-container .kb-header .chat-control-btns {\n  transition-duration: 0.3s;\n  transition-delay: 0;\n  transition-property: opacity, visibility;\n}\n.kitan-bot-container .kb-header .chat-control-btns .do-rate {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.kitan-bot-container .kb-header .chat-control-btns button {\n  display: flex;\n  width: 40px;\n  height: 40px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  border-radius: 100%;\n  border: 0;\n  background: none;\n  transition: background 0.2s;\n}\n.kitan-bot-container .kb-header .chat-control-btns button:hover, .kitan-bot-container .kb-header .chat-control-btns button.active {\n  background: #1D3C7C;\n}\n.kitan-bot-container .kb-header.kb-state-main {\n  padding: 32px 24px;\n}\n.kitan-bot-container .kb-header.kb-state-main .kb-row {\n  gap: 0px;\n}\n.kitan-bot-container .kb-header.kb-state-main .head-info {\n  gap: 16px;\n}\n.kitan-bot-container .kb-header.kb-state-main .chat-control-btns {\n  visibility: hidden;\n  opacity: 0;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-container .kb-header.kb-state-main .chat-control-btns {\n    width: 0;\n  }\n}\n.kitan-bot-container .kb-header.kb-state-compact {\n  padding: 16px;\n}\n.kitan-bot-container .kb-header.kb-state-compact .kb-row {\n  gap: 40px;\n}\n.kitan-bot-container .kb-header.kb-state-compact .head-info {\n  gap: 0;\n}\n.kitan-bot-container .kb-header.kb-state-compact .head-info .header-img {\n  visibility: hidden;\n  opacity: 0;\n  height: 0;\n}\n.kitan-bot-container .kb-header.kb-state-compact .head-info .header-img .kb-icon {\n  width: 0;\n  height: 0;\n}\n.kitan-bot-container .kb-header.kb-state-compact .head-info .heading {\n  font-size: 18px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-container .kb-header.kb-state-compact .head-info .heading {\n    font-size: 15px;\n  }\n}\n.kitan-bot-container .kb-header.kb-state-compact .chat-control-btns {\n  visibility: visibility;\n  opacity: 1;\n  width: initial;\n  transition-delay: 0.3s;\n}\n\n.kb-body {\n  min-height: 270px;\n  height: 100%;\n  padding-left: 24px;\n  padding-right: 8px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kb-body {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n}\n.kb-body .chat-container {\n  max-height: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding-right: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kb-body .chat-container {\n    gap: 16px;\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n}\n.kb-body .chat-container .message {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n}\n.kb-body .chat-container .message .bubble h1 {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 38px;\n}\n.kb-body .chat-container .message .bubble h2 {\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n}\n.kb-body .chat-container .message .bubble h3 {\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n}\n.kb-body .chat-container .message .bubble p:first-of-type {\n  margin-top: 0;\n}\n.kb-body .chat-container .message .bubble p:last-of-type {\n  margin-bottom: 0;\n}\n.kb-body .chat-container .message .bubble p a {\n  color: #1A0DAB;\n}\n.kb-body .chat-container .message .bubble ol {\n  padding-left: 20px;\n}\n.kb-body .chat-container .message .bubble ul li::marker {\n  font-size: 12px;\n}\n.kb-body .chat-container .message .rightside {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.kb-body .chat-container .message .rightside .head .name {\n  color: #14142B;\n  font-size: 14px;\n  font-weight: 400;\n}\n.kb-body .chat-container .message .rightside .bubble {\n  width: 290px;\n}\n.kb-body .chat-container .message .rightside .foot {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n.kb-body .chat-container .message .rightside .foot .timestamp {\n  color: #A0A3BD;\n  font-size: 14px;\n  font-weight: 400;\n}\n.kb-body .chat-container .message.state-waiting .bubble {\n  width: 85px;\n}\n.kb-body .chat-container .message.agent .bubble.first {\n  border-radius: 0px 10px 10px 10px;\n}\n.kb-body .chat-container .message.agent .call-meat {\n  font-size: 14px;\n}\n.kb-body .chat-container .message.user {\n  justify-content: flex-end;\n}\n.kb-body .chat-container .message.user .bubble {\n  border: 1px solid rgba(160, 163, 189, 0.2509803922);\n  background: #254EA0;\n  color: #FFFFFF;\n}\n.kb-body .chat-container .message.user .bubble.first {\n  border-radius: 10px 10px 0px 10px;\n}\n.kb-body .chat-container::-webkit-scrollbar {\n  width: 8px;\n}\n.kb-body .chat-container::-webkit-scrollbar-track {\n  border-radius: 4px;\n  background: #EFF0F6;\n}\n.kb-body .chat-container::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: #A0A3BD;\n}\n.kb-body .chat-container::-webkit-scrollbar-thumb:hover {\n  background: #6E7191;\n}\n\n.kb-footer {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kb-footer {\n    gap: 8px;\n  }\n}\n.kb-footer .bottom {\n  color: #6E7191;\n  font-size: 14px;\n  font-weight: 400;\n  text-align: center;\n}\n\n.kitan-bot-btn {\n  display: flex;\n  width: 80px;\n  height: 80px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  border: 0;\n  border-radius: 100px;\n  background: #254EA0;\n  transition-duration: 0.2s;\n  transition-property: background, transform;\n  transform: rotate(0);\n  position: relative;\n  z-index: 2;\n}\n.kitan-bot-btn .kb-icon {\n  position: absolute;\n  transition-duration: 0.2s;\n}\n.kitan-bot-btn.kb-state-closed .for-closed {\n  opacity: 1;\n}\n.kitan-bot-btn.kb-state-closed .for-opened {\n  opacity: 0;\n}\n.kitan-bot-btn.kb-state-opened {\n  transform: rotate(90deg);\n}\n.kitan-bot-btn.kb-state-opened .for-closed {\n  opacity: 0;\n}\n.kitan-bot-btn.kb-state-opened .for-opened {\n  opacity: 1;\n}\n.kitan-bot-btn:hover {\n  background: #1D3C7C;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-btn {\n    width: 60px;\n    height: 60px;\n  }\n}\n\n.kitan-bot-widget .msg-form {\n  padding: 16px;\n  display: flex;\n  gap: 16px;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: space-between;\n  border-top: 1px solid rgba(160, 163, 189, 0.2509803922);\n  border-bottom: 1px solid rgba(160, 163, 189, 0.2509803922);\n  background: rgba(243, 241, 255, 0.2509803922);\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-widget .msg-form {\n    padding: 8px;\n  }\n}\n.kitan-bot-widget .msg-form .msg-input {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  max-height: 200px;\n  width: 100%;\n  overflow: hidden;\n  align-items: center;\n  flex-direction: column;\n}\n.kitan-bot-widget .msg-form .msg-input .msg-area {\n  resize: none;\n  width: 100%;\n  min-height: 20px;\n  height: 20px;\n  max-height: 128px;\n  box-sizing: border-box;\n  padding: 0px 4px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.57;\n  font-style: normal;\n  font-weight: 400;\n  color: #14142B;\n  border: 0;\n  border-radius: 0;\n  overflow: hidden;\n  outline: none;\n  display: block;\n  align-self: flex-end;\n  background: transparent;\n}\n.kitan-bot-widget .msg-form .msg-input .msg-area:focus, .kitan-bot-widget .msg-form .msg-input .msg-area:focus-visible {\n  border: 0;\n  outline: none;\n}\n.kitan-bot-widget .msg-form .msg-input .msg-area:placeholder {\n  color: #4E4B66;\n}\n.kitan-bot-widget .msg-form .msg-send-btn-wrap {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n.kitan-bot-widget .msg-form .msg-send {\n  border-radius: 100px;\n  background: #6E7191;\n  display: flex;\n  width: 40px;\n  height: 40px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  border: 0;\n}\n.kitan-bot-widget .msg-form.focused {\n  border-color: #254EA0;\n}\n.kitan-bot-widget .msg-form.ready-to-send .msg-send {\n  background: #254EA0;\n  transition: background 0.2s;\n}\n.kitan-bot-widget .msg-form.ready-to-send .msg-send:hover {\n  background: #1D3C7C;\n}\n\n.frequently-asked {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.frequently-asked .questions-container {\n  display: flex;\n  flex-direction: row;\n  gap: 9px;\n  flex-wrap: wrap;\n}\n.frequently-questions {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.frequently-questions .questions-container {\n  display: flex;\n  flex-direction: row;\n  gap: 9px;\n  flex-wrap: wrap;\n}\n.frequently-questions .questions-container .question {\n  width: 100%;\n}\n\n.bot-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.bot-group .head .name {\n  color: #14142B;\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.kb-event-card {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n.kb-event-card .kb-heading {\n  color: #4E4B66;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 22px;\n}\n.kb-event-card .tags {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.kb-event-card .tags .tag {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n}\n.kb-event-card .tags .tag .text {\n  color: #4E4B66;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 22px;\n}\n.kb-event-card .kb-btn.reg-to-event {\n  width: 100%;\n}\n\n.kb-product-card {\n  display: flex;\n  width: 290px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n}\n.kb-product-card .heading {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  align-self: stretch;\n  color: #4E4B66;\n  font-weight: 700;\n  line-height: 30px;\n}\n.kb-product-card .actions-group {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n.kb-product-card .actions-group .price {\n  display: flex;\n  flex-direction: column;\n  gap: 0px;\n}\n.kb-product-card .actions-group .price .old {\n  color: #4E4B66;\n  text-decoration-line: line-through;\n}\n.kb-product-card .actions-group .price .now {\n  color: #14142B;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n}\n\n.kb-auth-card {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  align-self: stretch;\n}\n.kb-auth-card .description {\n  color: #14142B;\n  font-size: 14px;\n  line-height: 22px;\n}\n.kb-signup-card {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  align-self: stretch;\n}\n.kb-signup-card .send-form {\n  width: 100%;\n}\n\n.kitan-bot-widget {\n  font-family: \"Montserrat\", sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #14142B;\n  position: fixed;\n  bottom: 24px;\n  right: 16px;\n  width: 100%;\n  max-width: 450px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 40px;\n  font-size: 14px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-widget {\n    bottom: 16px;\n    right: 8px;\n    max-width: 358px;\n    gap: 16px;\n    max-height: 640px;\n  }\n}\n.kitan-bot-widget * {\n  box-sizing: border-box;\n  font-family: Montserrat;\n}\n.kitan-bot-widget svg {\n  font-size: revert;\n}\n.kitan-bot-widget h1 {\n  font-size: 60px;\n  font-weight: 400;\n}\n.kitan-bot-widget h2 {\n  font-size: 36px;\n  font-weight: 400;\n}\n.kitan-bot-widget h3 {\n  font-size: 24px;\n  font-weight: 400;\n}\n.kitan-bot-widget h4 {\n  font-size: 18px;\n  font-weight: 700;\n}\n.kitan-bot-widget h1, .kitan-bot-widget h2, .kitan-bot-widget h3, .kitan-bot-widget h4, .kitan-bot-widget h5, .kitan-bot-widget h6 {\n  margin: 0;\n}\n.kitan-bot-widget .kb-body-l {\n  font-size: 28px;\n  font-weight: 400;\n}\n.kitan-bot-widget .kb-body-m {\n  font-size: 18px;\n  font-weight: 400;\n}\n.kitan-bot-widget .kb-body-s {\n  font-size: 16px;\n  font-weight: 400;\n}\n.kitan-bot-widget a {\n  text-decoration: none;\n  color: #254EA0;\n}\n.kitan-bot-widget .kitan-bot-container,\n.kitan-bot-widget .kitan-bot-container-fadeshadow {\n  position: relative;\n  width: 100%;\n  max-width: 450px;\n  height: 100vh;\n  max-height: 738px;\n  background: #FFFFFF;\n  overflow: hidden;\n  border-radius: 15px;\n  opacity: 0;\n  visibility: hidden;\n  transition-duration: 0.15s;\n  transition-property: opacity, visibility;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  justify-content: space-between;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-widget .kitan-bot-container,\n  .kitan-bot-widget .kitan-bot-container-fadeshadow {\n    gap: 0;\n    max-height: 564px;\n  }\n}\n.kitan-bot-widget .kitan-bot-container {\n  z-index: 2;\n}\n.kitan-bot-widget .kitan-bot-container.fadein {\n  opacity: 1;\n  visibility: visible;\n}\n.kitan-bot-widget .kitan-bot-container-fadeshadow {\n  position: absolute;\n  z-index: 1;\n  box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);\n  transition-duration: 0.15s;\n  opacity: 1;\n  right: 0;\n  bottom: 120px;\n  border-radius: 20px;\n  visibility: visible;\n  transition-property: bottom, right, border-radius, height, width, box-shadow;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-widget .kitan-bot-container-fadeshadow {\n    bottom: 68px;\n  }\n}\n.kitan-bot-widget .kitan-bot-container-fadeshadow.fadeout {\n  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);\n  width: 60px;\n  height: 60px;\n  bottom: 10px;\n  right: 10px;\n  border-radius: 48px;\n}\n@media (max-width: calc(480px - 1px)) {\n  .kitan-bot-widget .kitan-bot-container-fadeshadow.fadeout {\n    width: 40px;\n    height: 40px;\n  }\n}\n.kitan-bot-widget .waiting {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n}\n.kitan-bot-widget .waiting span {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #A0A3BD;\n  animation: pulse 1.2s infinite ease-in-out;\n}\n.kitan-bot-widget .waiting span:nth-child(1) {\n  animation-delay: 0s;\n}\n.kitan-bot-widget .waiting span:nth-child(2) {\n  animation-delay: 0.2s;\n}\n.kitan-bot-widget .waiting span:nth-child(3) {\n  animation-delay: 0.4s;\n}\n@keyframes pulse {\n  0%, 80%, 100% {\n    background-color: #A0A3BD;\n    transform: scale(1);\n  }\n  40% {\n    background-color: #4E4B66;\n    transform: scale(1.2);\n  }\n}"]}