@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

html,body{margin:0;padding:0}

:root{
  --ui-color-bg:#171d26;
  --ui-color-bg-alt:#1d2531;
  --ui-color-panel:#242d39;
  --ui-color-panel-alt:#2a3441;
  --ui-color-panel-overlay:rgba(36,45,57,.78);
  --ui-color-panel-head:rgba(44,52,63,.72);
  --ui-color-line:#3a4451;
  --ui-color-line-soft:#343d49;
  --ui-color-text:#b8c1cc;
  --ui-color-text-strong:#c8d0d9;
  --ui-color-text-body:#c7cfd8;
  --ui-color-muted:#7d8796;
  --ui-color-muted-alt:#7e8897;
  --ui-color-muted-heading:#8f99a7;
  --ui-color-label:#a6afbb;
  --ui-color-table-head:#9fa8b4;
  --ui-color-heading:#c99655;
  --ui-color-accent:#c99655;
  --ui-type-body-size:12px;
  --ui-type-body-line:1.35;
  --ui-type-page-title-size:28px;
  --ui-type-page-title-letter:.04em;
  --ui-type-byline-size:12px;
  --ui-type-section-size:12px;
  --ui-type-section-letter:.12em;
  --ui-type-mini-title-size:10px;
  --ui-type-mini-title-letter:.12em;
  --ui-type-label-size:10px;
  --ui-type-label-letter:.12em;
  --ui-type-nav-size:11px;
  --ui-type-body-copy-size:13px;
  --ui-type-table-size:12px;
  --ui-type-table-head-size:10px;
  --ui-type-footer-note-size:11px;
  --ui-section-gap:20px;
  --ui-section-padding-top:20px;
  --ui-table-row-min-height:32px;
  --ui-table-control-height:24px;
  --ui-table-control-radius:3px;
  --ui-table-control-padding-y:2px;
  --ui-table-control-padding-x:8px;
  --ui-table-action-gap:18px;
  --ui-table-action-pill-padding-y:6px;
  --ui-table-action-pill-padding-x:10px;
  --ui-table-arrow-stack-width:16px;
  --ui-table-arrow-button-width:12px;
  --ui-table-arrow-button-height:8px;
  --ui-table-delete-button-size:12px;
  --ui-button-height-default:34px;
  --ui-button-padding-x-default:12px;
  --ui-button-padding-y-default:8px;
  --ui-button-radius-default:4px;
  --ui-button-font-size-default:12px;
  --ui-button-height-nav:24px;
  --ui-button-padding-x-nav:10px;
  --ui-button-radius-nav:3px;
  --ui-button-font-size-nav:11px;
  --ui-button-height-small:24px;
  --ui-button-padding-x-small:8px;
  --ui-button-padding-y-small:2px;
  --ui-button-radius-small:3px;
  --ui-button-font-size-small:11px;
  --ui-button-pill-padding-y:6px;
  --ui-button-pill-padding-x:10px;
  --ui-button-pill-radius:999px;
  --ui-button-pill-font-size:12px;
  --ui-field-text:var(--ui-color-text-strong);
  --ui-field-placeholder:var(--ui-color-muted-alt);
  --ui-field-bg:#2d3744;
  --ui-field-border:#495465;
  --ui-field-radius:3px;
  --ui-field-focus:#647286;
  --ui-field-font-size:12px;
  --ui-shell-radius:4px;
  --ui-shell-line:var(--ui-color-line);
  --ui-shell-bg:var(--ui-color-panel-overlay);
}

.ui-page-bg{
  background:var(--ui-color-bg);
  position:relative;
  isolation:isolate;
}

