/* ViSta Knit look for Vista Work: self-hosted Kurale (headings) and Nunito (text), logo, rounder shapes. */
@font-face{font-family:Kurale;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/vk-kurale-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Kurale;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/vk-kurale-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Kurale;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/vk-kurale-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Kurale;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/vk-kurale-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/vk-nunito-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/vk-nunito-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/vk-nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/vk-nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body{font-family:Nunito,"Segoe UI",Arial,sans-serif}
h1,h2,h3,.login-art h1,.login-card h2{font-family:Kurale,Georgia,serif;font-weight:400;letter-spacing:0}
.login-art h1 i{font-family:inherit;font-style:normal;color:var(--brand-accent)}
a.text-link,.dictionary-edit,.currency-rate-link{color:var(--brand-rose)}

/* Logo: the shop's round avatar next to the name. */
.brand{align-items:center;gap:10px}
.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:var(--brand-surface);box-shadow:0 0 0 2px var(--brand-accent)}
.brand .brand-text{display:flex;flex-direction:column;gap:2px;font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:1.1;color:inherit}
.brand .brand-text b{font:400 21px/1.1 Kurale,Georgia,serif;letter-spacing:0;color:var(--brand-on-primary)}
.brand .brand-text span{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--brand-on-primary-muted)}
.login-art .brand img{width:48px;height:48px}
.login-art .brand .brand-text b{font-size:26px}

/* Rounder, softer shapes. */
.button{border-radius:999px}
.panel{border-radius:18px}
input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select{border-radius:12px}
.badge{border-radius:999px}
.toast,.error-banner{border-radius:14px}
input[type=color]{width:64px;min-height:40px;padding:4px;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-surface)}
.button.primary:focus-visible{outline-color:var(--brand-rose)}
.badge.active,.badge.success{background:#e6ecd9;color:var(--brand-success)}

/* Top bar settings: a list of messages. */
.announcement-form .announcement-interval{max-width:340px}
.announcement-items{display:grid;gap:14px;margin:18px 0}
.announcement-item{border:1px solid var(--brand-line);border-radius:16px;padding:16px 18px;margin:0;background:var(--brand-paper)}
.announcement-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.announcement-item-actions{display:flex;gap:6px}
.announcement-texts{grid-template-columns:repeat(3,minmax(0,1fr))}
.announcement-preview{background:var(--brand-primary);color:var(--brand-on-primary);border-radius:12px;padding:12px;text-align:center;margin-top:20px;font-size:12px}
@media(max-width:900px){.announcement-texts{grid-template-columns:1fr}}