#root .opap-survey-2025 .popup{
    max-height:400px;
    height:100%;
    padding:30px;
}
#root .opap-survey-2025.survey-open .popup {
    max-height:80vh
}
#root .opap-survey-2025 .popup-text {
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:20px 25px;;
    border:1px solid var(--o-red-a);
    border-radius:10px;
    overflow:hidden;
    position:relative;
    background-image: radial-gradient(circle at 2px 2px, var(--c-o1i) 2px, transparent 0);
  background-size: 6px 6px;
}
#root .opap-survey-2025 .popup-text::before {
    width:100px;
    height:100px;
    position:absolute;
    background-color:var(--o-blue-b);
    content:"";
    display:block;
    border-radius:50%;
    top:10px;
    right:10px;
    z-index:0
}
#root .opap-survey-2025 .popup-text > * {
    position:relative;
    z-index:1;
}
#root .opap-survey-2025 .popup-text::before {
    width:80px;
    height:80px;
    position:absolute;
    background-color:var(--o-blue-b);
    content:"";
    display:block;
    border-radius:50%;
    top:10px;
    right:10px;
     box-shadow:var(--x-surface);
    z-index:0
}
#root .opap-survey-2025 .popup-text::after {
    width:200px;
    height:200px;
    position:absolute;
    background-color:var(--o-red-a);
    content:"";
    display:block;
    border-radius:50%;
    bottom:0px;
    right:0px;
    transform:translate(20%,50%);
    box-shadow:var(--x-surface)
}
#root .opap-survey-2025 .popup-text h2 {
    font-size:1.8em;;
    font-weight:bold;
    margin:10px 0px;
    padding:0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    color:var(--c-f-e)
}
#root .opap-survey-2025 .popup-text h2 span {
    margin-right:5px;
    margin-bottom:5px;
}
#root .opap-survey-2025 .popup-text h2 span:last-child {
    width:100%;
    text-decoration:underline;
}
#root .opap-survey-2025 .popup-text a {
    padding:12px 20px;
    border-radius:18px;
    margin-top:20px;
    max-width:120px;
    width:100%;
    text-align:center;
    background-color:var(--o-green-b);
    color:var(--c-s-white-e);
    justify-content:center;
    font-size:1.2em;
    box-shadow:var(--x-surface)
}
#root .opap-survey-2025 .popup-text p {
    padding:0;
    font-size:1.2em;
    line-height:1.2em;
    
}
#root .opap-survey-2025 .popup-text p span.free-bet-text-survey {
    text-transform:uppercase;
    font-weight:bold;
    color:var(--o-yellow)
}
#root .opap-survey-2025 .popup-text svg {
    width:50px;
    height:50px;
    animation: MoveUpDown 1s linear infinite;
}
#root .opap-survey-2025 .popup-text svg path {
    fill:var(--c-f-e);
}
#root .opap-survey-2025 .popup-text .survey-image {
    text-align:center;
    width:100%;
    margin-bottom:10px;
}
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.survey-loader {
    width:100%;
    
}
.survey-loader > div {
    position:relative;
    width:100%;
    height:100%;
    min-height:calc(100vh - var(--c-header-top))
}
.survey-loader iframe {
    position:absolute;
    width:100%;
    height:100%;
}
.back-to-home.link {
    width:100%;
    text-align:center;
    margin:20px 0px;
}
.back-to-home.link div {
    padding:15px 20px;
    background-color:var(--o-green-b);
    max-width:200px;
    margin:0 auto;
    border-radius:var(--r-x2);
    color:var(--c-s-white)
}