/* generated by scripts/css-min.php from ../question-view.css — edit the source, never this file */
.vonnik-questions { margin: 0 0 var(--vonnik-space-3); } .vonnik-questions[hidden] { display: none; } .vonnik-q { display: block; min-width: 0; margin: 0 0 var(--vonnik-stack-s); } .vonnik-q__t { display: flex; align-items: center; float: left; width: 100%; margin: 0 0 var(--vonnik-space-2); padding: 0; font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); line-height: var(--vonnik-line-tight); color: var(--vonnik-ink); } .vonnik-q__n { --vonnik-disc-size: var(--vonnik-control-tick); flex: none; margin-right: var(--vonnik-space-3); background: var(--vonnik-blue); color: var(--vonnik-on-action); font-size: var(--vonnik-text-xs); font-weight: var(--vonnik-weight-black); line-height: 1; } .vonnik-q__n.is-done { background: var(--vonnik-green); } .vonnik-q__help, .vonnik-q__body { clear: both; } .vonnik-q__help { margin: 0 0 var(--vonnik-space-2); font-size: var(--vonnik-text-s); line-height: var(--vonnik-line-text); color: var(--vonnik-ink-soft); } .vonnik-q__body { display: grid; gap: var(--vonnik-space-3); padding-top: var(--vonnik-space-2); } .vonnik-q__body--cards { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .vonnik-q--done { display: flex; align-items: center; gap: var(--vonnik-gap-control); } .vonnik-q--done .vonnik-q__n { margin-right: 0; } .vonnik-q__sum { display: flex; flex: 1; flex-direction: column; gap: var(--vonnik-space-1); min-width: 0; } .vonnik-q__k { font-size: var(--vonnik-text-s); line-height: var(--vonnik-line-tight); color: var(--vonnik-ink-soft); } .vonnik-q__v { font-size: var(--vonnik-text-m); font-weight: 600; line-height: 1.35; color: var(--vonnik-ink); overflow-wrap: break-word; } .vonnik-q__change { flex: none; min-height: var(--vonnik-control-tap); margin: calc(-1 * var(--vonnik-space-3)) 0; padding: 0 0 0 var(--vonnik-space-1); border: 0; background: none; font: inherit; font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-blue); text-decoration: underline; cursor: pointer; } .vonnik-q__opt { position: relative; display: grid; grid-template-columns: var(--vonnik-control-tick) minmax(0, 1fr); gap: var(--vonnik-space-1) var(--vonnik-gap-control); align-items: start; align-content: start; min-height: var(--vonnik-control-height-pointer); margin: 0; font-weight: var(--vonnik-weight-regular); } .vonnik-q__img { grid-column: 1 / -1; width: 100%; height: 72px; object-fit: contain; margin-bottom: var(--vonnik-space-2); } .vonnik-q__name, .vonnik-q__line, .vonnik-q__why, .vonnik-q__price { grid-column: 2; } .vonnik-q__name { font-size: var(--vonnik-text-m); font-weight: 600; color: var(--vonnik-ink); overflow-wrap: break-word; } .vonnik-q__price { justify-self: end; margin-top: var(--vonnik-space-1); font-size: var(--vonnik-text-s); font-weight: 600; color: var(--vonnik-ink); white-space: nowrap; } .vonnik-q__line, .vonnik-q__why { font-size: var(--vonnik-text-s); line-height: 1.45; color: var(--vonnik-ink-soft); } .vonnik-q__why { color: var(--vonnik-orange-dark); } .vonnik-q__opt.is-off .vonnik-q__name { color: var(--vonnik-ink-soft); font-weight: var(--vonnik-weight-regular); } .vonnik-q__note { --vonnik-q-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); display: flex; align-items: flex-start; gap: var(--vonnik-icon-gap); margin: calc(-1 * var(--vonnik-space-1)) 0 var(--vonnik-space-3); line-height: 1.45; } .vonnik-q__note .vonnik-notice__icon { --vonnik-i: var(--vonnik-q-icon); } .vonnik-q__note--lost { --vonnik-q-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E"); }