{"id":2030295,"name":"Variation 2","modifications":[{"id":6355238,"selector":"","type":"addCSS","value":"/* Defensive override against any external #msc-fb-root { display: none } rule (e.g. a still-active GTM QA tag). AB Tasty owns audience targeting; the root should always be visible when this variation runs. */\r\n#msc-fb-root { display: block !important; }\r\n\r\n#msc-fb-root,\r\n  #msc-fb-root * {\r\n    box-sizing: border-box;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  #msc-fb-tab {\r\n    position: fixed !important;\r\n    right: 0 !important;\r\n    bottom: 156px !important;\r\n    z-index: 2147483646 !important;\r\n    display: inline-block !important;\r\n    margin: 0 !important;\r\n    padding: 14px 7px !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    min-width: 28px !important;\r\n    min-height: 110px !important;\r\n    background: #011E41;\r\n    color: #FFFFFF;\r\n    border: none;\r\n    border-radius: 0 8px 8px 0;\r\n    cursor: pointer;\r\n    writing-mode: vertical-rl;\r\n    text-orientation: mixed;\r\n    transform: rotate(180deg) translateZ(0);\r\n    backface-visibility: hidden;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    line-height: normal;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    text-rendering: optimizeLegibility;\r\n    box-shadow: 2px -2px 10px rgba(0,0,0,0.22);\r\n    transition: background-color 0.2s;\r\n  }\r\n  #msc-fb-tab:hover { background: #0A2E58; }\r\n  #msc-fb-tab.msc-fb-hidden { display: none !important; }\r\n\r\n  #msc-fb-panel {\r\n    position: fixed !important;\r\n    right: 0 !important;\r\n    bottom: 156px !important;\r\n    width: 380px !important;\r\n    max-width: calc(100vw - 24px) !important;\r\n    /*max-height: calc(100vh - 168px) !important;*/\r\n    height: fit-content; /*MULTIPLICA SUGGESTION ADDED*/\r\n    opacity: 0;/*MULTIPLICA SUGGESTION ADDED*/\r\n    z-index: 2147483647 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    display: block !important;\r\n    background: #FFFFFF;\r\n    border: 1px solid #D6E3EF;\r\n    border-radius: 12px 0 0 12px;\r\n    box-shadow: -4px 4px 16px rgba(0, 30, 65, 0.18);\r\n    transform: translateX(100%);\r\n    pointer-events: none;\r\n    transition: transform 0.2s ease-out;\r\n    overflow-y: auto;\r\n    overscroll-behavior: contain;\r\n  }\r\n\r\n  #msc-fb-x {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 12px;\r\n    width: 28px;\r\n    height: 28px;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: 50%;\r\n    color: #8C99B3;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background-color 0.15s, color 0.15s;\r\n    z-index: 10;\r\n  }\r\n  #msc-fb-x:hover {\r\n    background: #F3F7FC;\r\n    color: #011E41;\r\n  }\r\n  #msc-fb-x:focus-visible {\r\n    outline: 2px solid #007FC5;\r\n    outline-offset: 2px;\r\n  }\r\n  #msc-fb-panel.msc-fb-open {\r\n    transform: translateX(0) translateY(-50%) !important;\r\n    pointer-events: auto;\r\n    opacity: 1;\r\n  }\r\n  \r\n  #msc-fb-panel.msc-fb-open:has(#msc-fb-thanks[hidden]) {\r\n    top: 50% !important;\r\n  }\r\n\r\n  #msc-fb-body {\r\n    padding: 22px 22px 18px 22px;\r\n  }\r\n\r\n  .msc-fb-logo {\r\n    display: block;\r\n    margin: 0 auto 32px auto;\r\n    max-width: 160px;\r\n    height: auto;\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  .msc-fb-prompt {\r\n    margin: 0 0 12px 0;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #011E41;\r\n    text-align: left;\r\n    line-height: 1.4;\r\n  }\r\n  .msc-fb-prompt.msc-fb-suggest {\r\n    margin-top: 28px;\r\n  }\r\n\r\n  #msc-fb-scale {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 4px;\r\n  }\r\n  .msc-fb-num {\r\n    flex: 1 1 0;\r\n    aspect-ratio: 1 / 1;\r\n    min-width: 0;\r\n    background: #FFFFFF;\r\n    border: 1px solid #C8D1DD;\r\n    border-radius: 50%;\r\n    color: #44546A;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    padding: 0;\r\n    transition: background-color 0.15s, border-color 0.15s, color 0.15s;\r\n  }\r\n  .msc-fb-num:hover {\r\n    border-color: #011E41;\r\n    color: #011E41;\r\n  }\r\n  .msc-fb-num.msc-fb-active {\r\n    background: #011E41;\r\n    border-color: #011E41;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  #msc-fb-scale-labels {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 6px;\r\n    font-size: 11px;\r\n    color: #8C99B3;\r\n  }\r\n\r\n  #msc-fb-text {\r\n    width: 100%;\r\n    min-height: 84px;\r\n    padding: 10px 12px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    color: #1C2B3A;\r\n    background: #FFFFFF;\r\n    border: 1px solid #D6E3EF;\r\n    border-radius: 6px;\r\n    resize: vertical;\r\n    outline: none;\r\n  }\r\n  #msc-fb-text::placeholder { color: #8C99B3; }\r\n  #msc-fb-text:focus { border-color: #011E41; }\r\n\r\n  #msc-fb-counter {\r\n    margin-top: 4px;\r\n    font-size: 11px;\r\n    color: #8C99B3;\r\n    text-align: right;\r\n  }\r\n  #msc-fb-counter.msc-fb-counter-warn {\r\n    color: #FD4F00;\r\n  }\r\n\r\n  #msc-fb-disclaimer {\r\n    margin: 12px 4px 0 4px;\r\n    font-size: 11px;\r\n    font-style: italic;\r\n    color: #8C99B3;\r\n    text-align: center;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #msc-fb-actions {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-top: 14px;\r\n    justify-content: center;\r\n  }\r\n\r\n  #msc-fb-close-btn {\r\n    flex: 1;\r\n    padding: 11px 14px;\r\n    background: #F3F7FC;\r\n    color: #44546A;\r\n    border: 1px solid #D6E3EF;\r\n    border-radius: 6px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n  }\r\n  #msc-fb-close-btn:hover { background: #E5EEF7; }\r\n\r\n  #msc-fb-submit {\r\n    flex: 1;\r\n    padding: 11px 14px;\r\n    background: #011E41;\r\n    color: #FFFFFF;\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n  }\r\n  #msc-fb-submit:hover:not(:disabled) { background: #0A2E58; }\r\n  #msc-fb-submit:disabled {\r\n    background: #B5BCC7;\r\n    color: #FFFFFF;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  #msc-fb-status {\r\n    margin-top: 12px;\r\n    padding: 10px 12px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    display: none;\r\n  }\r\n  #msc-fb-status.msc-fb-success {\r\n    display: block;\r\n    background: #D3F0E2;\r\n    color: #15895A;\r\n    border-left: 3px solid #15895A;\r\n  }\r\n  #msc-fb-status.msc-fb-error {\r\n    display: block;\r\n    background: #FDDEDE;\r\n    color: #C62828;\r\n    border-left: 3px solid #C62828;\r\n  }\r\n\r\n  #msc-fb-thanks {\r\n    padding: 36px 22px 28px 22px;\r\n    text-align: center;\r\n  }\r\n  #msc-fb-thanks-heading {\r\n    margin: 0 0 22px 0;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #011E41;\r\n    line-height: 1.3;\r\n  }\r\n  #msc-fb-thanks-close {\r\n    min-width: 140px;\r\n    padding: 11px 20px;\r\n    background: #FFFFFF;\r\n    color: #011E41;\r\n    border: 1.5px solid #011E41;\r\n    border-radius: 6px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s, color 0.2s;\r\n  }\r\n  #msc-fb-thanks-close:hover {\r\n    background: #011E41;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .msc-fb-required-mark {\r\n    color: #C62828;\r\n    font-weight: 700;\r\n  }\r\n  .msc-fb-required-note {\r\n    margin: 14px 0 0 0;\r\n    font-size: 12px;\r\n    color: #44546A;\r\n    text-align: left;\r\n    line-height: 1.5;\r\n  }\r\n  \r\n  \r\n  @media (max-height: 584.94px) {\r\n     #msc-fb-panel.msc-fb-open:has(#msc-fb-thanks[hidden]) {\r\n      top: 0 !important;\r\n      transform: translateX(0) translateY(0) !important;\r\n    }\r\n    \r\n    #msc-fb-body {\r\n      overflow-y: scroll;\r\n      height: 100dvh;\r\n    }\r\n    \r\n     #msc-fb-panel.msc-fb-open:has(#msc-fb-thanks) {\r\n      top: 0 !important;\r\n      transform: translateX(0) translateY(0) !important;\r\n    }\r\n    \r\n  }\r\n  \r\n  @media (min-width: 481px) {\r\n    .msc-fb-link-m{\r\n      display: none !important;\r\n    }\r\n    \r\n    .msc-fb-link-d{\r\n      display: visible !important;\r\n    }\r\n  }\r\n  \r\n\r\n\r\n  @media (max-width: 480px) {\r\n    .msc-fb-link-d{\r\n      display: none !important;\r\n    }\r\n    .msc-fb-link-m{\r\n      display: visible !important;\r\n    }\r\n  \r\n    #msc-fb-panel {\r\n      bottom: 12px;\r\n      width: 320px !important;\r\n      max-width: calc(100vw - 48px);\r\n      max-height: calc(100vh - 24px);\r\n    }\r\n    #msc-fb-panel:has(#msc-fb-thanks[hidden]) {\r\n      bottom: 12px;\r\n      width: 320px !important;\r\n      max-width: calc(100vw - 48px);\r\n      max-height: calc(100vh - 24px);\r\n      top: 50% !important;\r\n      transform: translateX(0) translateY(-50%) !important;\r\n    }\r\n    \r\n    #msc-fb-panel:not(:has(#msc-fb-thanks[hidden])) {\r\n      bottom: 12px !important;\r\n      width: 320px !important;\r\n      max-width: calc(100vw - 48px);\r\n      max-height: calc(100vh - 24px);\r\n      transform: translateX(0) translateY(-50%) !important;\r\n    }\r\n    \r\n  }"},{"id":6355239,"selector":"","type":"customScriptNew"}],"_tagInfo":"2026/05/19 20:51:55 UTC"}