.ui-page-bg::before{
  content:"";
  position:fixed;
  inset:0;
  background:radial-gradient(circle at 50% 42%, #23374f 0%, #1b2330 36%, var(--ui-color-bg) 100%);
  pointer-events:none;
  z-index:-1;
}

.ui-page-title{
  margin:0;
  color:#e5e0d8;
  font-size:var(--ui-type-page-title-size);
  letter-spacing:var(--ui-type-page-title-letter);
  font-weight:700;
}

.ui-byline{
  color:var(--ui-color-muted-heading);
  font-size:var(--ui-type-byline-size);
}

.ui-page-header{
  text-align:center;
}

.ui-page-header-title{
  margin:0;
}

.ui-page-header-byline{
  margin-top:4px;
  margin-bottom:30px;
}

.ui-page-intro{
  width:100%;
}

.ui-page-intro-copy{
  color:var(--ui-color-text);
}

.ui-page-intro-copy p{
  margin:0 0 8px;
}

.ui-page-intro-copy > :last-child{
  margin-bottom:0;
}

.ui-section-title,
.calculator-ui .section-title{
  color:var(--heading);
  font-size:var(--ui-type-section-size);
  font-weight:700;
  letter-spacing:var(--ui-type-section-letter);
  text-transform:uppercase;
  margin:0 0 10px;
}

.ui-mini-title{
  color:var(--ui-color-label);
  font-size:var(--ui-type-mini-title-size);
  font-weight:700;
  letter-spacing:var(--ui-type-mini-title-letter);
  text-transform:uppercase;
  margin:0 0 6px;
}

.ui-label,
.calculator-ui .label{
  color:var(--ui-color-label);
  font-size:var(--ui-type-label-size);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:var(--ui-type-label-letter);
  display:block;
  margin-bottom:6px;
}

.ui-body-copy{
  font-size:var(--ui-type-body-copy-size);
  line-height:var(--ui-type-body-line);
}

.ui-helper-text{
  color:var(--ui-color-muted-alt);
  font-size:11px;
  line-height:1.28;
}

.ui-status-text,
.ui-status-text-muted{
  font-size:11px;
  line-height:1.28;
}

.ui-status-text-muted{
  color:var(--ui-color-muted-alt);
}

.calculator-ui .ui-save-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}

.calculator-ui .ui-save-button[aria-busy="true"]{
  cursor:progress;
}

.calculator-ui .ui-save-button.is-error{
  background:#7a3535;
  border-color:#a34a4a;
  color:#fff3f3;
}

.calculator-ui .ui-save-button-label{
  display:inline-flex;
  align-items:center;
}

.ui-inline-status{
  color:var(--ui-color-muted-alt);
  font-size:11px;
  line-height:1.28;
}

.ui-empty-state{
  color:var(--ui-color-muted-alt);
  font-size:11px;
  line-height:1.4;
  text-align:center;
}

.ui-empty-state-title{
  color:var(--ui-color-label);
  font-size:var(--ui-type-mini-title-size);
  font-weight:700;
  letter-spacing:var(--ui-type-mini-title-letter);
  text-transform:uppercase;
  margin:0 0 6px;
}

.ui-empty-state-copy{
  margin:0;
}

.ui-empty-inline{
  color:var(--ui-color-muted-alt);
  font-size:11px;
  line-height:1.28;
}

.ui-info-block{
  padding:0;
}

.ui-info-title{
  text-align:center;
  margin-bottom:20px;
}

.ui-info-copy-shell{
  position:relative;
}

.ui-info-copy{
  color:var(--ui-color-text);
  font-size:12px;
  line-height:1.25;
}

.ui-info-copy h4{
  margin:0 0 8px;
  color:var(--ui-color-heading);
  font-size:var(--ui-type-mini-title-size);
  font-weight:700;
  letter-spacing:var(--ui-type-mini-title-letter);
  text-transform:uppercase;
}

.ui-info-copy p{
  margin:0 0 8px;
}

.ui-info-list,
.ui-info-copy ul{
  margin:0 0 12px 18px;
  padding:0;
}

.ui-info-copy li{
  margin:0 0 6px;
}

.ui-info-copy > :last-child{
  margin-bottom:0;
}

.ui-info-tip{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:50%;
  line-height:1;
  cursor:default;
  z-index:10;
  flex:0 0 14px;
  border:1px solid #5b6573;
  color:var(--ui-color-label);
  font-size:9px;
  text-transform:none;
  letter-spacing:0;
}

