:root {
    --widget-position-bottom: 10px;
    --widget-position-right: 20px;
    --sw-border-color: rgba(9, 21, 38, .6);
    --sw-border-focus-color: #202022;
    --sw-primary-color: #2688eb;
    --sw-primary-color-hovered: #2d81e0;
    --sw-width: 400px;
    --sw-height: 576px;
    --sw-error-color: #ea6e5e;
    --sw-font-size-big: 20px;
    --sw-line-height-big: 28px;
    --sw-font-size-basic: 16px;
    --sw-line-height-basic: 22px;
    --sw-font-size-small: 14px;
    --sw-line-height-small: 20px;
    --sw-font-size-btn-big: 16px;
    --sw-line-height-btn-big: 22px;
    --sw-font-size-btn-small: 14px;
    --sw-line-height-btn-small: 20px;
    --sw-font-size-error-hint: 14px;
    --sw-line-height-error-hint: 20px;
    --sw-font-size-input: 18px;
    --sw-line-height-input: 24px
}

.uw__messenger-layout__buttons {
    display: none !important
}

@media screen and (max-width: 1023px) {
    :root {
        --sw-font-size-big: 16px;
        --sw-line-height-big: 22px;
        --sw-font-size-basic: 14px;
        --sw-line-height-basic: 20px;
        --sw-font-size-small: 12px;
        --sw-line-height-small: 16px;
        --sw-font-size-btn-small: 12px;
        --sw-line-height-btn-small: 16px;
        --sw-font-size-error-hint: 12px;
        --sw-line-height-error-hint: 16px;
        --sw-font-size-input: 16px;
        --sw-line-height-input: 22px
    }
}

.widgetIsland {
    font-family: Noto Sans, sans-serif
}

.openWidget {
    position: absolute;
    z-index: 10000
}

.opened .openWidget, .widgetIsland .widgetIslandWrapper {
    display: none
}

.opened .widgetIslandWrapper {
    display: block
}

.hidden .openWidget, .hidden .widgetIslandWrapper {
    display: none
}

.content {
    flex: 1;
    overflow-y: auto;
    padding: 32px 16px 26px
}

.button, .content {
    position: relative
}

.button {
    --btn-size: 40px;
    background-color: rgba(9, 21, 38, .15);
    border: none;
    border-radius: 8px;
    height: var(--btn-size);
    width: var(--btn-size)
}

.button:focus, .button:hover {
    background-color: rgba(9, 21, 38, .2);
    cursor: pointer
}

.button:active {
    background-color: rgba(9, 21, 38, .15);
    outline: none
}

.button:focus-visible {
    outline: none
}

.button svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1023px) {
    .button {
        --btn-size: 36px
    }
}

.widgetHeader {
    flex-direction: column;
    left: 0;
    top: 0
}

.widgetHeader, .widgetHeaderWrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.widgetHeaderWrapper {
    background: var(--sw-primary-color);
    box-sizing: border-box;
    justify-content: space-between;
    min-height: 72px;
    padding: 0 16px
}

