.geo-quiz-widget {
    position: fixed;
    right: 16px;
    bottom: 12px;
    width: min(360px, calc(100vw - 32px));
    z-index: 1000;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end
}

.geo-quiz-widget [hidden] {
    display: none !important
}

.geo-quiz-widget * {
    box-sizing: border-box
}

.geo-quiz-widget h1,
.geo-quiz-widget h2,
.geo-quiz-widget h3,
.geo-quiz-widget h4,
.geo-quiz-widget h5,
.geo-quiz-widget h6 {
    background: -webkit-gradient(linear, left top, right top, color-stop(8.33%, #DC2430), color-stop(93.33%, #7B4397));
    background: linear-gradient(90deg, #DC2430 8.33%, #7B4397 93.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);


    font-weight: 700;
}


.geo-quiz-widget h2 {
    font-size: 18px;
}

.geo-quiz-widget__launcher {
    pointer-events: auto;
    width: min(760px, 100%);
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e2e6ef;
    border-radius: 16px;
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(15, 32, 63, .13)
}

.geo-quiz-widget__avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    background: #f1f3f7
}

.geo-quiz-widget__launcherText {
    flex: 1;
    text-align: left
}

.geo-quiz-widget__launcherMeta {
    font-size: 14px;
    color: #6f7b8d;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 5px;
}

.geo-quiz-widget__name {
    font-weight: 700;
    color: #2d3b52
}

@keyframes geo-quiz-widget-dot-blink {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

.geo-quiz-widget__dot {
    width: 6px;
    height: 6px;
    background: #35b048;
    border-radius: 50%;
    animation: geo-quiz-widget-dot-blink 1.4s ease-in-out infinite
}

.geo-quiz-widget__launcherTitle {
    margin: 0;
    font-weight: 700;
    color: #25354d;
    line-height: 1.2
}

.geo-quiz-widget__panel {
    pointer-events: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    width: 360px;
    max-width: 100%;
    height: min(78vh, 680px);
    max-height: calc(100vh - 24px);
    margin: 0;
    padding: 0;
    min-height: 0;
    background: #fff;
    border: 1px solid #dfe5ef;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(16, 29, 58, .22);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 0;
    transform: translateY(14px) scale(.985);
    transition: opacity .25s ease, transform .28s cubic-bezier(.2, .7, .2, 1);
    z-index: 3
}

.geo-quiz-widget.is-panel-open .geo-quiz-widget__launcher {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.geo-quiz-widget__panel.is-open {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.geo-quiz-widget__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 14px 10px;
    flex-shrink: 0
}

.geo-quiz-widget__manager {
    display: flex;
    gap: 10px;
    align-items: center
}

.geo-quiz-widget__role {
    font-size: 13px;
    color: #6f7b8d
}

.geo-quiz-widget__close {
    border: 0;
    background: transparent;
    color: #9aa5b7;
    font-size: 20px;
    cursor: pointer
}

.geo-quiz-widget__body {
    padding: 0 14px 12px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px
}

.geo-quiz-widget__body-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: #e7e7e8 transparent
}

.geo-quiz-widget__body-scroll::-webkit-scrollbar {
    width: 6px
}

.geo-quiz-widget__body-scroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

.geo-quiz-widget__body-scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #e7e7e8
}

.geo-quiz-widget__body-scroll::-webkit-scrollbar-thumb:hover {
    background: #d4d4d5
}

.geo-quiz-widget__percent {
    font-size: 14px;
    color: #5e89c9;
    font-weight: 700;
    margin: 0 0 4px;
    flex-shrink: 0
}

.geo-quiz-widget__questionTitle {
    margin: 8px 0 12px;
    line-height: 1.15;
    font-size: 18px;
}

.geo-quiz-widget__questionHint {
    font-size: 13px;
    color: #6f7b8d;
    margin-bottom: 10px
}

.geo-quiz-widget__questionHint.is-multi-hint {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.geo-quiz-widget__questionHint-line {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 4px 10px;
    line-height: 1.25;
    border-radius: 999px;
    border: 1px solid #d8e6ff;
    background: #f3f8ff;
    color: #45638f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em
}

.geo-quiz-widget__questionHint-line:first-child {
    border-color: #f2d6da;
    background: #fff5f6;
    color: #8e4650
}

.geo-quiz-widget__fileUpload {
    margin-top: 12px;
    margin-bottom: 4px
}

.geo-quiz-widget__fileDrop {
    border: 1px dashed #DC2430;
    border-radius: 10px;
    background: #f9f9f9;
    padding: 14px 12px;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease
}

.geo-quiz-widget__fileDrop.is-dragover,
.geo-quiz-widget__fileDrop:hover {
    border-color: #7B4397;
    background: #f3f8ff
}

.geo-quiz-widget__fileDrop-text {
    margin: 0;
    font-size: 13px;
    color: #6f7b8d;
    line-height: 1.35
}

.geo-quiz-widget__fileInput {
    display: none
}

.geo-quiz-widget__fileList {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.geo-quiz-widget__fileItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid #e3e8f2;
    border-radius: 8px;
    background: #fff;
    font-size: 13px
}

.geo-quiz-widget__fileName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.geo-quiz-widget__fileRemove {
    border: 0;
    background: #f3f5f8;
    color: #6f7b8d;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
    padding: 0
}

.geo-quiz-widget__fileRemove:hover {
    background: #e8ecf2;
    color: #3d4a5c
}

.geo-quiz-widget__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 8px;
    flex: 0 0 auto;
    align-self: stretch
}

.geo-quiz-widget__control {
    display: block;
    border: 0;
    width: 100%;
    font-size: 16px;
    line-height: 1.44;
    color: #878787;
    background-color: #fff;
    border: 1px solid #d7dde8;
    padding: 10px 15px;
    font-weight: 400;
    border-radius: 10px !important;
    -webkit-transition: .5s all;
    transition: .5s all;
    font-weight: 400;

    color: #878787;
    font-size: 16px;
    line-height: 1.35;
}

.geo-quiz-widget__control:focus {
    outline: none;
    border: 1px solid #d7dde8;
}

.geo-quiz-widget__control.is-required-empty {
    background-color: #fff5f6;

}

.geo-quiz-widget__control.is-required-empty::placeholder {
    color: #c4a0a6;
}

.geo-quiz-widget__control.is-required-empty:focus {
    background-color: #fff5f6;

}

.geo-quiz-widget__answer {
    text-align: center;
    display: inline-flex;
    width: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);

    margin: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 14px;
    border: 1px solid #d7dde8;
    line-height: 150%;
    color: #7d7d7d;
    -webkit-transition: all .4s;
    transition: all .4s;
    white-space: nowrap;
    position: relative;


    cursor: pointer;
}

.geo-quiz-widget__answer:last-child {
    margin-bottom: 0;
}


.geo-quiz-widget__answer:hover {

    background: linear-gradient(to right, white, white), linear-gradient(172.56deg, #DC2430 22.47%, #83168F 76.4%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.geo-quiz-widget__answer-text span {

    pointer-events: none;
    position: relative;
    z-index: 3;
}



.geo-quiz-widget__answer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;

    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.geo-quiz-widget__answer:hover:before {
    opacity: 1;
    background: linear-gradient(90deg, #dc2430 8.33%, #7b4397 93.33%);
}


.geo-quiz-widget__answer-text:hover span {
    /* color: #fff; */
    background: -webkit-gradient(linear, left top, right top, color-stop(8.33%, #DC2430), color-stop(133.2%, #7B4397));
    background: linear-gradient(90deg, #DC2430 8.33%, #7B4397 133.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.geo-quiz-widget__answer.is-selected {
    background: linear-gradient(90deg, #7B4397 0%, #DD2430 100%), #fafafa;

}

.geo-quiz-widget__answer.is-selected:before {
    background: transparent;
}

.geo-quiz-widget__answer.is-selected span {
    color: #fff;
    background: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    background-clip: inherit;
    text-fill-color: inherit;
}


.geo-quiz-widget__answer input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.geo-quiz-widget__answer-icon {
    font-size: 32px;
    line-height: 1;
    width: 32px;
    height: 32px;
    text-align: center;
    align-self: center;
    display: flex;
    padding: 7px;
    margin-left: 5px;
}

.geo-quiz-widget__icon-image {
    max-width: 32px;
    max-height: 32px;
    display: block;
    margin: 0 auto
}

#geoQuizNext {
    width: 120px;
    height: 45px;
    padding: 10px 10px;
}

.geo-quiz-widget__answer-text {
    font-size: 16px;
    line-height: 1.35;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
}

.geo-quiz-widget__answer-text.block_gr {
    position: relative;
    overflow: hidden;

}

.geo-quiz-widget__answer-text .block__gradient-wrap {
    display: none !important;
}

.geo-quiz-widget__answer:hover .geo-quiz-widget__answer-text.block_gr .block__gradient-wrap {
    opacity: 1;
    height: 100%
}



@keyframes geoQuizAutofill {
    from {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.geo-quiz-widget__input--tel:-webkit-autofill {
    animation-name: geoQuizAutofill;
    animation-duration: 0.01s
}

.geo-quiz-widget__field {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.geo-quiz-widget__fieldLabel {
    font-size: 13px;
    color: #6f7b8d;
    display: none;
}

.geo-quiz-widget__textarea {
    min-height: 110px;
    resize: vertical
}

.geo-quiz-widget__messengerToggle {
    margin-top: 10px;
    border: 1px solid #d7dde8;
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color .28s ease, box-shadow .28s ease
}

.geo-quiz-widget__messengerToggle.is-active {
    border-color: #e1635c;
    box-shadow: 0 0 0 2px rgba(66, 150, 255, .14)
}

.geo-quiz-widget__messengerToggle-icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.geo-quiz-widget__messengerToggle-plus,
.geo-quiz-widget__messengerToggle-minus {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    transition: opacity .28s ease, transform .28s ease
}

.geo-quiz-widget__messengerToggle-plus {
    opacity: 1;
    transform: rotate(0deg) scale(1)
}

.geo-quiz-widget__messengerToggle-minus {
    opacity: 0;
    transform: rotate(-90deg) scale(.75)
}

.geo-quiz-widget__messengerToggle.is-active .geo-quiz-widget__messengerToggle-plus {
    opacity: 0;
    transform: rotate(90deg) scale(.75)
}

.geo-quiz-widget__messengerToggle.is-active .geo-quiz-widget__messengerToggle-minus {
    opacity: 1;
    transform: rotate(0deg) scale(1)
}

.geo-quiz-widget__messengerBlock {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #fafcff;
    pointer-events: none;
    transition:
        max-height .48s cubic-bezier(.4, 0, .2, 1),
        opacity .38s ease,
        margin-top .38s ease,
        padding .38s ease,
        border-color .38s ease
}

.geo-quiz-widget__messengerBlock.is-open {
    margin-top: 10px;
    max-height: 340px;
    opacity: 1;
    padding: 10px;
    border-color: #e3e8f2;
    pointer-events: auto
}

.geo-quiz-widget__messengerBlock .geo-quiz-widget__messengerTitle,
.geo-quiz-widget__messengerBlock .geo-quiz-widget__messengerList {
    transform: translateY(-6px);
    opacity: 0;
    transition: opacity .32s ease .12s, transform .32s ease .12s
}

.geo-quiz-widget__messengerBlock.is-open .geo-quiz-widget__messengerTitle,
.geo-quiz-widget__messengerBlock.is-open .geo-quiz-widget__messengerList {
    transform: translateY(0);
    opacity: 1
}

.geo-quiz-widget__messengerTitle {
    font-size: 13px;
    color: #6f7b8d;
    margin-bottom: 8px
}

.geo-quiz-widget__messengerList {
    display: flex;
    gap: 8px
}

.geo-quiz-widget__messengerBtn {
    width: 44px;
    height: 44px;
    border: 1px solid #d7deea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff
}

.geo-quiz-widget__messengerBtn svg,
.geo-quiz-widget__messengerBtn img {
    display: block;
    width: auto;
    height: 22px;
    max-width: 32px
}

.geo-quiz-widget__messengerBtn--vk img {
    max-height: 16px;
}

.geo-quiz-widget__messengerBtn.is-active {

    border-color: #e1635c;
    box-shadow: 0 0 0 2px rgba(66, 150, 255, .16)
}

.geo-quiz-widget__messengerField {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition:
        max-height .42s cubic-bezier(.4, 0, .2, 1),
        opacity .32s ease,
        margin-top .32s ease
}

.geo-quiz-widget__messengerField.is-open {
    margin-top: 10px;
    max-height: 72px;
    opacity: 1;
    pointer-events: auto
}

.geo-quiz-widget__messengerInput {
    width: 100%
}

/* Копия .wpcf7 .wpcf7-list-item */
.geo-quiz-widget .geo-quiz-widget__consent-item {
    display: block;
    margin: 0;
    margin-top: 8px
}

/* Копия .wpcf7-form .wpcf7-acceptance label */
.geo-quiz-widget .geo-quiz-widget__consent-item label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    color: #030405;
    padding-left: 38px
}

/* Копия .wpcf7-form .wpcf7-acceptance input[type=checkbox] */
.geo-quiz-widget .geo-quiz-widget__consent-item input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

/* Копия .wpcf7-form .wpcf7-acceptance input[type=checkbox]+span:before */
.geo-quiz-widget .geo-quiz-widget__consent-item input[type=checkbox]+span:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #e2e2e2
}

.geo-quiz-widget .geo-quiz-widget__consent-item.is-required-empty input[type=checkbox]+span:before {
    border: 1px solid #fd0000 !important
}

/* Копия .wpcf7-form .wpcf7-acceptance input[type=checkbox]+span:after */
.geo-quiz-widget .geo-quiz-widget__consent-item input[type=checkbox]+span:after {
    display: block;
    position: absolute;
    content: "";
    z-index: 2;
    left: 4px;
    top: 10px;
    width: 14px;
    height: 11px;
    background-image: url(//mediapanda.ru/wp-content/plugins/geo-quiz-widget/assets/checkbox-white.svg);
    background-repeat: no-repeat;
    visibility: hidden
}

/* Копия .wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked+span:before */
.geo-quiz-widget .geo-quiz-widget__consent-item input[type=checkbox]:checked+span:before {
    background: #fff;
    border-color: #fafafa;
    background-image: url(//mediapanda.ru/wp-content/plugins/geo-quiz-widget/assets/checkbox-bg.svg)
}

/* Копия .wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked+span:after */
.geo-quiz-widget .geo-quiz-widget__consent-item input[type=checkbox]:checked+span:after {
    visibility: visible
}

/* Копия .popup__link */
.geo-quiz-widget .geo-quiz-widget__consent-link,
.geo-quiz-widget .geo-quiz-widget__consent-label a {
    color: #030405;
    text-decoration: underline
}

.geo-quiz-widget__footer {
    border-top: 1px solid #e7ebf2;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-shrink: 0
}

.geo-quiz-widget__discount {
    font-size: 14px;
    background: #fff7dc;
    border-radius: 10px;
    border: 1px solid #f3e4ad;
    min-height: 45px;
    padding: 8px 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    line-height: 1.25;
    max-width: min(220px, 42vw)
}

.geo-quiz-widget__discountRow {
    display: flex;
    align-items: center;
    gap: 6px
}

.geo-quiz-widget__discountLabel {
    color: #2d3b52
}

.geo-quiz-widget__discountInfo {
    position: relative;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #e8ecf2;
    color: #5a6a7f;
    font: 700 11px/16px Arial, sans-serif;
    cursor: help;
    vertical-align: middle
}

.geo-quiz-widget__discountInfoIcon {
    display: block;
    line-height: 16px;
    text-align: center
}

.geo-quiz-widget__discountTooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    z-index: 5;
    width: max-content;
    max-width: 220px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #25354d;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    box-shadow: 0 6px 18px rgba(15, 32, 63, .2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, visibility .15s ease
}

.geo-quiz-widget__discountTooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #25354d
}

.geo-quiz-widget__discountInfo:hover .geo-quiz-widget__discountTooltip,
.geo-quiz-widget__discountInfo:focus-visible .geo-quiz-widget__discountTooltip,
.geo-quiz-widget__discountInfo.is-open .geo-quiz-widget__discountTooltip {
    opacity: 1;
    visibility: visible
}

.geo-quiz-widget__discountValue {
    font-size: 16px;
    color: #dc2430;
    flex-shrink: 0
}

.geo-quiz-widget__discountLimit {
    font-size: 11px;
    color: #6f7b8d;
    line-height: 1.2
}

.geo-quiz-widget__actions {
    display: flex;
    gap: 8px
}

.geo-quiz-widget__trigger {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    margin-top: auto;
    background: #fff;
    border: 1px solid #e8ecf2;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(15, 32, 63, .12);
    padding: 10px 34px 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    color: #3d4a5c;
    min-height: 44px;
    max-height: 76px;
    overflow: auto;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #e7e7e8 transparent;
    align-items: center;
    display: flex;
}

.geo-quiz-widget__trigger::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.geo-quiz-widget__trigger::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px
}

.geo-quiz-widget__trigger::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #e7e7e8
}

.geo-quiz-widget__trigger::-webkit-scrollbar-thumb:hover {
    background: #d4d4d5
}

.geo-quiz-widget__trigger[hidden] {
    display: none !important
}

.geo-quiz-widget__trigger-text {
    margin: 0
}

.geo-quiz-widget__trigger-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    border: 0;
    background: #f3f5f8;
    color: #6f7b8d;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 3;
    flex-shrink: 0;
    transition: background .15s ease, color .15s ease
}

.geo-quiz-widget__trigger-close:hover {
    background: #e8ecf2;
    color: #3d4a5c
}

.geo-quiz-widget__trigger-close-icon {
    display: block;
    width: 10px;
    height: 10px;
    position: relative
}

.geo-quiz-widget__trigger-close-icon::before,
.geo-quiz-widget__trigger-close-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 1.5px;
    background: currentColor;
    border-radius: 1px
}

.geo-quiz-widget__trigger-close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.geo-quiz-widget__trigger-close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.geo-quiz-widget__btn {
    height: 42px;
    min-width: 42px;
    border-radius: 24px;
    border: 1px solid #d6deea;
    background: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.geo-quiz-widget__btn>span {
    pointer-events: none;
    z-index: 3;
    position: relative
}

.geo-quiz-widget__btn--prev {
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    font-size: 0;
    overflow: visible
}

.geo-quiz-widget__btn--prev::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    background: url(//mediapanda.ru/wp-content/plugins/geo-quiz-widget/assets/eva_arrow.svg) no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%) scaleX(-1);
}

.geo-quiz-widget__btn[disabled],
.geo-quiz-widget__actions .popup__btn[disabled],
.geo-quiz-widget__actions .popup__btn.is-next-disabled {
    opacity: .45;
    cursor: not-allowed
}

@media (max-width:768px) {
    .geo-quiz-widget {
        right: 8px;
        bottom: 6px;
        width: calc(100vw - 16px);
        align-items: stretch
    }

    .geo-quiz-widget__panel {
        left: 0;
        right: 0;
        width: 100%;
        height: min(80vh, calc(100vh - 12px));
        max-height: calc(100vh - 12px)
    }
}

@media (min-width:769px) {
    .geo-quiz-widget {
        width: min(400px, calc(100vw - 32px))
    }

    .geo-quiz-widget__panel {
        width: 400px
    }
}