.ui-info-tip-bubble{
  position:absolute;
  display:none;
  z-index:1000;
  left:0;
  top:100%;
  bottom:auto;
  transform:none;
  overflow:visible;
  margin-top:6px;
  width:340px;
  padding:8px 14px;
  border:1px solid #657181;
  border-radius:8px;
  background:#46505f;
  color:#e3ddd5;
  white-space:normal;
  font-size:11px;
  font-weight:400;
  line-height:1.4;
}

.ui-info-tip-bubble::after{
  content:"";
  position:absolute;
  left:14px;
  bottom:100%;
  transform:none;
  border:7px solid transparent;
  border-bottom-color:#46505f;
}

.ui-info-tip:hover .ui-info-tip-bubble,
.ui-info-tip:focus .ui-info-tip-bubble{
  display:block;
}

.ui-table-head,
.calculator-ui thead th{
  color:var(--ui-color-table-head);
  font-size:var(--ui-type-table-head-size);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:var(--ui-type-section-letter);
}

.ui-table-body,
.calculator-ui tbody td{
  font-size:var(--ui-type-table-size);
  color:var(--ui-color-text-body);
}

.ui-footer-note{
  color:#767f8d;
  text-align:center;
  font-size:var(--ui-type-footer-note-size);
}

.ui-footer-note-signoff{
  margin-top:20px;
}

.ui-total-row td{
  background:#2c3543;
  color:var(--heading);
  font-weight:700;
}

.calculator-ui tbody .ui-total-row td{
  color:var(--heading);
}

.ui-summary-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ui-summary-label{
  font-weight:700;
}

.ui-summary-value{
  font-weight:700;
}

.ui-input-with-unit,
.ui-compact-cell-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
}

.ui-input-with-unit{
  gap:4px;
  flex-wrap:nowrap;
  width:100%;
}

.ui-input-with-unit-field{
  min-width:0;
}

.ui-input-with-unit-addon{
  flex:0 0 auto;
}

.calculator-ui .input, .calculator-ui .input-small, .calculator-ui .select, .calculator-ui .share-input, .calculator-ui .multiline-input{
  width:100%;
  background:var(--ui-field-bg);
  color:var(--ui-field-text);
  border:1px solid var(--ui-field-border);
  border-radius:var(--ui-field-radius);
  padding:8px 10px;
  font:inherit;
  font-size:var(--ui-field-font-size);
}
.calculator-ui .input, .calculator-ui .input-small, .calculator-ui .select, .calculator-ui .share-input{
  height:34px;
}
.calculator-ui .input::placeholder,
.calculator-ui .input-small::placeholder,
.calculator-ui .select::placeholder,
.calculator-ui .share-input::placeholder,
.calculator-ui .multiline-input::placeholder{
  color:var(--ui-field-placeholder);
}
.calculator-ui .select{padding-right:28px}
.calculator-ui .input:focus,
.calculator-ui .input-small:focus,
.calculator-ui .select:focus,
.calculator-ui .share-input:focus,
.calculator-ui .multiline-input:focus{
  outline:1px solid var(--ui-field-focus);
  outline-offset:0;
}

