@media screen{html[data-sa-ui-theme="light"] .cty-page {
    --cty-text: hsl(214 54% 28%);
    --cty-muted: hsl(215 58% 28%);
    --cty-line: #708297
}
html[data-sa-ui-theme="light"] .cty-breadcrumb a:hover,html[data-sa-ui-theme="light"] .cty-breadcrumb a:focus-visible {
    color: #19344d
}
html[data-sa-ui-theme="light"] .cty-hero {
    background: radial-gradient(540px 210px at 0% 0%,hsla(212,40%,96%,0.2),transparent 68%),
            radial-gradient(440px 190px at 100% 0%,rgba(35,75,110,0.070),transparent 68%),
            linear-gradient(145deg,hsl(212 28% 92%),hsl(213 28% 92%));
    box-shadow: 0 18px 46px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .cty-title {
    color: #19344d
}
html[data-sa-ui-theme="light"] .cty-title-icon {
    border: 1px solid hsl(209 58% 38%);
    background: hsla(212,40%,96%,0.1);
    color: hsl(208 80% 28%);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.06)
}
html[data-sa-ui-theme="light"] .cty-search {
    border: 1px solid #708297;
    background: hsl(213 28% 92%);
    color: hsl(209 80% 28%);
    box-shadow: 0 8px 22px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .cty-search:focus-within {
    border-color: hsl(208 58% 38%);
    box-shadow: 0 0 0 3px rgba(20,45,70,0.12),0 8px 22px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .cty-card {
    border: 1px solid #708297;
    background: linear-gradient(180deg,rgba(35,75,110,0.075),rgba(35,75,110,0.060)),
            hsl(213 28% 92%);
    box-shadow: 0 11px 28px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .cty-card:hover,html[data-sa-ui-theme="light"] .cty-card:focus-visible {
    border-color: hsl(210 58% 38%);
    background-color: hsla(211,40%,96%,0.64)
}
html[data-sa-ui-theme="light"] .cty-flag {
    color: hsl(212 80% 28%)
}
html[data-sa-ui-theme="light"] .cty-name {
    color: #19344d
}
html[data-sa-ui-theme="light"] .cty-arrow {
    color: hsl(209 80% 28%)
}
html[data-sa-ui-theme="light"] .cty-empty {
    background: rgba(35,75,110,0.060)
}}