.widgetHeader h5 {
    color: #fff;
    flex: 1;
    font-size: var(--sw-font-size-big) !important;
    line-height: var(--sw-line-height-big) !important;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.widgetHeaderBackBtn {
    margin-right: 16px
}

.widgetHeaderCloseBtn {
    display: none
}

@media screen and (max-width: 1023px) {
    .widgetHeaderWrapper {
        min-height: 60px
    }
}

@media screen and (max-width: 639px) {
    .widgetHeaderWrapper {
        display: block
    }
}

.buttonHelp {
    background: var(--sw-primary-color);
    border: none;
    border-radius: 24px;
    bottom: var(--widget-position-bottom);
    cursor: pointer;
    padding: 0;
    position: fixed;
    right: var(--widget-position-right)
}

.buttonHelpSmall {
    border-radius: 50%
}

.buttonHelp:hover {
    background: var(--sw-primary-color-hovered)
}

.buttonInner {
    align-items: center;
    display: flex;
    padding: 13px 20px
}

.buttonInner_small {
    padding: 14px
}

.buttonHelpIcon {
    margin-right: 8px
}

.buttonHelpText {
    color: #fff;
    font-size: var(--sw-font-size-basic);
    font-weight: 700;
    line-height: var(--sw-line-height-basic)
}

.buttonHelpTextNone {
    display: none
}

@media screen and (max-width: 1023px) {
    .buttonHelp {
        border-radius: 50%
    }

    .buttonInner {
        padding: 14px
    }

    .buttonHelpIcon {
        margin: 0
    }

    .buttonHelpText {
        display: none
    }
}

.widgetWrapper {
    align-items: flex-end;
    bottom: var(--widget-position-bottom);
    display: flex;
    position: fixed;
    right: var(--widget-position-right);
    z-index: 10000
}

.widgetWindow {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(57, 78, 127, .2);
    display: flex;
    flex-direction: column;
    height: var(--sw-height);
    margin-bottom: 4px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    width: var(--sw-width)
}

@media screen and (max-width: 600px) {
    .widget {
        height: 100vh;
        margin-right: 0;
        width: 100vw
    }
}

.widgetWindowCloseBtn {
    background: var(--sw-primary-color);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 48px;
    padding: 0;
    position: relative;
    width: 48px
}

.widgetWindowBtnIcon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.closeBtn:hover {
    background: var(--sw-primary-color-hovered)
}

@media screen and (max-width: 1023px) {
    .widget {
        height: calc(100vh - 40px);
        max-height: 576px
    }
}

@media screen and (max-width: 639px) {
    .widgetWrapper {
        bottom: 0;
        height: 100%;
        right: 0;
        width: 100%
    }

    .widgetWindow {
        border-radius: 0;
        height: 100%;
        margin: 0;
        max-height: unset;
        width: 100%
    }

    .widgetWindowCloseBtn {
        display: none
    }
}

.cbutton {
    --display: inline-block;
    --padding: 7.5px 16px;
    --width: auto;
    --font-family: "Noto Sans";
    --font-size: 16px;
    --font-weight: 700;
    --line-height: 20px;
    --letter-spacing: 0.64px;
    --text-align: center;
    --text-transform: uppercase;
    --border: 0;
    --border-radius: 6px;
    --background-color: #202022;
    --color: #fff;
    --cursor: pointer;
    background-color: var(--background-color);
    border: var(--border);
    border-radius: var(--border-radius);
    box-sizing: border-box;
    color: var(--color);
    cursor: var(--cursor);
    display: var(--display);
    font-family: var(--font-family), Arial, sans-serif;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    outline: none;
    padding: var(--padding);
    text-align: var(--text-align);
    text-decoration: none;
    text-transform: var(--text-transform);
    width: var(--width)
}

.cbutton:hover {
    --background-color: #803ef1
}

.cbutton-inner {
    display: block;
    position: relative
}

.cbutton-children {
    display: inline-block
}

.cbutton-spinner-container {
    left: 0;
    position: absolute;
    width: 100%
}

.cbutton-spinner {
    animation-duration: .7s;
    animation-iteration-count: infinite;
    animation-name: spinner;
    animation-timing-function: linear;
    border: 1px solid #757575;
    border-radius: 50%;
    border-top-color: #f6f6f6;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    width: 14px
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.cbutton--primary-base {
    --background-color: var(--sw-primary-color)
}

.cbutton--primary-base:hover {
    --background-color: var(--sw-primary-color-hovered)
}

.cbutton--primary-blue {
    --background-color: #5bbbe4
}

.cbutton--primary-blue:hover {
    --background-color: #289fdc
}

.cbutton--primary-mint {
    --background-color: #23c8ae
}

.cbutton--primary-mint:hover {
    --background-color: #00b2a8
}

.cbutton--primary-red {
    --background-color: #ff6170
}

.cbutton--primary-red:hover {
    --background-color: #fb3d54
}

.cbutton--secondary {
    --background-color: #e6e6e6;
    --color: rgba(9, 21, 38, .85)
}

.cbutton--secondary:hover {
    --background-color: #d8d8d8
}

.cbutton--overlay {
    --background-color: #fff;
    --color: rgba(9, 21, 38, .85)
}

.cbutton--secondary.cbutton--overlay {
    --background-color: hsla(0, 0%, 100%, .8)
}

.cbutton--block {
    --display: block;
    --width: 100%
}

.cbutton--disabled {
    --background-color: rgba(9, 21, 38, .07);
    --color: rgba(9, 21, 38, .35);
    --cursor: default;
    pointer-events: none
}

.cbutton--disabled.cbutton--overlay {
    --background-color: hsla(0, 0%, 100%, .5);
    --color: rgba(9, 21, 38, .35)
}

.cbutton--is-loading {
    --cursor: default;
    pointer-events: none
}

.cbutton--is-loading .cbutton-children {
    visibility: hidden
}

.messageStatus {
    display: flex;
    flex-direction: column;
    height: 100%
}

.messageStatusContent {
    color: rgba(9, 21, 38, .85);
    flex: 1
}

.messageStatusIcon {
    --icon-size: 48px;
    height: var(--icon-size);
    margin-bottom: 24px;
    width: var(--icon-size)
}

.messageStatusIconSeparate {
    --icon-size: 56px
}

.messageStatusContent h5 {
    margin-bottom: 8px;
    margin-top: 0
}

.messageStatusContent p {
    margin-top: 0
}

.messageStatusDinoBtn {
    --padding: 13px 16px;
    font-size: var(--sw-font-size-btn-big) !important;
    line-height: var(--sw-line-height-btn-big) !important;
    margin-bottom: 16px
}

.messageStatusDinoBtnSeparateClose {
    display: none
}

.messageStatusHeadersWrap p {
    color: rgba(9, 21, 38, .85);
    font-size: var(--sw-font-size-basic)
}

.messageStatusHeadersWrapSeparate {
    margin-left: 24px
}

.messageStatusDinoBtnSeparateBack {
    bottom: 24px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 348px
}

.messageStatusDinoBtn:last-child {
    margin-bottom: 0
}

.messageStatusContentSeparate {
    display: flex;
    justify-content: space-between;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 365px
}

@media screen and (max-width: 1023px) {
    .messageStatusIcon {
        --icon-size: 40px;
        margin-bottom: 20px
    }

    .messageStatusDinoBtnSeparateBack {
        width: 360px
    }

    .messageStatusContentSeparate {
        width: 309px
    }

    .messageStatusHeadersWrapSeparate {
        margin-left: 20px;
        width: 249px
    }
}

@media screen and (max-width: 767px) {
    .messageStatusDinoBtnSeparateBack {
        width: 296px
    }
}

@media screen and (max-width: 639px) {
    .messageStatusContentSeparate {
        display: block;
        position: static;
        transform: translateX(0) translateY(0);
        width: calc(100% - 32px)
    }

    .messageStatusHeadersWrapSeparate {
        margin-left: 0;
        width: auto
    }

    .messageStatusDinoBtnSeparateBack {
        width: calc(100% - 32px)
    }
}

.cinput-text {
    --font-family: "Noto Sans";
    --font-size: var(--sw-font-size-input);
    --font-weight: 400;
    --line-height: var(--sw-line-height-input);
    --letter-spacing: normal;
    display: inline-block;
    font-family: var(--font-family), Arial, sans-serif;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    margin-bottom: 1.88889em;
    position: relative;
    width: 100%
}

.cinput-text-input {
    --padding: 10px;
    --border: 2px solid rgba(9, 21, 38, .6);
    --border-radius: 8px;
    --background-color: #fff;
    --color: rgba(9, 21, 38, .85);
    animation-duration: 10ms;
    background-color: var(--background-color);
    border: var(--border);
    border-radius: var(--border-radius);
    box-sizing: border-box;
    color: var(--color);
    display: block;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: var(--padding);
    width: 100%
}

.cinput-text:hover .cinput-text-input {
    --border: 2px solid rgba(9, 21, 38, .85)
}

.cinput-text-input:focus {
    outline: 0
}

.cinput-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cinput-text-label {
    --label-padding: 0;
    --label-margin: 0;
    --label-color: rgba(9, 21, 38, .6);
    color: var(--label-color);
    display: block;
    font-size: medium;
    margin: var(--label-margin);
    padding: var(--label-padding);
    pointer-events: none;
    word-break: break-all
}

.cinput-text-hint {
    --hint-font-size: var(--sw-font-size-error-hint);
    --hint-font-weight: 400;
    --hint-line-height: var(--sw-line-height-error-hint);
    --hint-letter-spacing: normal;
    --hint-color: rgba(9, 21, 38, .6);
    color: var(--hint-color);
    display: inline;
    font-size: var(--hint-font-size);
    font-weight: var(--hint-font-weight);
    letter-spacing: var(--hint-letter-spacing);
    line-height: var(--hint-line-height);
    margin: 0
}

.cinput-text-input:focus, .cinput-text-input:focus:hover {
    --border: 2px solid #202022;
    outline: 0
}

.cinput-text:not(.cinput-text--w-vanishing-placeholder) .cinput-text-input:focus ~ .cinput-text-placeholder {
    --placeholder-color: #202022
}

.cinput-text--wrong .cinput-text-input, .cinput-text--wrong:hover .cinput-text-input {
    --border: 2px solid #ea6e5e
}

.cinput-text--wrong .cinput-text-placeholder {
    --placeholder-color: #ea6e5e
}

.cinput-text--wrong .cinput-text-hint {
    --hint-color: #ea6e5e
}

.cinput-text--disabled .cinput-text-input, .cinput-text--disabled:hover .cinput-text-input {
    --border: 2px solid rgba(9, 21, 38, .15)
}

.cinput-text--disabled .cinput-text-placeholder {
    --placeholder-color: rgba(9, 21, 38, .35)
}

.cinput-text--disabled .cinput-text-hint {
    --hint-color: rgba(9, 21, 38, .35)
}

.cinput-text-replaceBtn {
    background-color: #fff;
    border: none;
    color: #9965f4;
    display: inline;
    font-size: var(--sw-font-size-error-hint);
    font-weight: 700;
    letter-spacing: normal;
    line-height: var(--sw-line-height-error-hint);
    padding: 0
}

.cinput-text-replaceBtn:hover {
    cursor: pointer;
    opacity: .5
}

@media screen and (max-width: 1023px) {
    .cinput-text-input {
        --padding: 11px 10px
    }

    .cinput-text-placeholder {
        --placeholder-transform: translate(11px, 13px) scale(1)
    }
}

.cinput-file {
    --font-family: "Noto Sans";
    display: block;
    font-family: var(--font-family), Arial, sans-serif;
    margin-bottom: 45px;
    position: relative;
    text-align: center
}

.cinput-file-inner {
    --padding: 10px;
    --border: 2px dashed rgba(9, 21, 38, .6);
    --border-radius: 8px;
    --font-size: var(--sw-font-size-input);
    --font-weight: 400;
    --line-height: var(--sw-line-height-input);
    --letter-spacing: normal;
    --color: rgba(9, 21, 38, .6);
    --transition-time: 0.2s;
    border: var(--border);
    border-radius: var(--border-radius);
    box-sizing: border-box;
    color: var(--color);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    overflow: hidden;
    padding: var(--padding);
    position: relative;
    transition: background var(--transition-time);
    z-index: 2
}

.cinput-file-content-wrp {
    align-items: center;
    display: flex;
    justify-content: center
}

.cinput-file-hint {
    --hint-font-size: var(--sw-font-size-error-hint);
    --hint-font-weight: 400;
    --hint-line-height: var(--sw-line-height-error-hint);
    --hint-letter-spacing: normal;
    --hint-color: rgba(9, 21, 38, .6);
    --hint-position-top: calc(100% + 2px);
    --hint-position-left: 10px;
    margin: 0
}

.cinput-file-error, .cinput-file-hint {
    color: var(--hint-color);
    font-size: var(--hint-font-size);
    font-weight: var(--hint-font-weight);
    left: var(--hint-position-left);
    letter-spacing: var(--hint-letter-spacing);
    line-height: var(--hint-line-height);
    position: absolute;
    top: var(--hint-position-top)
}

.cinput-file-error {
    --hint-font-size: var(--sw-font-size-error-hint);
    --hint-font-weight: 400;
    --hint-line-height: var(--sw-line-height-error-hint);
    --hint-letter-spacing: normal;
    --hint-color: var(--sw-error-color);
    --hint-position-top: calc(100% + 2px);
    --hint-position-left: 10px;
    margin: 2px 0
}

.cinput-file-input {
    display: none
}

.cinput-file-label {
    --line-height: 22px;
    --label-color: #202022;
    align-items: center;
    color: var(--label-color);
    cursor: pointer;
    display: flex;
    height: var(--line-height)
}

.cinput-file-label-icon {
    --icon-margin-right: 7.59px;
    --icon-height: 17.8px;
    --label-icon-color: #202022;
    color: var(--label-icon-color);
    height: var(--icon-height);
    margin-right: var(--icon-margin-right);
    width: auto
}

.cinput-files-preview {
    gap: 12px
}

.cinput-file-preview, .cinput-files-preview {
    display: flex;
    flex-direction: column
}

.cinput-file-preview-wrapper {
    align-items: center;
    display: flex;
    text-align: left
}

.cinput-file-preview-filename {
    --label-color: #202022;
    align-items: center;
    color: var(--label-color);
    display: flex;
    flex: 1;
    overflow: hidden
}

.cinput-file-preview-error {
    --error-font-size: var(--sw-font-size-error-hint);
    --error-font-weight: 400;
    --error-line-height: var(--sw-line-height-error-hint);
    --error-letter-spacing: normal;
    --error-color: #ea6e5e;
    color: var(--error-color);
    font-size: var(--error-font-size);
    font-weight: var(--error-font-weight);
    letter-spacing: var(--error-letter-spacing);
    line-height: var(--error-line-height);
    margin: 0;
    text-align: left
}

.cinput-file-preview-filename-icon {
    --icon-margin-right: 7.59px;
    --icon-height: 17.8px;
    --label-icon-color: #202022;
    color: var(--label-icon-color);
    height: var(--icon-height);
    margin-right: var(--icon-margin-right);
    width: auto
}

.cinput-file-preview-filename-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cinput-file-preview-info {
    --info-close-width: 30px;
    --info-padding-right: calc(var(--info-close-width) + 10px);
    --info-color: rgba(9, 21, 38, .35);
    color: var(--info-color);
    padding-right: var(--info-padding-right);
    position: relative
}

.cinput-file-preview-info-close {
    --info-close-width: 30px;
    --info-close-height: var(--info-close-width);
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: var(--info-close-height);
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--info-close-width)
}

.cinput-file-preview-info-close-icon {
    --info-close-icon-height: 11.26px;
    --info-close-icon-color: rgba(9, 21, 38, .6);
    color: var(--info-close-icon-color);
    height: var(--info-close-icon-height);
    width: auto
}

.cinput-file:hover .cinput-file-inner {
    --border: 2px dashed rgba(9, 21, 38, .85)
}

.cinput-file--has-file .cinput-file-inner, .cinput-file--has-file:hover .cinput-file-inner {
    --border: 2px solid var(--sw-border-focus-color)
}

.cinput-file--has-file .cinput-file-label, .cinput-file--has-file .cinput-file-preview-filename {
    --label-color: rgba(9, 21, 38, .85)
}

.cinput-file--has-file .cinput-file-label-icon, .cinput-file--has-file .cinput-file-preview-filename-icon {
    --label-icon-color: #00a35f
}

.cinput-file--wrong .cinput-file-inner, .cinput-file--wrong:hover .cinput-file-inner {
    --border: 2px solid #ea6e5e
}

.cinput-file-hint-error {
    --hint-color: #ea6e5e
}

.cinput-file-preview--error .cinput-file-label-icon, .cinput-file-preview--error .cinput-file-preview-filename-icon {
    --label-icon-color: #ea6e5e
}

.cinput-file--disabled {
    pointer-events: none
}

.cinput-file--disabled .cinput-file-inner, .cinput-file--disabled:hover .cinput-file-inner {
    --border: 2px dashed rgba(9, 21, 38, .15)
}

.cinput-file--disabled .cinput-file-label, .cinput-file--disabled .cinput-file-preview-filename {
    --label-color: rgba(9, 21, 38, .35)
}

.cinput-file--disabled .cinput-file-hint {
    --hint-color: rgba(9, 21, 38, .35)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-inner {
    --border: 2px solid rgba(9, 21, 38, .15)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-label, .cinput-file--has-file.cinput-file--disabled .cinput-file-preview-filename {
    --label-color: rgba(9, 21, 38, .85)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-label-icon, .cinput-file--has-file.cinput-file--disabled .cinput-file-preview-filename-icon {
    --label-icon-color: rgba(9, 21, 38, .35)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-hint {
    --hint-color: rgba(9, 21, 38, .35)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-preview-info {
    --info-color: rgba(9, 21, 38, .35)
}

.cinput-file--has-file.cinput-file--disabled .cinput-file-preview-info-close-icon {
    --info-close-icon-color: rgba(9, 21, 38, .35)
}

@media screen and (max-width: 1023px) {
    .cinput-file-inner {
        --padding: 11px
    }
}

.custom-checkbox {
    --font-family: "Noto Sans";
    --font-size: 14px;
    --font-weight: 400;
    --line-height: 20px;
    --letter-spacing: normal;
    --color: rgba(9, 21, 38, .85);
    --icon-padding: 4.5px 3.58px;
    --icon-border: 2px solid rgba(9, 21, 38, .6);
    --icon-border-radius: 6px;
    --icon-background-color: #fff;
    --icon-color: #fff;
    --icon-height: 11px;
    --icon-margin-right: 8px;
    display: block;
    font-family: var(--font-family), Arial, sans-serif;
    margin-bottom: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.custom-checkbox-label {
    align-items: center;
    color: var(--color);
    display: flex;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height)
}

.custom-checkbox-input {
    display: none
}

.custom-checkbox-icon {
    background-color: var(--icon-background-color);
    border: var(--icon-border);
    border-radius: var(--icon-border-radius);
    box-sizing: border-box;
    color: var(--icon-color);
    line-height: 0;
    margin-right: var(--icon-margin-right);
    padding: var(--icon-padding)
}

.custom-checkbox-icon svg {
    height: var(--icon-height);
    width: auto
}

.custom-checkbox--checked {
    --icon-border: 0;
    --icon-padding: 6.5px 5.58px;
    --icon-background-color: #202022
}

.custom-checkbox--wrong {
    --icon-border: 2px solid #ea6e5e
}

.custom-checkbox--checked.custom-checkbox--wrong {
    --icon-border: 0;
    --icon-background-color: #ea6e5e
}

.custom-checkbox--disabled {
    --color: rgba(9, 21, 38, .35);
    --icon-border: 2px solid rgba(9, 21, 38, .15)
}

.custom-checkbox--checked.custom-checkbox--disabled {
    --color: rgba(9, 21, 38, .85);
    --icon-border: 0;
    --icon-background-color: rgba(9, 21, 38, .15)
}

.custom-checkbox--medium {
    --font-family: "Noto Sans";
    --font-size: 16px;
    --font-weight: 400;
    --line-height: 22px;
    --letter-spacing: normal;
    --icon-padding: 6px 5px;
    --icon-height: 12px
}

.custom-checkbox--medium.custom-checkbox--checked {
    --icon-padding: 8px 7px
}

.custom-checkbox-prompt-text {
    font-size: var(--sw-font-size-basic);
    line-height: var(--sw-line-height-basic)
}

.custom-checkbox-prompt-text p:first-of-type {
    margin-top: 0
}

.custom-checkbox-prompt-text p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .custom-checkbox {
        --font-family: "Noto Sans";
        --font-size: 16px;
        --font-weight: 400;
        --line-height: 22px;
        --letter-spacing: normal
    }

    .custom-checkbox--medium {
        --font-family: "Noto Sans";
        --font-size: 18px;
        --font-weight: 400;
        --line-height: 24px;
        --letter-spacing: normal
    }
}

.selectWrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.customSelect {
    --border-color: var(--sw-border-color);
    border: 2px solid var(--border-color);
    border-radius: 10px;
    box-sizing: border-box;
    color: rgba(9, 21, 38, .6);
    cursor: pointer;
    display: inline-block;
    line-height: var(--sw-line-height-input);
    margin-bottom: 36px;
    padding: 10px;
    position: relative
}

.customSelect, .customSelect select {
    font-size: var(--sw-font-size-input);
    width: 100%
}

.customSelect select {
    -webkit-appearance: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.custom_select option {
    color: rgba(9, 21, 38, .85)
}

.label {
    color: rgba(9, 21, 38, .6);
    display: block;
    margin-left: 0;
    padding: 0;
    pointer-events: none
}

.selectWrapper.hasValue .value {
    color: rgba(9, 21, 38, .85)
}

.customSelect .value {
    opacity: 0;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom_select select:focus ~ .value, .selectWrapper.hasValue .value {
    opacity: 1
}

.customSelect .arrow {
    backface-visibility: hidden;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: .5em;
    position: absolute;
    right: .7em;
    top: 0;
    transform: rotate(0deg) translateZ(0);
    transform-origin: center;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 1em
}

.selectWrapper.wrong {
    border-color: var(--sw-error-color)
}

.hint {
    color: var(--sw-error-color);
    font-size: var(--sw-font-size-error-hint);
    left: 10px;
    letter-spacing: normal;
    line-height: var(--sw-line-height-error-hint);
    margin: 0;
    position: absolute;
    top: 49px
}

.selectWrapper.disabled {
    --border-color: rgba(9, 21, 38, .15);
    color: rgba(9, 21, 38, .35)
}

.selectWrapper.disabled .arrow {
    opacity: .3
}

.selectWrapper.disabled .label {
    color: rgba(9, 21, 38, .35)
}

@media screen and (max-width: 1023px) {
    .customSelect {
        margin-bottom: 30px;
        padding: 11px
    }
}

.customTextarea {
    --border-radius: 8px;
    display: inline-block;
    margin-bottom: 1.88889em;
    min-width: 100%;
    position: relative
}

.customTextarea textarea.textarea {
    border: 2px solid var(--sw-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
    box-sizing: border-box;
    color: rgba(9, 21, 38, .85);
    font-family: Noto Sans, Arial, sans-serif;
    font-size: var(--sw-font-size-input);
    font-weight: 400;
    height: 96px;
    letter-spacing: normal;
    line-height: var(--sw-line-height-input);
    outline: none;
    overflow: auto;
    padding: 12px;
    position: relative;
    resize: none;
    width: 100%
}

.customTextarea textarea.textarea:focus {
    border-color: var(--sw-border-focus-color)
}

.customTextarea .customTextareaLabel {
    color: rgba(9, 21, 38, .6);
    display: block;
    margin-bottom: 8px;
    margin-left: 0;
    padding: 0;
    pointer-events: none
}

.customTextarea::-moz-placeholder {
    color: rgba(9, 21, 38, .6);
    font-size: var(--sw-font-size-input)
}

.customTextarea::placeholder {
    color: rgba(9, 21, 38, .6);
    font-size: var(--sw-font-size-input)
}

.customTextarea.customTextareaWrong textarea.textarea {
    border-color: var(--sw-error-color)
}

.customTextareaHint {
    color: var(--sw-error-color);
    font-size: var(--sw-font-size-error-hint);
    left: 10px;
    letter-spacing: normal;
    line-height: var(--sw-line-height-error-hint);
    margin: 0;
    position: absolute;
    top: auto
}

@media screen and (max-width: 1023px) {
    .customTextarea textarea.textarea {
        height: 92px;
        padding: 12px 13px
    }
}

.feedbackFormDinoBtn {
    --padding: 13px 16px;
    font-size: var(--sw-font-size-btn-big);
    line-height: var(--sw-line-height-btn-big);
    margin-bottom: 16px
}

.feedbackFormDinoInputText {
    margin-bottom: 36px
}

.feedbackFormDinoInputFile {
    margin-bottom: 46px
}

.feedbackFormDinoCheckbox {
    margin-bottom: 34px
}

.feedbackFormBtnsWrapSeparate {
    align-items: center;
    display: flex
}

.feedbackFormDinoBtnSeparate {
    margin-bottom: 0;
    width: 274px
}

article.feedbackFormDisabledForm {
    color: rgba(9, 21, 38, .85);
    font-family: Noto Sans, sans-serif;
    font-size: var(--sw-font-size-input);
    line-height: var(--sw-line-height-input)
}

article.feedbackFormDisabledForm a {
    color: #00e;
    cursor: pointer;
    text-decoration: underline
}

.feedbackFormCaptcha {
    margin-bottom: 16px;
    max-height: 80px;
    overflow: hidden
}

@media screen and (max-width: 1023px) {
    .feedbackFormDinoBtnSeparate {
        width: 268px
    }

    .feedbackFormDinoInputText {
        margin-bottom: 30px
    }

    .feedbackForminoInputFile {
        margin-bottom: 42px
    }

    .feedbackForminoCheckbox {
        margin-bottom: 32px
    }

    .feedbackFormonfirm {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .feedbackForminoBtnSeparate {
        width: 296px
    }
}

@media screen and (max-width: 639px) {
    .feedbackFormtnsWrapSeparate {
        display: block
    }

    .feedbackFormendPromptSeparate {
        margin-left: 0
    }

    .feedbackForminoBtnSeparate {
        margin-bottom: 16px;
        width: 100%
    }
}

.prompt {
    margin-bottom: 1.88889em
}

.promptTitle {
    color: rgba(9, 21, 38, .6);
    font-size: var(--sw-font-size-small);
    line-height: var(--sw-line-height-small);
    margin-bottom: 8px;
    margin-top: 0
}

.promptText {
    font-size: var(--sw-font-size-basic);
    line-height: var(--sw-line-height-basic)
}

.promptText a {
    color: #00e;
    cursor: pointer;
    text-decoration: underline
}

.widgetPreloader {
    background-color: hsla(0, 0%, 100%, .75);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: -1
}

.widgetPreloader.widgetPreloaderShown {
    opacity: 1;
    z-index: 1
}

.widgetPreloader .widgetPreloaderIcon {
    --size: 70px;
    animation: spin 3s linear infinite;
    background-size: var(--size) var(--size);
    height: var(--size);
    left: calc(50% - var(--size) / 2);
    position: absolute;
    top: calc(50% - var(--size) / 2);
    transform: rotate(0deg);
    width: var(--size);
    z-index: 100
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}