:root {
--rgb-cfpp-titles-color: #f8cd41;
--rgb-cfpp-text-color: black;
--rgb-cfpp-title-font-size: clamp(18px, 1.909vw, 21px);
--rgb-cfpp-text-font-size: clamp(14px, 1.545vw, 17px);
--rgb-cfpp-link-color: #004dff;
--rgb-cfpp-agree-text-color: #000;
}
.rgb-cfpp-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
backdrop-filter: blur(50px) brightness(119%);
cursor: auto;
}
.rgb-cfpp-container.hide {
display: none;
}
.rgb-cfpp {
margin: 75px auto 0 auto;
width: 960px;
max-width: 88%;
height: 650px;
max-height: 70vh;
padding: clamp(35px, 3.483vw, 66px) clamp(35px, 4.427vw, 85px) clamp(35px, 4.427vw, 85px) clamp(35px, 4.427vw, 85px);
background-color: white;
border-radius: 17px;
box-shadow: 0px 3px 6px #0000006E; overflow: hidden;
}
.rgb-cfpp-content {
overflow-y: scroll;
height: 100%;
} .rgb-cfpp p {
margin: 0;
line-height: 1.2;
}
.rgb-cfpp-title {
font-weight: 700;
font-size: var(--rgb-cfpp-title-font-size);
color: var(--rgb-cfpp-titles-color);
}
.rgb-cfpp-subtitle {
font-size: var(--rgb-cfpp-text-font-size);
color: var(--rgb-cfpp-titles-color);
}
.rgb-cfpp-text {
font-weight: 500;
font-size: var(--rgb-cfpp-text-font-size);
color: var(--rgb-cfpp-text-color); margin-bottom: var(--rgb-cfpp-text-font-size) !important;
}
.rgb-cfpp-bold {
font-weight: 700;
}
.rgb-cfpp-mail:hover,
.rgb-cfpp-mail {
color: var(--rgb-cfpp-link-color);
}
.rgb-cfpp-accept {
margin-top: var(--rgb-cfpp-text-font-size);
line-height: 1.3;
}
.rgb-cfpp-accept svg,
.rgb-cfpp-accept label {
cursor: pointer;
}
.rgb-cfpp-accept svg {
width: var(--rgb-cfpp-text-font-size);
margin-right: 5px;
margin-bottom: -2px;
}
.rgb-cfpp-accept label {
font-size: var(--rgb-cfpp-text-font-size);
color: var(--rgb-cfpp-agree-text-color);
text-decoration: underline;
line-height: 1.3;
font-weight: 500;
}
.rgb-cfpp-accept:hover svg #rgb-cfpp-check-color {
fill: var(--rgb-cfpp-agree-text-color);
stroke: var(--rgb-cfpp-agree-text-color);
}
@media screen and (max-width: 1400px) {
.rgb-cfpp {
margin: 20px auto 0 auto;
}
}
.rgb-cfpp-text-content p {
margin: 0;
line-height: 1.2;
}
.rgb-cfpp-table {
overflow-x: scroll;
margin-bottom: 30px;
-ms-overflow-style: none; scrollbar-width: none; }
.rgb-cfpp-table::-webkit-scrollbar{
display: none;
}
.rgb-cfpp-table table {
min-width: 1024px;
}
.rgb-cfpp-table table thead td{
font-weight: 600;
font-size: var(--rgb-cfpp-text-font-size);
color: var(--rgb-cfpp-text-color);
}
.rgb-cfpp-table table tbody td{
font-size: var(--rgb-cfpp-text-font-size);
color: var(--rgb-cfpp-text-color);
text-align: left;
}