section.aigm-emma-response-page {
    /* Default EMMA Variables */

    --emma-page-bg: #ccc;
    --emma-page-padding: 64px;

    --emma-box-line: red;
    --emma-box-bg: #fff;
    --emma-box-radius: 24px;

    --emma-fontsize-titles: 26px;
    --emma-fontsize-text: 18px;

    --emma-text-color: #ccc;
    --emma-title-color: blue;
    --emma-link-color: orange;
    --emma-link-color-hover: red;

    --emma-button-bg: red;
    --emma-button-bg-hover: blue;
    --emma-button-text: #fff;

    --emma-update-winners-listing-shop-cta-background: pink;
    --emma-update-winners-listing-shop-cta-text: blue;

    color: var(--emma-text-color);
    background: var(--emma-page-bg);
    font-size: var(--emma-fontsize-text);
    line-height: 1.54;
    color-scheme: light;
}

section.aigm-emma-response-page:not([data-header-fix]) { padding: var(--emma-page-padding) 0; }
section.aigm-emma-response-page:not([data-header-fix]) .container > article { max-width: min(960px, calc(100% - 32px)); }

section.aigm-emma-response-page[data-header-fix] { --padding: var(--emma-page-padding); }
section.aigm-emma-response-page[data-header-fix] .container > article { max-width: min(960px, 100%); }

section.aigm-emma-response-page .container > article {
    background: var(--emma-box-bg);
    padding: 32px;
    max-width: 960px;
    border-radius: var(--emma-box-radius);
    margin: 0 auto;
    box-shadow: 0 0 64px rgb(0 0 0/14%), 0 0 0px 1px rgb(0 0 0 / 17%);
    text-align: center;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top: 16px solid var(--emma-box-line);
}

section.aigm-emma-response-page *,
section.aigm-emma-response-page ::before,
section.aigm-emma-response-page ::after {
    box-sizing: border-box;
}

section.aigm-emma-response-page * {
    position: relative;
    font-size: var(--emma-fontsize-text);
    margin: 0;
    outline: 0;
}

section.aigm-emma-response-page .btn.btn-primary {
    display: block;
    text-decoration: none;
    color: var(--emma-button-text);
    font-weight: 600;
    background: var(--emma-button-bg);
    max-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    border-radius: 8px;
    margin: 0 auto;
    padding: 16px 32px;
    line-height: 1.42;
    text-transform: uppercase;
    border: 1px solid rgb(0 0 0 / 10%);
    box-shadow: 0 0 32px rgb(0 0 0 / 16%);
}

section.aigm-emma-response-page .btn.btn-primary:hover,
section.aigm-emma-response-page .btn.btn-primary:active {
    /*background: color-mix(in srgb, var(--emma-button-bg), #000 7.5%);*/
    background: var(--emma-button-bg-hover);
}

section.aigm-emma-response-page .btn.btn-primary.is-ajax-submitting {
    pointer-events: none !important;
    user-select: none !important;
    opacity: .75 !important;
    color: rgba(0, 0, 0, 0) !important;
}

