.tree-view-switch .card-appearance-button{background:#fff}
.card-appearance-button:hover,.card-appearance-button:focus-visible{box-shadow:inset 0 0 0 2px #d3a91a}
.card-appearance-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:32px;height:40px;border:2px solid #fff;border-radius:3px;background:linear-gradient(145deg,#ffd763,#f4bd31);box-shadow:0 0 0 1px #ddb13d;color:#2678a8}
.card-appearance-icon-photo{width:10px;height:10px;border-radius:50%;background:#fff3c8}
.card-appearance-icon b{font:800 9px/1 Georgia,serif}
.card-appearance-icon small{font:700 7px/1 system-ui;color:#6d5a25}
.tree-card .card-life{max-width:110px;margin-inline:auto;font-size:12px;line-height:14px}
.tree-card .card-life span{display:block}
.tree-card .card-life.has-birth-date{margin-top:3px;font-size:11px;line-height:13px}
.tree-card.has-birth-place .card-photo{width:38px;height:38px;margin-top:24px;margin-bottom:4px}
.card-birth-place{display:block;max-width:110px;margin:3px auto 0;color:#6d5a25;font-size:10px;line-height:11px;overflow-wrap:anywhere}
.tree-card.is-deceased .card-birth-place{color:#667078}
.card-appearance-modal{width:min(710px,calc(100% - 28px))}
.card-appearance-modal h2{padding-right:25px}
.card-appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center}
.card-appearance-options{display:grid;gap:20px}
.card-appearance-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;font-weight:650;color:#314b5a}
.card-appearance-check input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:#2678a8}
.card-appearance-check small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#707b84}
.card-appearance-format{display:grid;gap:6px;margin-left:28px;margin-top:-8px;font-size:12px;color:#707b84}
.card-appearance-format select{min-width:0;width:100%;padding:9px;border:1px solid #cbdce3;border-radius:8px;background:#f4f9fb;color:#314b5a;font-size:14px}
.card-appearance-format select:disabled{opacity:.5}
.card-appearance-preview-wrap{display:grid;justify-items:center;gap:16px;padding:15px 10px 18px;border-radius:14px;background:#f4f1e9}
.card-appearance-preview-label{font-size:12px;color:#707b84}
.card-appearance-preview{position:relative;left:auto;top:auto;box-shadow:0 8px 20px rgba(84,65,26,.16);cursor:default}
.card-appearance-preview:hover{transform:none}
.card-appearance-preview .card-name{height:55px}
.card-appearance-preview .card-name.has-maiden{height:65px}
.card-appearance-preview .card-middle{display:block;width:100%;font:700 12px/1.15 Georgia,serif}
.card-appearance-hint{margin:22px 0 16px;font-size:12px;line-height:1.5;color:#707b84}
.card-appearance-actions{display:flex;justify-content:flex-end;gap:10px}
.card-appearance-actions .secondary{padding:11px 18px;border:1px solid #cbdce3;border-radius:10px;background:#f4f9fb;color:#314b5a;font-weight:650}
#card-appearance-status{color:#946000;font-size:13px}
@media(max-width:560px){.card-appearance-layout{grid-template-columns:1fr;gap:20px}.card-appearance-modal h2{font-size:25px}.card-appearance-preview-wrap{padding:12px}.card-appearance-actions button{flex:1}}
@media(max-width:1180px){.card-appearance-icon{height:34px;width:28px;gap:1px}}