.calculator-ui .top-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1200;
  height:36px;
  border-bottom:1px solid var(--line);
  background:rgba(34,43,56,.96);
  backdrop-filter:blur(2px);
}
.calculator-ui .top-nav-inner{
  max-width:1476px;
  height:100%;
  margin:0 auto;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:14px;
}
.calculator-ui .top-nav-logo{
  display:inline-flex;
  align-items:center;
  height:100%;
  text-decoration:none;
  transform:translateY(1px);
}
.calculator-ui .top-nav-logo:hover{filter:brightness(1.08)}
.calculator-ui .top-nav-logo-image{
  display:block;
  height:24px;
  width:auto;
}
.calculator-ui .top-nav-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  min-width:0;
}
.calculator-ui .top-nav-actions .option-button,
.calculator-ui .top-nav-actions .copy-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--ui-button-height-nav);
  min-height:var(--ui-button-height-nav);
  padding:0 var(--ui-button-padding-x-nav);
  border-radius:var(--ui-button-radius-nav);
  font-size:var(--ui-button-font-size-nav);
  line-height:1;
  white-space:nowrap;
  align-self:center;
}
.calculator-ui .top-nav-share{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.calculator-ui .top-nav-share-url-hidden{
  display:none;
}
.calculator-ui .top-nav-tab{
  display:inline-flex;
  align-items:center;
  height:var(--ui-button-height-nav);
  padding:0 var(--ui-button-padding-x-nav);
  border:1px solid transparent;
  border-radius:var(--ui-button-radius-nav);
  color:#b8c1cc;
  text-decoration:none;
  font-size:var(--ui-button-font-size-nav);
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
  cursor:pointer;
}
.calculator-ui .top-nav-tab.is-active{border-color:#4c5767;background:#2a3441;color:#d7dde5}
.calculator-ui .top-nav-tab:hover{background:#2d3744;border-color:#4c5767;color:#d7dde5;filter:brightness(1.1)}

.calculator-ui .container{
  max-width:1476px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:54px 18px 34px;
}
.calculator-ui .section{
  padding-top:var(--ui-section-padding-top);
  border-top:1px solid var(--line);
  margin-top:var(--ui-section-gap);
}
.calculator-ui .section:first-child{margin-top:0;border-top:0;padding-top:0}
.calculator-ui .option-button, .calculator-ui .secondary-button{
  display:inline-flex;
  align-items:center;
  background:#313a47;
  color:#d7dde5;
  border:1px solid #505b6b;
  border-radius:var(--ui-button-radius-default);
  height:var(--ui-button-height-default);
  padding:var(--ui-button-padding-y-default) var(--ui-button-padding-x-default);
  font-size:var(--ui-button-font-size-default);
  font-weight:700;
  text-decoration:none;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.calculator-ui .option-button:hover, .calculator-ui .secondary-button:hover, .calculator-ui .copy-button:hover{filter:brightness(1.3)}

.calculator-ui .copy-button{
  background:#374150;
  color:#dbe1e8;
  border:1px solid #505b6b;
  border-radius:var(--ui-button-radius-default);
  height:var(--ui-button-height-default);
  padding:0 var(--ui-button-padding-x-default);
  font-size:var(--ui-button-font-size-default);
  transition:filter .15s ease;
}
.calculator-ui .hidden{display:none!important}

html.ui-small-screen-gate-pending,
.calculator-ui.ui-small-screen-gate-open{
  overflow:hidden;
}

.calculator-ui .ui-small-screen-gate{
  position:fixed;
  inset:0;
  z-index:2100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(7,10,15,.82);
}

.calculator-ui.ui-small-screen-gate-open .ui-small-screen-gate{
  display:flex;
}

.calculator-ui .ui-small-screen-gate-panel{
  width:min(560px, calc(100vw - 32px));
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:18px;
  padding:24px 22px;
}

.calculator-ui .ui-small-screen-gate-logo{
  display:block;
  width:auto;
  height:32px;
}

.calculator-ui .ui-small-screen-gate-copy{
  margin:0;
  max-width:420px;
  color:var(--ui-color-text-body);
}

.ui-panel-shell,
.ui-summary-shell,
.ui-table-shell,
.calculator-ui .table-shell{
  border:1px solid var(--ui-shell-line);
  border-radius:var(--ui-shell-radius);
  background:var(--ui-shell-bg);
}

.ui-summary-shell{
  border:1px solid var(--ui-shell-line);
  border-radius:var(--ui-shell-radius);
  background:var(--ui-shell-bg);
  overflow:hidden;
}

.ui-table-shell,
.calculator-ui .table-shell{
  border-radius:var(--ui-shell-radius);
  overflow-x:auto;
  overflow-y:hidden;
}
.calculator-ui table{
  width:100%;
  border-collapse:collapse;
}
.calculator-ui th, .calculator-ui td{
  border-right:1px solid var(--line-soft);
  border-top:1px solid var(--line-soft);
  padding:6px 8px;
  vertical-align:middle;
}
.calculator-ui tbody td{
  min-height:var(--ui-table-row-min-height);
}
.calculator-ui thead th{
  background:rgba(44,52,63,.72);
  white-space:nowrap;
}
.calculator-ui thead tr:first-child th{border-top:0}
.calculator-ui th:last-child, .calculator-ui td:last-child{border-right:0}

.ui-table-input,
.ui-table-select,
.calculator-ui .table-input,
.calculator-ui .table-select,
.calculator-ui .note-input{
  width:100%;
  height:var(--ui-table-control-height);
  padding:var(--ui-table-control-padding-y) var(--ui-table-control-padding-x);
  border:1px solid var(--ui-field-border);
  border-radius:var(--ui-field-radius);
  background:var(--ui-field-bg);
  color:var(--ui-field-text);
  font:inherit;
  font-size:var(--ui-field-font-size);
  line-height:normal;
  box-sizing:border-box;
}

.ui-table-input::placeholder,
.calculator-ui .table-input::placeholder,
.calculator-ui .note-input::placeholder{
  color:var(--ui-field-placeholder);
}

.ui-table-select,
.calculator-ui .table-select{
  background-color:var(--ui-field-bg);
}

.ui-table-input-plain,
.ui-table-select-plain,
.calculator-ui .table-input.plain,
.calculator-ui .table-select.plain{
  background:transparent;
  border-color:transparent;
  color:#c7cfd8;
  padding-left:0;
  padding-right:0;
}

.ui-table-select-plain,
.calculator-ui .table-select.plain{
  appearance:none;
  -webkit-appearance:none;
  padding-right:18px;
}

.ui-table-input:focus,
.ui-table-select:focus,
.calculator-ui .table-input:focus,
.calculator-ui .table-select:focus,
.calculator-ui .note-input:focus{
  outline:1px solid var(--ui-field-focus);
  outline-offset:0;
}

.ui-table-action-stack,
.calculator-ui .arrow-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  width:var(--ui-table-arrow-stack-width);
  height:100%;
  line-height:1;
  margin:0 auto;
  overflow:hidden;
}

.ui-table-arrow-btn,
.calculator-ui .arrow-btn{
  position:relative;
  border:0;
  background:#2b3440;
  color:transparent;
  padding:0;
  width:var(--ui-table-arrow-button-width);
  height:var(--ui-table-arrow-button-height);
  min-width:var(--ui-table-arrow-button-width);
  min-height:var(--ui-table-arrow-button-height);
  flex:0 0 auto;
  line-height:1;
  font-size:0;
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(87,99,114,.55);
}

.ui-table-arrow-btn::before,
.calculator-ui .arrow-btn::before{
  content:"";
  width:4px;
  height:4px;
  border-right:1.5px solid #aab4c1;
  border-bottom:1.5px solid #aab4c1;
  transform:rotate(45deg);
  margin-top:-1px;
}

.ui-table-arrow-btn[data-dir="-1"]::before,
.calculator-ui .arrow-btn[data-dir="-1"]::before{
  transform:rotate(225deg);
  margin-top:1px;
}

.ui-table-arrow-btn:hover,
.calculator-ui .arrow-btn:hover{
  background:#313b49;
}

.ui-table-arrow-btn:focus-visible,
.calculator-ui .arrow-btn:focus-visible{
  outline:1px solid #566375;
  outline-offset:1px;
}

.ui-table-arrow-btn:not(:disabled),
.ui-table-delete-btn:not(:disabled),
.calculator-ui .arrow-btn:not(:disabled),
.calculator-ui .trash-btn:not(:disabled){
  cursor:pointer;
}

.ui-table-arrow-btn:disabled,
.calculator-ui .arrow-btn:disabled{
  opacity:.25;
}

.ui-table-delete-btn,
.calculator-ui .trash-btn{
  border:0;
  background:transparent;
  color:#697282;
  padding:0;
  width:var(--ui-table-delete-button-size);
  height:var(--ui-table-delete-button-size);
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.ui-table-delete-btn svg,
.calculator-ui .trash-btn svg{
  width:var(--ui-table-delete-button-size);
  height:var(--ui-table-delete-button-size);
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ui-table-delete-btn:disabled,
.calculator-ui .trash-btn:disabled{
  opacity:.5;
  pointer-events:none;
}

.ui-system-row .arrow-btn,
.ui-system-row .trash-btn,
.calculator-ui .system-row .arrow-btn,
.calculator-ui .system-row .trash-btn{
  visibility:hidden;
}

.ui-col-move,
.calculator-ui .move-col{
  text-align:center;
  padding-left:5px;
  padding-right:4px;
}

.ui-col-delete,
.calculator-ui .delete-col{
  text-align:center;
  padding-left:5px;
  padding-right:6px;
}

.ui-add-row-links,
.calculator-ui .add-row-links{
  display:flex;
  gap:var(--ui-table-action-gap);
  padding:0;
  color:#b2bac4;
  font-size:12px;
}

.ui-add-row-link,
.calculator-ui .add-row-links .add-link{
  display:inline-flex;
  align-items:center;
  min-height:var(--ui-button-height-small);
  padding:var(--ui-button-pill-padding-y) var(--ui-button-pill-padding-x);
  border:0;
  border-radius:var(--ui-button-pill-radius);
  background:transparent;
  color:#b2bac4;
  font-size:var(--ui-button-pill-font-size);
  transition:background-color .15s ease, color .15s ease, filter .15s ease;
}

.ui-add-row-link::before,
.calculator-ui .add-row-links .add-link::before{
  content:"+";
  margin-right:6px;
  color:inherit;
}

.ui-add-row-link:hover,
.calculator-ui .add-row-links .add-link:hover{
  background:rgba(45,55,68,.9);
  color:#d7dde5;
  filter:brightness(1.05);
}

.ui-add-row-link:disabled,
.calculator-ui .add-row-links .add-link:disabled{
  opacity:.45;
  pointer-events:none;
}

.ui-toggle-trigger{
  background:none;
  border:0;
  color:#b2bac4;
  padding:var(--ui-button-pill-padding-y) var(--ui-button-pill-padding-x);
  font-size:var(--ui-button-pill-font-size);
  border-radius:var(--ui-button-pill-radius);
  transition:background-color .15s ease, color .15s ease, filter .15s ease;
}

.ui-toggle-trigger::before{
  content:"+";
  margin-right:6px;
  color:inherit;
}

.is-expanded .ui-toggle-trigger::before{
  content:"-";
}

.ui-toggle-trigger:hover{
  background:rgba(45,55,68,.9);
  color:#d7dde5;
  filter:brightness(1.05);
}

.ui-toggle-trigger-centered{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  align-self:center;
}
.calculator-ui .modal-overlay{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(7,10,15,.72);
  z-index:1000;
}
.calculator-ui .modal-panel,
.ui-modal-panel{
  width:min(680px, calc(100vw - 32px));
  background:#2d3643;
  border:1px solid #546071;
  border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
  padding:18px 22px 20px;
}
.calculator-ui .modal-copy,
.ui-modal-copy{
  color:#e5e0d8;
  font-size:13px;
  line-height:1.4;
  margin:0 0 12px;
}
.calculator-ui .modal-actions,
.ui-modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.calculator-ui .modal-button{
  height:24px;
  border-radius:8px;
  border:1px solid #596577;
  background:#434e60;
  color:#d7dde5;
  font-size:12px;
  font-weight:700;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.calculator-ui .modal-button:hover{filter:brightness(1.1)}
.calculator-ui .modal-button-danger{
  background:#9b4545;
  border-color:#b24e4e;
  color:#f5ecec;
}

.calculator-ui .note-input{
  min-width:90px;
  height:24px;
  padding:3px 7px;
}
.calculator-ui .multiline-input{
  display:block;
  width:100%;
  min-width:0;
  min-height:24px;
  max-height:40px;
  line-height:1.25;
  resize:none;
  overflow:hidden;
  white-space:normal;
  padding-top:4px;
  padding-bottom:4px;
}
.calculator-ui .note-input.hidden{display:none!important}