section.aigm-emma-response-page .btn.btn-primary.is-ajax-submitting svg {
    fill: var(--emma-button-text);
    margin: 0;
    transform: translate(-50%, -50%) scale(1.2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
}

.EMMAoptionalinfoexpandbutton.is-ajax-submitting svg {
    fill: #878787 !important;
}

section.aigm-emma-response-page h1,
section.aigm-emma-response-page h2,
section.aigm-emma-response-page h3,
section.aigm-emma-response-page h4,
section.aigm-emma-response-page h5,
section.aigm-emma-response-page h6 {
    font-size: var(--emma-fontsize-titles);
    color: var(--emma-title-color);
    display: block;
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.42;
}

section.aigm-emma-response-page h1.EMMAnoline,
section.aigm-emma-response-page h2.EMMAnoline,
section.aigm-emma-response-page h3.EMMAnoline,
section.aigm-emma-response-page h4.EMMAnoline,
section.aigm-emma-response-page h5.EMMAnoline,
section.aigm-emma-response-page h6.EMMAnoline {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

section.aigm-emma-response-page span.EMMAtitlehighlight {
    font-weight: inherit;
    font-size: inherit;
    display: inline;
    line-height: inherit;
    color: var(--emma-link-color);
    font-family: inherit;
}

section.aigm-emma-response-page .infos {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

section.aigm-emma-response-page .infos p.info {
    width: 100%;
}

section.aigm-emma-response-page p.info {
    
}

section.aigm-emma-response-page p.info strong.warning,
section.aigm-emma-response-page p.EMMAnote {
    display: block;
    color: #fea82b;
    background: rgb(254 168 43 / 25%);
    margin-top: 16px;
    border-radius: 8px;
    padding: 8px 24px;
    font-weight: 600;
}

section.aigm-emma-response-page p.EMMAnote {
    color: #aeaeae;
    background: rgb(198 198 198/12%);
    margin: 0;
}

section.aigm-emma-response-page p.EMMAnote.is-success {
    color: #09b966;
    background: linear-gradient(45deg, #97ffa9, #d3ffdf);
}

section.aigm-emma-response-page p.EMMAnote.is-error {
    color: #ff1b1b;
    background: linear-gradient(45deg, #ffabab, #ffa5a5);
}

section.aigm-emma-response-page p.EMMAnote.is-warning {
    color: #f99207;
    background: linear-gradient(45deg, #ffcfa0, #ffe7bf);
}

section.aigm-emma-response-page p.EMMAnote.is-info {
    color: #1b82bc;
    background: linear-gradient(45deg, #b2d3ff, #d6edff);
}

section.aigm-emma-response-page .emma-error-block {
    display: block;
}

section.aigm-emma-response-page .emma-error-block.is-hidden {
    display: none;
}

section.aigm-emma-response-page p.EMMAnote.small {
    font-weight: normal;
    font-size: 85%;
    padding: 16px 24px;
    line-height: 1.48;
}

section.aigm-emma-response-page p.info span.EMMAunderline {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
}

section.aigm-emma-response-page a:not(.btn) {
    color: var(--emma-link-color);
    text-decoration: underline;
    cursor: pointer;
    text-underline-position: under;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    font-size: inherit;
    font-weight: 600;
}

section.aigm-emma-response-page a:not(.btn):hover,
section.aigm-emma-response-page a:not(.btn):active {
    color: var(--emma-link-color-hover);
}

section.aigm-emma-response-page .EMMAbreaksmall {
    display: block;
    height: 16px;
    width: 100%;
}

section.aigm-emma-response-page .EMMAbreak {
    display: block;
    height: 32px;
    width: 100%;
}

section.aigm-emma-response-page .EMMAicon {
    margin-bottom: 16px;
    width: auto;
    height: auto;
    background: none;
    display: block;
    border-radius: 0;
}

section.aigm-emma-response-page .EMMAicon.green { --fill: #4eca86; }
section.aigm-emma-response-page .EMMAicon.orange { --fill: #fbb940; }
section.aigm-emma-response-page .EMMAicon.red { --fill: #ff4040; }
section.aigm-emma-response-page .EMMAicon.blue { --fill: #4b92ce; }

section.aigm-emma-response-page .EMMAicon svg {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    fill: var(--fill);
}

section.aigm-emma-response-page .EMMAbuttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

section.aigm-emma-response-page .EMMAbuttons-left { justify-content: start; }
section.aigm-emma-response-page .EMMAbuttons-right { justify-content: end; }
section.aigm-emma-response-page .EMMAbuttons-medium-gap { gap: 24px; }
section.aigm-emma-response-page .EMMAbuttons-small-gap { gap: 16px; }

section.aigm-emma-response-page .EMMAbuttons span.or {
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    padding: 8px;
    color: #aeaeae;
    background: rgb(198 198 198/25%);
    border-radius: 8px;
}

section.aigm-emma-response-page .EMMAbuttons .btn {
    margin: 0;
}

section.aigm-emma-response-page input[type="checkbox"],
section.aigm-emma-response-page input[type="radio"] {
    appearance: none;
    width: 24px;
    height: 24px;
    display: flex;
    background: rgb(198 198 198/25%);
    border: 1px solid rgb(0 0 0 / 10%);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px;
}

section.aigm-emma-response-page .EMMAradiobox {
    background: rgb(198 198 198/25%);
    padding: 32px;
    max-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    width: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

section.aigm-emma-response-page .EMMAradiobox .EMMAradio {
    justify-content: start;
}

section.aigm-emma-response-page .EMMAradio {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    text-align: left;
}

section.aigm-emma-response-page .EMMAradio label {
    cursor: pointer;
}

section.aigm-emma-response-page input[type="radio"] {
    border-radius: 50%;
}

section.aigm-emma-response-page input[type="checkbox"]:checked,
section.aigm-emma-response-page input[type="radio"]:checked {
    background: #4eca86;
}

section.aigm-emma-response-page input[type="checkbox"]:checked::after,
section.aigm-emma-response-page input[type="radio"]:checked::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

section.aigm-emma-response-page #emma-reponse-positive img.nomination-team-pic {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 0 32px rgb(0 0 0 / 36%);
    border: 1px solid rgb(0 0 0 / 50%);
}

section.aigm-emma-response-page .small-contact-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
}

section.aigm-emma-response-page .small-contact-icons a {
    display: flex;
    text-decoration: none;
    background: var(--emma-button-bg);
    width: 82px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / 10%);
    box-shadow: 0 0 32px rgb(0 0 0 / 16%);
}

section.aigm-emma-response-page .small-contact-icons a:hover,
section.aigm-emma-response-page .small-contact-icons a:active {
    background: var(--emma-button-bg-hover);
}

section.aigm-emma-response-page .small-contact-icons a svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: var(--emma-button-text);
}

section.aigm-emma-response-page .EMMAlogobanner {
    margin: -32px -32px 32px -32px;
    padding: 24px 32px;
    background: linear-gradient(0deg, rgb(198 198 198 / 21%), rgb(198 198 198 / 10%));
    width: calc(100% + 64px);
}

section.aigm-emma-response-page .EMMAlogobanner img {
    height: 64px;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

section.aigm-emma-response-page table.EMMAinputtable {
    width: 100%;
    table-layout: auto;
    margin: 0 auto;
    display: table;
    background: rgb(198 198 198/12%);
    border-spacing: 16px;
    border-radius: 16px;
    border-collapse: separate;
}

section.aigm-emma-response-page table.EMMAinputtable tr {
    
}

section.aigm-emma-response-page table.EMMAinputtable td {
    text-align: left;
}

section.aigm-emma-response-page table.EMMAinputtable tr td:first-of-type {
    width: 35%;
    background: rgb(236 236 236 / 65%);
    padding: 8px 16px;
    line-height: 1;
    border-radius: 4px;
    font-weight: 600;
}

section.aigm-emma-response-page table.EMMAinputtable tr td:first-of-type label {
    width: 100%;
    display: block;
    line-height: 1.34;
}

section.aigm-emma-response-page table.EMMAinputtable input, 
section.aigm-emma-response-page table.EMMAinputtable textarea,
section.aigm-emma-response-page table.EMMAinputtable select {
    display: block;
    background: #fff;
    width: 100%;
    max-width: none;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: inherit;
    appearance: none;
    line-height: inherit;
    text-align: left;
    height: auto !important;
    font-family: inherit;
    font-weight: 500;
}

section.aigm-emma-response-page table.EMMAinputtable textarea {
    resize: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

section.aigm-emma-response-page table.EMMAinputtable input::placeholder, 
section.aigm-emma-response-page table.EMMAinputtable textarea::placeholder {
    color: currentColor;
    opacity: 0.35;
}

section.aigm-emma-response-page table.EMMAinputtable [readonly] {
    cursor: not-allowed;
    opacity: 1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM4NTg1ODUiIGQ9Ik0yMjQgNjRjNDQuMiAwIDgwIDM1LjggODAgODB2NDhIMTQ0VjE0NGMwLTQ0LjIgMzUuOC04MCA4MC04MHpNODAgMTQ0djQ4SDY0Yy0zNS4zIDAtNjQgMjguNy02NCA2NFY0NDhjMCAzNS4zIDI4LjcgNjQgNjQgNjRIMzg0YzM1LjMgMCA2NC0yOC43IDY0LTY0VjI1NmMwLTM1LjMtMjguNy02NC02NC02NEgzNjhWMTQ0QzM2OCA2NC41IDMwMy41IDAgMjI0IDBTODAgNjQuNSA4MCAxNDR6TTI1NiAzMjB2NjRjMCAxNy43LTE0LjMgMzItMzIgMzJzLTMyLTE0LjMtMzItMzJWMzIwYzAtMTcuNyAxNC4zLTMyIDMyLTMyczMyIDE0LjMgMzIgMzJ6Ij48L3BhdGg+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    padding-right: calc(16px + 20px + 16px) !important;
}

section.aigm-emma-response-page table.EMMAinputtable textarea[readonly] {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM4NTg1ODUiIGQ9Ik0yMjQgNjRjNDQuMiAwIDgwIDM1LjggODAgODB2NDhIMTQ0VjE0NGMwLTQ0LjIgMzUuOC04MCA4MC04MHpNODAgMTQ0djQ4SDY0Yy0zNS4zIDAtNjQgMjguNy02NCA2NFY0NDhjMCAzNS4zIDI4LjcgNjQgNjQgNjRIMzg0YzM1LjMgMCA2NC0yOC43IDY0LTY0VjI1NmMwLTM1LjMtMjguNy02NC02NC02NEgzNjhWMTQ0QzM2OCA2NC41IDMwMy41IDAgMjI0IDBTODAgNjQuNSA4MCAxNDR6TTI1NiAzMjB2NjRjMCAxNy43LTE0LjMgMzItMzIgMzJzLTMyLTE0LjMtMzItMzJWMzIwYzAtMTcuNyAxNC4zLTMyIDMyLTMyczMyIDE0LjMgMzIgMzJ6Ij48L3BhdGg+Cjwvc3ZnPg=='), linear-gradient(to left, rgb(204 204 204 / 2%) 64px, #fff 64px);
    background-size: 20px 20px, auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) center, right;
    overflow-y: scroll;
    padding-right: calc(16px + 30px + 20px) !important;
}

section.aigm-emma-response-page table.EMMAinputtable input:focus,
section.aigm-emma-response-page table.EMMAinputtable textarea:focus,
section.aigm-emma-response-page table.EMMAinputtable select:focus,
.country-tel-prefix-dropdown[data-open] .country-tel-prefix-dropdown-selected {
    box-shadow: 0 0 0px 2px var(--emma-input-outline, var(--emma-button-bg));
}

section.aigm-emma-response-page table.EMMAinputtable select,
section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-selected {
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMwLjEgMTU4IDQ1MS45IDI2MCI+PHBhdGggZD0iTTI1NiA0MTcuOWwxNy0xN0w0NjUgMjA5bDE3LTE3TDQ0OCAxNTguMWwtMTcgMTctMTc1IDE3NUw4MSAxNzVsLTE3LTE3TDMwLjEgMTkybDE3IDE3TDIzOSA0MDFsMTcgMTd6IiBmaWxsPSIjNzY4MTlGIj48L3BhdGg+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: calc(100% - 16px) center;
    padding-right: calc(16px + 16px + 16px) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.aigm-emma-response-page table.EMMAinputtable .mobile-prefix-flex {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: start;
}

section.aigm-emma-response-page table.EMMAinputtable .mobile-prefix-flex select {
    width: 25%;
}

section.aigm-emma-response-page sup {
    font-size: 55%;
    vertical-align: top;
    line-height: 1;
    font-weight: 900;
    opacity: 1;
    color: var(--emma-link-color);
    top: unset;
    margin: 4px 0 0 8px;
    display: inline-block;
}

/* Country Tel Prefix Dropdown */

section.aigm-emma-response-page .country-tel-prefix-dropdown {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    max-width: 100%;
    flex-shrink: 0;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-selected {
    display: flex;
    background-color: #fff;
    width: 100%;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: inherit;
    line-height: inherit;
    text-align: left;
    align-items: center;
    gap: 12px;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-selected img {
    height: 28px;
    width: 28px;
    object-fit: contain;
    flex-shrink: 0;
    user-select: none;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-selected span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    cursor: default;
    user-select: none;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-items {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    width: 400px;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    z-index: 5;
    border: 1px solid #ccc;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    text-align: left;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown[data-open] .country-tel-prefix-dropdown-items {
    display: block;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-scroller {
    overflow-y: scroll;
    max-height: 360px;
    width: 100%;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    user-select: none;
    cursor: default;
    padding: 8px 16px;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-item:hover,
section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-item[data-selected] {
    background: #6e6e6e;
    color: #fff;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-item img {
    height: 28px;
    width: 28px;
    object-fit: contain;
    flex-shrink: 0;
}

section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-item span {
    display: block;
    flex: 1;
    line-height: 1.4;
}

/* Optional Expand Functionality */

.EMMAoptionalinfoexpandbutton {
    font-size: calc(var(--emma-fontsize-text) / 1.1) !important;
    padding: 12px 24px !important;
    background: #e7e7e7 !important;
    color: #878787 !important;
    box-shadow: none !important;
}

.EMMAoptionalinfoexpandbutton:hover,
.EMMAoptionalinfoexpandbutton:active {
    background: #a8a8a8 !important;
    color: #fff !important;
}

.EMMAoptionalinfoexpand {
    height: 0;
    opacity: 0;
    transition: opacity .2s ease, height .2s ease;
    pointer-events: none;
}

.EMMAoptionalinfoexpand.EMMAoptionalinfoexpanded {
    opacity: 1;
    height: auto;
    pointer-events: all;
}

/* Top Labels Design */

.EMMAinputstoplabelshalf {
    border-spacing: 20px !important;
    border-radius: 12px !important;
}

.EMMAinputstoplabelshalf tr td {
    width: 50% !important;
    padding: 0 !important;
    background: none !important;
    line-height: inherit !important;
}

.EMMAinputstoplabelshalf label {
    font-weight: 600;
    margin: -4px 0 8px 0;
    display: block !important;
    width: 100% !important;
    line-height: inherit !important;
}

.EMMAinputstoplabelshalf label i.EMMArequired,
i.EMMArequired-label-field-icon {
    color: red;
    margin-left: 8px;
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
}

.EMMAinputtableshalfeach {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 32px;
}

.EMMAinputtableshalfeach table {

}

.EMMAinputtableshalfeach table tr td {
    width: 100% !important;
}

tr.EMMAheading {

}

tr.EMMAheading td {
    font-size: calc(var(--emma-fontsize-titles) - 4px);
    color: var(--emma-link-color);
    border-bottom: 1px dashed #ccc;
    border-radius: 0;
    padding: 0 0 8px 0 !important;
    background: none !important;
    border-radius: 0 !important;
    line-height: inherit !important;
}

/* EMMA Tooltips (Labels) */

i.EMMAinfotooltip {

}

i.EMMAinfotooltip svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #a3a3a3;
    cursor: help;
}

i.EMMAinfotooltip::before,
i.EMMAinfotooltip::after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    user-select: none;
}

i.EMMAinfotooltip::before {
    content: attr(data-emma-tooltip);
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 12px;
    background-color: #323232;
    color: #fff;
    border-radius: 4px;
    max-width: 340px;
    width: max-content;
    display: block;
    white-space: pre-wrap;
    text-align: center;
    font-weight: normal;
    line-height: 1.28;
    font-size: 16px;
}

i.EMMAinfotooltip::after {
    content: '';
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #323232;
    display: block;
    width: 12px;
    height: 12px;
}

i.EMMAinfotooltip:hover::before,
i.EMMAinfotooltip:hover::after,
i.EMMAinfotooltip:active::before,
i.EMMAinfotooltip:active::after {
    opacity: 1;
}

/* Desktop & Mobile View Only */
.EMMAdesktoponly { display: block !important; }
.EMMAmobileonly { display: none !important; }

/* Social Share Banner */

.EMMAsocialsharewin {
    line-height: 1.2;
    display: flex;
    margin: 0 auto 16px auto !important;
    gap: 0;
    padding: 0;
    background: linear-gradient(45deg, #97ffa9, #d3ffdf);
    border-radius: 8px;
    width: 560px;
    max-width: 100%;
    font-weight: 600;
    color: #09b966;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.EMMAsocialsharewin > span {
    display: block;
    padding: 0 24px;
    flex: 1;
    text-align: left;
}

.EMMAsocialsharewin > div {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    flex-shrink: 0;
}

.EMMAsocialsharewin > div button {
    background: none;
    padding: 12px;
    background: linear-gradient(-45deg, rgb(188 188 188 / 38%), #90ffa3);
    cursor: pointer;
    border-radius: 8px;
    border: 0;
}

.EMMAsocialsharewin > div button svg {
    display: block;
    width: 24px;
    height: 24px;
    background: none;
}

.EMMAsocialsharewin > div button:hover {
    background: linear-gradient(-45deg, rgb(9 159 79 / 38%), #96ffab);
}

/* Positive Mobile Header & Sticky Accept Button */

.EMMApositivemobileheader {
    
}

.EMMApositivemobilestickybutton {
    position: fixed !important;
    z-index: 500;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #cdcdcd;
    box-shadow: 0 0 16px rgb(0 0 0 / 22%);
}

.EMMApositivemobilestickybutton .btn {

}

/* Update Winners Listing Pages */

section.aigm-emma-response-page p.EMMAnote.is-enhanced-winner-page-shop-cta {
    background: var(--emma-update-winners-listing-shop-cta-background);
    color: var(--emma-update-winners-listing-shop-cta-text);
}

section.aigm-emma-response-page p.EMMAnote.is-enhanced-winner-page-shop-cta a {
    color: inherit;
}

.updatewinnerslisting-image-preview {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    justify-content: start;
}

.updatewinnerslisting-image-preview img {
    display: block;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: block;
    background-color: #fff;
}

.updatewinnerslisting-image-preview input {
    flex: 1;
}

.updatewinnerslisting-image-preview input::-webkit-file-upload-button {
    line-height: 1;
    font-family: inherit;
    font-size: 100%;
}

.updatewinnerslisting-image-preview[data-id="yt65TRFcfatrd3"] img {
    width: 76px;
}

.updatewinnerslisting-image-preview[data-id="web65tRFAV998GTRAF"] img {
    padding: 8px;
}

.updatewinnerslisting-preview-button {
    margin: 0 !important;
}

.updatewinnerslisting-multi-text-boxes {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.updatewinnerslisting-multi-text-boxes-line {
    display: flex;
    align-items: stretch;
    justify-content: start;
    width: 100%;
    gap: 16px;
}

.updatewinnerslisting-multi-text-boxes-line svg {
    width: 45px;
    height: auto;
    padding: 10px;
    fill: var(--emma-text-color);
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    flex-shrink: 0;
}

.updatewinnerslisting-multi-text-boxes-line input {
    flex: 1;
}

/* Mobile */

@media only screen and (max-width: 850px) {
    html section.aigm-emma-response-page {
        --emma-box-radius: 16px;
        --emma-page-padding: var(--emma-page-padding-mobile, 32px);

        /*--emma-fontsize-titles: 24px;
        --emma-fontsize-text: 18px;*/
        --emma-fontsize-titles: 22px;
        --emma-fontsize-text: 16.84px;

        line-height: 1.42;
    }
    section.aigm-emma-response-page .container > article {
        padding: 24px;
    }
    section.aigm-emma-response-page .EMMAlogobanner img {
        height: 48px;
    }
    section.aigm-emma-response-page .btn.btn-primary {
        width: 100%;
        max-width: none;
    }
    section.aigm-emma-response-page .EMMAbuttons {
        flex-direction: column;
        gap: 16px;
    }
    section.aigm-emma-response-page .small-contact-icons {
        flex-direction: column;
        gap: 16px;
    }
    section.aigm-emma-response-page .small-contact-icons a {
        width: 100%;
    }
    section.aigm-emma-response-page table.EMMAinputtable {
        border-spacing: 0;
        border-radius: 0;
        background: none;
    }
    section.aigm-emma-response-page table.EMMAinputtable tr {
        display: flex;
        flex-direction: column;
    }
    section.aigm-emma-response-page table.EMMAinputtable td {
        display: block;
        width: 100% !important;
        text-align: left;
        background: none !important;
        padding: 0 !important;
    }
    section.aigm-emma-response-page table.EMMAinputtable tr td:first-of-type {
        margin-bottom: 12px;
    }
    section.aigm-emma-response-page table.EMMAinputtable tr.EMMAheading td {
        padding: 0 0 8px 0 !important;
        text-align: center;
    }
    section.aigm-emma-response-page table.EMMAinputtable tbody {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }
    section.aigm-emma-response-page table.EMMAinputtable .mobile-prefix-flex {
        flex-direction: column;
    }
    section.aigm-emma-response-page table.EMMAinputtable .mobile-prefix-flex select {
        width: 100%;
    }
    section.aigm-emma-response-page .EMMAradio {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    section.aigm-emma-response-page .EMMAradiobox {
        max-width: none;
        border-radius: 0;
        background: none;
        padding: 0;
    }
    section.aigm-emma-response-page .country-tel-prefix-dropdown {
        width: 100%;
    }
    section.aigm-emma-response-page .country-tel-prefix-dropdown .country-tel-prefix-dropdown-items {
        width: 100%;
    }
    .EMMAinputstoplabelshalf {
        border-spacing: 0 !important;
        border-radius: 0 !important;
    }
    .EMMAinputstoplabelshalf tr {
        gap: 16px;
    }
    .EMMAinputstoplabelshalf tr td {
        margin: 0 !important;
    }
    .EMMAinputtableshalfeach {
        flex-direction: column;
        gap: 16px;
    }
    tr.EMMAheading td {
        margin: 0 0 8px 0 !important;
        padding: 0 0 8px 0 !important;
        text-align: center;
    }
    section.aigm-emma-response-page .infos {
        text-align: center;
    }

    /* Desktop & Mobile View Only */
    .EMMAdesktoponly { display: none !important; }
    .EMMAmobileonly { display: block !important; }
}

@media only screen and (max-width: 480px) {
    .EMMAsocialsharewin {
        flex-direction: column;
        padding: 16px;
    }
    .EMMAsocialsharewin > span {
        text-align: center;
        padding: 0 0 12px 0;
        width: 100%;
    }
    .EMMAsocialsharewin > div {
        padding: 0;
        width: 100%;
        justify-content: center;
    }
}