.sv-sub-ui {
display: flex;
flex-direction: column;
gap: 16px;
padding: 28px 26px 24px;
background: #232325;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 16px;
box-sizing: border-box;
font-family: 'Nunito', 'Nunito Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #fff;
} .sv-sub {
position: fixed;
right: 28px;
bottom: 28px;
z-index: 99999;
width: 420px;
max-width: calc(100vw - 24px);
max-height: calc(100vh - 56px);
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
.sv-sub[hidden] { display: none; }
.sv-sub.is-in { animation: sv-sub-in .35s cubic-bezier(.2, .8, .2, 1); }
@keyframes sv-sub-in {
from { opacity: 0; transform: translateX(40px); }
to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.sv-sub.is-in { animation: none; }
}
.sv-sub .sv-sub__x {
position: absolute;
top: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 0 !important;
border-radius: 999px;
background: transparent;
color: #a9acb3;
cursor: pointer;
}
.sv-sub .sv-sub__x:hover { background: rgba(255, 255, 255, .06); color: #fff; } .sv-sub-card { margin: 0 0 24px; } .sv-sub-card--plain { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; } .sv-sub-card { container-type: inline-size; width: 100%; } .site-footer .sv-sub-card--plain { gap: 22px; } .sv-sub-ui .sv-sub__title {
margin: 0;
padding: 0 32px 0 0;
font-family: inherit;
font-size: 24px;
font-weight: 400;
line-height: 1.15;
letter-spacing: .01em;
text-transform: none;
color: #fff;
}
.sv-sub-card .sv-sub__title { padding-right: 0; }
.sv-sub-ui .sv-sub__form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.sv-sub-ui .sv-sub__form[hidden], .sv-sub-ui .sv-sub__done[hidden] { display: none; }
.sv-sub__sr {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} .sv-sub-ui .sv-sub__input {
width: 100%;
height: 46px !important;
margin: 0;
padding: 0 18px !important;
border: 1px solid rgba(255, 255, 255, .14) !important;
border-radius: 999px;
background: #1b1b1d;
color: #fff;
font: inherit;
font-size: 15px;
box-shadow: none;
box-sizing: border-box;
}
.sv-sub-ui .sv-sub__input:focus { border: 1px solid #0057ff !important; background: #1b1b1d; color: #fff; outline: none; }
.sv-sub-ui .sv-sub__input::placeholder { color: #7d8088; opacity: 1; }
.sv-sub-ui .sv-sub__industries { min-width: 0; margin: 0; padding: 0; border: 0; }
.sv-sub-ui .sv-sub__legend { margin: 0 0 8px; padding: 0; font-size: 12px; line-height: 1.4; color: #a9acb3; }
.sv-sub-ui .sv-sub__legend strong { font-weight: 700; color: #fff; }
.sv-sub__chips { display: flex; flex-wrap: wrap; gap: 6px; } .sv-sub-ui .sv-sub__chip {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
height: 34px;
margin: 0;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 999px;
background: transparent;
color: #b9bcc3;
font-size: 12px;
font-weight: 400;
line-height: 1;
cursor: pointer;
user-select: none;
transition: border-color .15s, background-color .15s, color .15s;
}
.sv-sub-ui .sv-sub__chip:hover { border-color: rgba(255, 255, 255, .4); color: #fff; }
.sv-sub-ui .sv-sub__chip input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
.sv-sub__mark {
flex-shrink: 0;
width: 10px;
height: 10px;
border: 1px solid rgba(255, 255, 255, .45);
border-radius: 3px;
box-sizing: border-box;
}
.sv-sub-ui .sv-sub__chip:has(input:checked) { border-color: #0057ff; background: rgba(0, 87, 255, .18); color: #fff; }
.sv-sub__chip:has(input:checked) .sv-sub__mark { border-color: #0057ff; background: #0057ff; }
.sv-sub__chip:has(input:focus-visible) { outline: 2px solid #8fb0ff; outline-offset: 2px; }
.sv-sub-ui .sv-sub__status { margin: 0; font-size: 13px; font-weight: 700; color: #a9acb3; }
.sv-sub-ui .sv-sub__status:empty { display: none; }
.sv-sub-ui .sv-sub__status.is-error { color: #ff8a80; }
.sv-sub-ui .sv-sub__btn {
width: 100%;
height: 46px;
margin: 0;
padding: 0 24px;
border: 0 !important;
border-radius: 999px;
background: #0057ff;
color: #fff;
font: inherit;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.sv-sub-ui .sv-sub__btn:hover, .sv-sub-ui .sv-sub__btn:focus { background: #0047d1; color: #fff; }
.sv-sub-ui .sv-sub__btn:disabled { opacity: .6; cursor: wait; }
.sv-sub-ui .sv-sub__legal { margin: 0; font-size: 13px; line-height: 1.5; color: #a9acb3; }
.sv-sub-ui .sv-sub__legal a { color: #fff; text-decoration: underline; }
.sv-sub-ui .sv-sub__legal a:hover { color: #8fb0ff; }
.sv-sub-ui .sv-sub__done { display: flex; flex-direction: column; gap: 6px; text-align: center; }
.sv-sub__done:focus { outline: none; }
.sv-sub-ui .sv-sub__ok { margin: 0; font-size: 16px; font-weight: 700; color: #7ee2a8; }
.sv-sub-ui .sv-sub__summary { margin: 0; font-size: 13px; line-height: 1.5; color: #a9acb3; } .sv-sub-ui .sv-sub__links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 14px; line-height: 1.4; }
.sv-sub-ui .sv-sub__links a, .sv-sub-ui .sv-sub__links a:visited { color: #a9acb3; text-decoration: none; }
.sv-sub-ui .sv-sub__links a:hover { color: #fff; text-decoration: underline; } .sv-sub-ui :is(button, a):focus-visible { outline: 2px solid #8fb0ff !important; outline-offset: 2px; }
.sv-sub-ui .sv-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 600px) {
.sv-sub { right: 12px; bottom: 12px; left: 12px; width: auto; max-width: none; max-height: calc(100vh - 24px); padding: 24px 18px 18px; }
.sv-sub.is-in { animation-name: sv-sub-up; }
.sv-sub-ui .sv-sub__title { font-size: 22px; }
}
@keyframes sv-sub-up {
from { opacity: 0; transform: translateY(40px); }
to { opacity: 1; transform: none; }
} @container (max-width: 340px) {
.sv-sub-ui .sv-sub__title { font-size: 21px; }
.sv-sub__chips { gap: 5px; }
.sv-sub-ui .sv-sub__chip { gap: 5px; height: 32px; padding: 0 9px; font-size: 12px; }
} @container (min-width: 520px) {
.sv-sub-ui .sv-sub__form { gap: 20px; }
.sv-sub-ui .sv-sub__input { height: 52px !important; padding: 0 22px !important; font-size: 16px; }
.sv-sub-ui .sv-sub__legend { margin-bottom: 12px; font-size: 14px; }
.sv-sub__chips { gap: 10px; }
.sv-sub-ui .sv-sub__chip { gap: 8px; height: 40px; padding: 0 16px; font-size: 14px; }
.sv-sub__mark { width: 12px; height: 12px; }
.sv-sub-ui .sv-sub__btn { width: auto; min-width: 257px; height: 50px; align-self: flex-start; }
.sv-sub-ui .sv-sub__legal { font-size: 14px; }
}