.topnav-heading,.topnav-card-head,.topnav-preview-tabs,.topnav-summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.topnav-heading{margin-bottom:22px}.topnav-heading h2{font-size:28px;margin:5px 0}.topnav-heading b{font-size:11px;letter-spacing:.15em;color:#ed681f}.topnav-heading p,.topnav-card-head p{margin:5px 0 0;color:#837871}.topnav-save-state{color:#81766f;font-size:13px}.topnav-card{background:#fff;border:1px solid #e5dfda;border-radius:16px;overflow:hidden;margin-bottom:18px}.topnav-card-head{padding:20px 22px}.topnav-card-head h3{margin:0;font-size:18px}.topnav-rules{margin:0 22px 16px;padding:12px 14px;background:#fff8f2;border:1px solid #f4ded1;border-radius:10px;color:#755d50;font-size:13px}.topnav-table-wrap{overflow:auto}.topnav-table{width:100%;min-width:1120px;border-collapse:collapse}.topnav-table th,.topnav-table td{padding:14px 13px;border-bottom:1px solid #eee9e5;text-align:left;vertical-align:middle}.topnav-table th{font-size:12px;color:#817670;background:#faf9f8}.topnav-table th:first-child,.topnav-table td:first-child{width:105px}.topnav-table input[type=number]{width:76px;padding:8px;border:1px solid #ddd5d0;border-radius:8px}.topnav-line{display:block;line-height:1.55;min-height:22px}.topnav-line.invalid,.topnav-invalid{color:#ad4a3f}.topnav-actions{white-space:nowrap}.topnav-actions button{margin-right:6px}.topnav-switch{display:flex!important;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.topnav-switch input{position:absolute;opacity:0;pointer-events:none}.topnav-switch i{width:38px;height:22px;border-radius:99px;background:#c9c3bf;position:relative;transition:.2s}.topnav-switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.topnav-switch input:checked+i{background:#1f9a67}.topnav-switch input:checked+i:after{transform:translateX(16px)}.topnav-switch input:disabled+i{opacity:.55}.topnav-summary{padding:15px 22px;color:#81766f;font-size:13px}.topnav-preview-card{padding-bottom:0}.topnav-preview{margin:0 22px;border-radius:14px;background:#171717;color:#fff;padding:18px 20px}.topnav-search{background:#2a2a2a;color:#aaa;border-radius:9px;padding:11px 14px;margin-bottom:15px}.topnav-preview-tabs{justify-content:flex-start;overflow-x:auto;border-bottom:1px solid #383838}.topnav-preview-tabs button{flex:none;border:0;background:transparent;color:#a8a8a8;padding:10px 14px;white-space:nowrap}.topnav-preview-tabs button.active{color:#fff;border-bottom:2px solid #fff}.topnav-preview-body{min-height:90px;padding:18px 6px;color:#ccc}.topnav-preview-body span{float:right}.topnav-note{padding:15px 22px;color:#756a65;font-size:13px}.topnav-dialog{border:0;border-radius:18px;padding:0;width:min(680px,calc(100vw - 28px));max-height:88vh}.topnav-dialog::backdrop{background:#211a176b}.topnav-dialog form,.topnav-confirm{padding:25px}.topnav-dialog .dialog-head{margin-bottom:14px}.topnav-dialog label{display:grid;gap:7px;margin-top:14px}.topnav-dialog input,.topnav-dialog select{padding:10px;border:1px solid #ddd5d0;border-radius:9px}.topnav-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.topnav-choices fieldset{border:1px solid #e7e0dc;border-radius:10px;padding:10px}.topnav-choices legend{font-size:12px;color:#82766f;padding:0 5px}.topnav-choices label{display:flex;align-items:center;gap:8px;margin:7px 0;font-weight:400}.topnav-choices input{width:auto}.topnav-dialog .source{background:#f6f3f1;padding:11px;border-radius:9px;color:#766b66;min-height:40px}.topnav-dialog [data-selected]{color:#df641f;font-size:13px}.topnav-dialog .error{min-height:18px;color:#bd3d33}.topnav-confirm{width:min(500px,calc(100vw - 28px))}.topnav-confirm .danger{background:#ba3e35;color:#fff;border-color:#ba3e35}@media(max-width:760px){.topnav-heading,.topnav-card-head{align-items:flex-start;flex-direction:column}.topnav-choices{grid-template-columns:1fr}.topnav-preview{margin:0 12px}}