.sw-site-footer {
margin: 0;
padding-bottom: max(12px, env(safe-area-inset-bottom));
color: rgba(255, 255, 255, 0.7);
background: #11181c;
}
.sw-footer-top {
display: grid;
grid-template-columns: 1.4fr repeat(3, 0.82fr) 1.2fr;
gap: 50px;
padding: 90px 0 70px;
}
.sw-footer-brand img {
width: 166px;
height: 74px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.sw-footer-brand > p {
max-width: 260px;
margin: 20px 0 25px;
font-size: 15px;
line-height: 1.75;
}
.sw-socials {
display: flex;
gap: 8px;
}
.sw-socials a {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border-radius: 50%;
color: #fff;
background: #243036;
font-size: 11px;
font-weight: 900;
text-decoration: none;
}
.sw-footer-column,
.sw-footer-contact {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.sw-footer-top h3 {
margin: 0 0 10px;
color: #fff;
font-size: 16px;
}
.sw-footer-column a,
.sw-footer-contact a,
.sw-footer-bottom a {
color: rgba(255, 255, 255, 0.64);
font-size: 14px;
line-height: 1.4;
text-decoration: none;
}
.sw-footer-column a:hover,
.sw-footer-contact a:hover {
color: #fff;
}
.sw-footer-contact p {
margin: 0 0 7px;
font-size: 14px;
line-height: 1.65;
}
.sw-footer-contact a {
display: inline-flex;
align-items: center;
gap: 8px;
}
.sw-footer-contact svg {
color: var(--blue-text);
}
.sw-footer-bottom {
min-height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px 30px;
font-size: 13px;
padding: 20px 0;
}
.sw-footer-legal {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 22px;
}
.sw-footer-legal p {
margin: 0;
}
.sw-footer-legal p + p {
position: relative;
padding-left: 22px;
}
.sw-footer-legal p + p::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 14px;
background: rgba(255, 255, 255, 0.18);
transform: translateY(-50%);
}
.sw-footer-legal-links {
display: flex;
flex-wrap: wrap;
gap: 22px;
}
.sw-footer-admin-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 999px;
color: #fff;
font-size: 13px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
background: rgba(255, 255, 255, .06);
transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.sw-footer-admin-link:hover {
background: var(--blue);
border-color: var(--blue-text);
transform: translateY(-1px);
}
.sw-footer-admin-link i {
font-size: 12px;
}
@media (max-width: 960px) {
.sw-footer-top {
grid-template-columns: 1.3fr repeat(2, 1fr);
}
.sw-footer-contact {
grid-column: 2 / -1;
}
}
@media (max-width: 640px) {
.sw-footer-top {
grid-template-columns: 1fr;
gap: 40px;
padding: 56px 0 40px;
text-align: center;
}
.sw-footer-brand,
.sw-footer-contact {
grid-column: 1 / -1;
}
.sw-footer-brand,
.sw-footer-column,
.sw-footer-contact {
align-items: center;
}
.sw-footer-brand > p {
margin-left: auto;
margin-right: auto;
}
.sw-socials {
justify-content: center;
}
.sw-footer-bottom {
flex-direction: column;
justify-content: center;
text-align: center;
}
.sw-footer-legal,
.sw-footer-legal-links {
justify-content: center;
}
.sw-footer-legal p + p {
padding-left: 0;
}
.sw-footer-legal p + p::before {
display: none;
}
}
.sw-cookie-banner[hidden] {
display: none;
}
.sw-cookie-banner {
position: fixed;
z-index: 9500;
left: 28px;
right: 28px;
bottom: 28px;
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto;
align-items: center;
gap: 25px;
max-width: 980px;
margin: 0 auto;
padding: 24px 26px;
border-radius: 24px;
color: #fff;
background: var(--navy);
box-shadow: 0 30px 90px rgba(5, 20, 29, .34);
opacity: 0;
translate: 0 28px;
transition: opacity .3s ease, translate .3s cubic-bezier(.22, .8, .24, 1);
}
.sw-cookie-banner.is-visible {
opacity: 1;
translate: 0 0;
}
.sw-cookie-banner__mark {
position: relative;
width: 64px;
height: 64px;
display: block;
border-radius: 19px;
background: var(--yellow);
}
.sw-cookie-banner__mark::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
right: -1px;
top: -1px;
border-radius: 0 16px 0 14px;
background: var(--navy);
}
.sw-cookie-banner__mark span {
position: absolute;
display: block;
border-radius: 50%;
background: rgba(13, 38, 56, .75);
}
.sw-cookie-banner__mark span:nth-child(1) { width: 8px; height: 8px; left: 17px; top: 17px; }
.sw-cookie-banner__mark span:nth-child(2) { width: 6px; height: 6px; right: 16px; bottom: 16px; }
.sw-cookie-banner__mark span:nth-child(3) { width: 10px; height: 10px; left: 24px; bottom: 15px; }
.sw-cookie-banner__title {
display: block;
margin: 0 0 6px;
font-size: 22px;
line-height: 1.1;
font-weight: 800;
letter-spacing: -.035em;
color: #fff;
}
.sw-cookie-banner__text p {
margin: 0;
max-width: 60ch;
font-size: 12px;
line-height: 1.55;
color: rgba(255, 255, 255, .62);
}
.sw-cookie-banner__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
min-width: 340px;
}
.sw-cookie-btn {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 17px;
border: 0;
border-radius: 12px;
cursor: pointer;
font-size: 11px;
font-weight: 900;
transition: translate .17s ease, background .17s ease;
}
.sw-cookie-btn:hover { translate: 0 -2px; }
.sw-cookie-btn--primary { color: #fff; background: var(--blue-strong); }
.sw-cookie-btn--secondary { color: var(--ink); background: #edf2f3; }
.sw-cookie-btn--text {
grid-column: 1 / -1;
min-height: 30px;
color: rgba(255, 255, 255, .65);
background: transparent;
}
@media (max-width: 1100px) {
.sw-cookie-banner { grid-template-columns: 64px 1fr; }
.sw-cookie-banner__actions { grid-column: 2; width: 100%; min-width: 0; }
}
@media (max-width: 760px) {
.sw-cookie-banner {
left: 12px;
right: 12px;
bottom: 12px;
max-height: calc(100vh - 24px);
overflow: auto;
grid-template-columns: 1fr;
gap: 15px;
padding: 21px;
border-radius: 20px;
}
.sw-cookie-banner__mark { width: 50px; height: 50px; }
.sw-cookie-banner__actions { grid-column: 1; grid-template-columns: 1fr; }
.sw-cookie-btn--text { grid-column: 1; }
}
.sw-cookie-modal {
position: fixed;
inset: 0;
z-index: 9600;
display: flex;
align-items: center;
justify-content: center;
padding: 28px;
}
.sw-cookie-modal[hidden] {
display: none;
}
.sw-cookie-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(4, 16, 24, .75);
backdrop-filter: blur(10px);
}
.sw-cookie-modal__card {
position: relative;
z-index: 1;
width: 100%;
max-width: 780px;
max-height: min(820px, calc(100vh - 56px));
display: flex;
flex-direction: column;
background: #fff;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 42px 100px rgba(0, 0, 0, .28);
}
.sw-cookie-modal__head {
display: grid;
grid-template-columns: 1fr auto;
gap: 25px;
padding: 34px 36px 29px;
background: #f2f5f5;
flex: 0 0 auto;
}
.sw-cookie-modal__eyebrow {
margin: 0 0 9px;
color: var(--yellow);
font-size: 9px;
font-weight: 900;
letter-spacing: .13em;
text-transform: uppercase;
}
.sw-cookie-modal__head h2 {
margin: 0 0 9px;
font-size: 35px;
line-height: 1.05;
letter-spacing: -.05em;
color: var(--ink, var(--sw-text));
}
.sw-cookie-modal__head-copy > p:last-child {
max-width: 600px;
margin: 0;
color: var(--muted, var(--sw-muted));
font-size: 12px;
line-height: 1.65;
}
.sw-cookie-modal__close {
flex: 0 0 auto;
width: 42px;
height: 42px;
border: 0;
border-radius: 50%;
background: #fff;
color: var(--ink, var(--sw-text));
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.sw-cookie-modal__close:hover {
background: var(--blue-soft, #e8f3f8);
color: var(--blue-text);
}
.sw-cookie-modal__body {
flex: 1 1 auto;
overflow-y: auto;
display: grid;
gap: 10px;
padding: 24px 28px;
}
.sw-cookie-modal__category {
padding: 16px 18px;
border-radius: 17px;
background: #f3f5f4;
}
.sw-cookie-modal__category-main {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 16px;
}
.sw-cookie-modal__category-toggle {
display: grid;
grid-template-columns: 30px 1fr;
align-items: center;
gap: 12px;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
text-align: left;
font: inherit;
color: inherit;
}
.sw-cookie-modal__chevron {
width: 30px;
height: 30px;
display: grid;
place-items: center;
border-radius: 9px;
color: var(--blue-text);
background: #fff;
font-size: 17px;
font-weight: 800;
}
.sw-cookie-modal__chevron::before {
content: "+";
}
.sw-cookie-modal__category-toggle[aria-expanded="true"] .sw-cookie-modal__chevron::before {
content: "\2212";
}
.sw-cookie-modal__category-copy {
display: block;
min-width: 0;
}
.sw-cookie-modal__category-copy strong {
display: block;
margin-bottom: 3px;
font-size: 14px;
color: var(--ink, var(--sw-text));
}
.sw-cookie-modal__category-copy small {
display: block;
color: var(--muted, var(--sw-muted));
font-size: 11px;
line-height: 1.45;
}
.sw-cookie-modal__category-detail {
padding: 14px 0 4px 42px;
}
.sw-cookie-modal__category-detail[hidden] {
display: none;
}
.sw-cookie-modal__category-detail p {
margin: 0;
font-size: 12.5px;
line-height: 1.65;
color: var(--muted, var(--sw-muted));
}
.sw-cookie-modal__more {
padding: 4px 4px 0;
}
.sw-cookie-modal__more p {
margin: 0;
font-size: 12.5px;
line-height: 1.65;
color: var(--muted, var(--sw-muted));
}
.sw-cookie-modal__more a {
color: var(--blue, var(--sw-text));
text-decoration: underline;
}
.sw-cookie-modal__actions {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 25px;
padding: 22px 28px 26px;
background: var(--navy);
flex: 0 0 auto;
}
.sw-cookie-modal__actions-hint {
margin: 0;
color: rgba(255, 255, 255, .55);
font-size: 11px;
line-height: 1.5;
}
.sw-cookie-modal__actions-buttons {
display: flex;
gap: 8px;
flex: 0 0 auto;
}
.sw-cookie-switch {
position: relative;
display: grid;
grid-template-columns: 48px auto;
align-items: center;
gap: 9px;
justify-self: end;
cursor: pointer;
}
.sw-cookie-switch input {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
opacity: 0;
overflow: hidden;
}
.sw-cookie-switch__track {
position: relative;
width: 48px;
height: 28px;
display: block;
border-radius: 99px;
background: #cbd2d5;
transition: background-color .17s ease;
}
.sw-cookie-switch__track::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
transition: translate .17s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
}
.sw-cookie-switch input:checked + .sw-cookie-switch__track {
background: var(--green);
}
.sw-cookie-switch input:checked + .sw-cookie-switch__track::before {
translate: 20px 0;
}
.sw-cookie-switch--locked .sw-cookie-switch__track {
background: var(--blue);
}
.sw-cookie-switch--locked input {
cursor: default;
}
.sw-cookie-switch b {
color: var(--muted, var(--sw-muted));
font-size: 9px;
font-weight: 700;
}
@media (max-width: 760px) {
.sw-cookie-modal {
padding: 0;
align-items: flex-end;
}
.sw-cookie-modal__card {
max-width: 100%;
max-height: 92vh;
border-radius: 24px 24px 0 0;
}
.sw-cookie-modal__head,
.sw-cookie-modal__body,
.sw-cookie-modal__actions {
padding-left: 20px;
padding-right: 20px;
}
.sw-cookie-modal__head { padding-top: 27px; padding-bottom: 23px; }
.sw-cookie-modal__head h2 { font-size: 29px; }
.sw-cookie-modal__body { padding: 16px; }
.sw-cookie-modal__category-main {
grid-template-columns: 1fr;
}
.sw-cookie-switch {
justify-self: start;
margin-left: 42px;
}
.sw-cookie-modal__actions {
grid-template-columns: 1fr;
padding-bottom: 22px;
}
.sw-cookie-modal__actions-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
}
.sw-cookie-modal__actions .sw-cookie-btn {
text-align: center;
}
}