/* Clinical calculators: the card grid (index) and the calculator page parts shared by the signed-in app frame and
   the public site (tools/templates/tools/). Loaded after tools.css (public: pro.css tokens; signed in: tools-app.css
   maps the --pr-* tokens onto the app's). Colours come from those tokens, so light and dark follow the theme; the
   eight category accents only tint a 2 px top edge, an icon box and a dot. Logical properties only (RTL); no inline
   styles (strict CSP). Class prefix tl-. */

/* ------------------------------------------------------------ category accents */
.tl-acc-blue { --ta: #3b82f6; --ta-rgb: 59, 130, 246; --ta-ink: var(--ta); }
.tl-acc-emerald { --ta: #10b981; --ta-rgb: 16, 185, 129; --ta-ink: var(--ta); }
.tl-acc-amber { --ta: #f59e0b; --ta-rgb: 245, 158, 11; --ta-ink: var(--ta); }
.tl-acc-red { --ta: #ef4444; --ta-rgb: 239, 68, 68; --ta-ink: var(--ta); }
.tl-acc-violet { --ta: #8b5cf6; --ta-rgb: 139, 92, 246; --ta-ink: var(--ta); }
.tl-acc-teal { --ta: #14b8a6; --ta-rgb: 20, 184, 166; --ta-ink: var(--ta); }
.tl-acc-indigo { --ta: #6366f1; --ta-rgb: 99, 102, 241; --ta-ink: var(--ta); }
.tl-acc-pink { --ta: #ec4899; --ta-rgb: 236, 72, 153; --ta-ink: var(--ta); }
[data-theme="light"] .tl-acc-amber { --ta-ink: #a15c07; }
[data-theme="light"] .tl-acc-emerald { --ta-ink: #047857; }
[data-theme="light"] .tl-acc-teal { --ta-ink: #0f766e; }
[data-theme="light"] .tl-acc-red { --ta-ink: #c52a2a; }
[data-theme="light"] .tl-acc-pink { --ta-ink: #be1f6e; }

.tl-main { padding-block: var(--pr-s6, 28px) var(--pr-s8, 48px); }
.tl-main > .tl-page { padding-block: 0; }
.tl-page [hidden] { display: none !important; }
.tl-page svg { flex: none; }

/* ------------------------------------------------------------ index head: title, trust line, search */
.tl-ihead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; }
.tl-ihead__text { flex: 1 1 30rem; min-width: 0; }
.tl-ihead .tl-h1 { margin-block-end: 6px; }
.tl-ihead .tl-lead { max-width: 46rem; }
.tl-page .mh-page-head.tl-head--plain {
  margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
.tl-page .tl-head--plain .mh-crumbs a { color: var(--pr-ink-3); }
.tl-page .tl-head--plain .mh-page-head__title { font-weight: 800; letter-spacing: -.02em; font-size: clamp(1.9rem, 1.4rem + 1.6vw, 2.5rem); }
[dir="rtl"] .tl-page .tl-head--plain .mh-page-head__title { letter-spacing: 0; }
.tl-page .tl-head--plain .mh-page-head__purpose { font-weight: 400; color: var(--pr-ink-2); font-size: 1rem; max-width: 46rem; }
.tl-trust { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 0; font-size: .8125rem; color: var(--pr-ink-3); }
.tl-trust span { display: inline-flex; align-items: center; gap: 6px; }
.tl-trust svg { inline-size: 15px; block-size: 15px; color: var(--pr-mint); }
.tl-find {
  display: flex; align-items: center; gap: 10px; flex: 0 1 21rem; min-inline-size: min(100%, 16rem); block-size: 48px; padding-inline: 14px;
  border: 1px solid var(--pr-line-2); border-radius: 12px; background: var(--pr-raised); color: var(--pr-ink-3);
}
.tl-find:focus-within { border-color: var(--pr-accent); box-shadow: var(--pr-focus); }
.tl-find svg { inline-size: 18px; block-size: 18px; }
.tl-find__input {
  flex: 1; min-width: 0; block-size: 100%; border: 0; background: transparent; color: var(--pr-ink);
  font: inherit; font-size: 16px; outline: none;
}
.tl-find__input::placeholder { color: var(--pr-ink-3); opacity: 1; }
.tl-find__input::-webkit-search-cancel-button { display: none; }
@media (max-width: 767px) { .tl-find { flex-basis: 100%; } }

/* ------------------------------------------------------------ category chips and the recent row */
.tl-cats { display: flex; gap: 8px; margin-block: 20px 14px; overflow-x: auto; scrollbar-width: none; padding-block-end: 2px; }
.tl-cats::-webkit-scrollbar { display: none; }
.tl-catchip {
  display: inline-flex; align-items: center; gap: 7px; flex: none; min-block-size: 36px; padding: 0 12px; border-radius: 999px;
  border: 1px solid var(--pr-line); background: var(--pr-raised-2, var(--pr-raised)); color: var(--pr-ink-2);
  font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.tl-catchip i { inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--ta-ink, var(--ta)); }
.tl-catchip b { font-weight: 600; color: var(--pr-ink-3); font-variant-numeric: tabular-nums; }
.tl-catchip:hover { border-color: var(--pr-line-2); }
.tl-catchip[aria-pressed="true"] {
  color: var(--pr-ink); border-color: color-mix(in srgb, var(--pr-accent) 55%, transparent); background: var(--pr-accent-soft);
}
.tl-catchip:focus-visible, .tl-chip:focus-visible, .tl-recent__clear:focus-visible { outline: 2px solid var(--pr-accent); outline-offset: 2px; }

.tl-recent { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-block-end: 14px; font-size: .8125rem; color: var(--pr-ink-3); }
.tl-recent__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tl-chip {
  display: inline-flex; align-items: center; gap: 7px; min-block-size: 36px; padding: 4px 12px 4px 6px; border-radius: 10px;
  border: 1px solid var(--pr-line); background: var(--pr-raised-2, var(--pr-raised)); color: var(--pr-ink);
  font-size: .8125rem; font-weight: 600; text-decoration: none;
}
.tl-page .tl-chip { color: var(--pr-ink); text-decoration: none; }
.tl-chip:hover { border-color: rgba(var(--ta-rgb, 59, 130, 246), .6); }
.tl-chip__icon {
  inline-size: 24px; block-size: 24px; border-radius: 7px; display: grid; place-items: center;
  background: rgba(var(--ta-rgb, 59, 130, 246), .14); color: var(--ta-ink, var(--ta, currentColor));
}
.tl-chip__icon svg { inline-size: 16px; block-size: 16px; }
.tl-recent__clear {
  min-block-size: 32px; padding: 0 10px; border: 0; background: transparent; color: var(--pr-ink-3);
  font: inherit; font-size: .8125rem; text-decoration: underline; cursor: pointer;
}
.tl-empty { margin: 16px 0; color: var(--pr-ink-2); }

/* ------------------------------------------------------------ the card grid: 4 columns, 3 on tablet, 2 on phone */
.tl-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1279px) { .tl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .tl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.tl-cc { position: relative; min-width: 0; }
.tl-cc__link {
  position: relative; display: flex; flex-direction: column; gap: 14px; block-size: 100%; min-block-size: 196px; padding: 20px 18px 16px;
  border-radius: 22px; background: var(--pr-raised); border: 1px solid var(--pr-line); overflow: hidden;
  color: var(--pr-ink); text-decoration: none; box-shadow: 0 8px 24px rgba(10, 40, 60, .06);
}
[data-theme="dark"] .tl-cc__link { box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.tl-page .tl-cc__link { color: var(--pr-ink); text-decoration: none; }
.tl-cc__link::before {
  content: ""; position: absolute; inset-inline: 18px; inset-block-start: 0; block-size: 2px; border-radius: 0 0 2px 2px;
  background: var(--ta); opacity: .55;
}
.tl-cc__link:hover, .tl-cc__link:focus-visible {
  border-color: color-mix(in srgb, var(--ta) 55%, transparent);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .14), 0 0 0 1px color-mix(in srgb, var(--ta) 20%, transparent);
}
@media (prefers-reduced-motion: no-preference) {
  .tl-cc__link { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
  .tl-cc__link:hover { transform: translateY(-3px); }
}
.tl-cc__link:focus-visible { outline: 2px solid var(--pr-accent); outline-offset: 2px; }
.tl-cc__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.tl-cc__icon, .tl-chead__icon, .tl-mini__icon {
  display: grid; place-items: center; flex: none; inline-size: 52px; block-size: 52px; border-radius: 16px;
  background: linear-gradient(145deg, rgba(var(--ta-rgb), .22), rgba(var(--ta-rgb), .08)); border: 1px solid rgba(var(--ta-rgb), .28);
  color: var(--ta-ink, var(--ta));
}
[data-theme="light"] .tl-cc__icon, [data-theme="light"] .tl-chead__icon, [data-theme="light"] .tl-mini__icon {
  background: linear-gradient(145deg, rgba(var(--ta-rgb), .16), rgba(var(--ta-rgb), .05));
}
.tl-cc__icon svg { inline-size: 28px; block-size: 28px; }
.tl-cc__cat {
  padding: 3px 9px; border-radius: 999px; border: 1px solid var(--pr-line); font-size: .72rem; font-weight: 600; color: var(--pr-ink-3);
  text-align: end; line-height: 1.3;
}
.tl-cc__text { display: block; min-width: 0; }
.tl-cc__name { display: block; font-size: 1.03rem; font-weight: 650; line-height: 1.25; letter-spacing: -.01em; overflow-wrap: break-word; }
.tl-cc__desc {
  display: -webkit-box; margin-block-start: 4px; font-size: .84rem; line-height: 1.45; color: var(--pr-ink-2);
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
[dir="rtl"] .tl-cc__name { letter-spacing: 0; }
.tl-cc__src {
  display: flex; align-items: center; gap: 7px; margin-block-start: auto; padding-block-start: 10px; border-block-start: 1px solid var(--pr-line);
  font-size: .78rem; color: var(--pr-ink-3);
}
.tl-cc__src i { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--pr-mint); flex: none; }
.tl-cc__go { margin-inline-start: auto; inline-size: 18px; block-size: 18px; color: var(--pr-ink); display: grid; }
.tl-cc__go svg { inline-size: 18px; block-size: 18px; }
[dir="rtl"] .tl-cc__go svg { transform: scaleX(-1); }
@media (max-width: 767px) {
  .tl-cc__link { min-block-size: 0; padding: 14px 12px 12px; gap: 10px; border-radius: 18px; }
  .tl-cc__link::before { inset-inline: 12px; }
  .tl-cc__icon { inline-size: 42px; block-size: 42px; border-radius: 13px; }
  .tl-cc__icon svg { inline-size: 23px; block-size: 23px; }
  .tl-cc__cat, .tl-cc__desc { display: none; }
  .tl-cc__name { font-size: .9rem; }
  .tl-cc__src { font-size: .72rem; padding-block-start: 8px; }
}

/* ------------------------------------------------------------ calculator page head */
.tl-chead { position: relative; display: grid; gap: 8px; margin-block-end: 20px; }
.tl-chead .tl-hero { max-width: none; margin: 0; }
.tl-chead .tl-h1, .tl-chead .mh-page-head__title { margin: 0; }
.tl-chead__icon { position: absolute; inset-inline-start: 0; inset-block-start: 34px; inline-size: 60px; block-size: 60px; }
.tl-chead__icon svg { inline-size: 32px; block-size: 32px; }
.tl-chead .mh-page-head__row, .tl-chead .tl-hero, .tl-badges { padding-inline-start: 76px; }
[dir="rtl"] .tl-chead .mh-page-head__row, [dir="rtl"] .tl-chead .tl-hero, [dir="rtl"] .tl-badges { padding-inline-start: 76px; }
.tl-chead .tl-crumbs { margin: 0 0 4px; }
.tl-badges { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tl-badge2 {
  display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--pr-line);
  background: var(--pr-raised-2, var(--pr-raised)); color: var(--pr-ink-2); font-size: .8125rem; font-weight: 550;
}
.tl-badge2 svg { inline-size: 15px; block-size: 15px; }
.tl-badge2 svg:nth-child(1) { color: var(--pr-ink-3); }
.tl-badge2--cat i { inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--ta-ink, var(--ta)); }
@media (max-width: 639px) {
  .tl-chead__icon { inline-size: 48px; block-size: 48px; border-radius: 14px; inset-block-start: 30px; }
  .tl-chead__icon svg { inline-size: 26px; block-size: 26px; }
  .tl-chead .mh-page-head__row, .tl-chead .tl-hero, .tl-badges { padding-inline-start: 0; }
  .tl-chead .tl-h1, .tl-chead .mh-page-head__title { min-block-size: 48px; padding-inline-start: 60px; display: flex; align-items: center; }
  .tl-chead .mh-page-head__title { display: flex; }
  .tl-badges { padding-inline-start: 0; }
}

/* ------------------------------------------------------------ calculator page: inputs | result */
.tl-layout--calc { display: grid; gap: 16px; align-items: start; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .tl-layout--calc { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 20px; } }
.tl-area { min-width: 0; display: grid; gap: 12px; align-content: start; }
.tl-result { position: relative; overflow: hidden; }
.tl-result::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 3px; background: linear-gradient(90deg, var(--pr-accent), var(--pr-mint)); }
.tl-scale { margin-block: 14px 6px; }
.tl-scale__track {
  position: relative; block-size: 8px; border-radius: 999px;
  background: linear-gradient(90deg, #ef5b5b 0 12.5%, #f0b429 12.5% 50%, #2cc08a 50% 100%);
}
.tl-scale__marker {
  position: absolute; inset-block-start: -5px; inline-size: 4px; block-size: 18px; margin-inline-start: -2px; border-radius: 2px;
  background: var(--pr-ink); box-shadow: 0 0 0 2px var(--pr-raised);
}
.tl-scale__ticks { position: relative; block-size: 18px; margin-block-start: 8px; font-size: .75rem; color: var(--pr-ink-3); font-variant-numeric: tabular-nums; }
.tl-scale__tick { position: absolute; transform: translateX(-50%); }
[dir="rtl"] .tl-scale__tick { transform: translateX(50%); }
.tl-scale__track, .tl-scale__ticks { direction: ltr; }
[dir="rtl"] .tl-scale__marker { margin-inline-start: 0; margin-inline-end: -2px; }

.tl-weights { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 479px) { .tl-weights { grid-template-columns: minmax(0, 1fr); } }
.tl-weight { display: grid; grid-template-columns: auto 1fr; align-content: start; gap: 2px 8px; padding: 10px 12px; border-radius: 12px; }
.tl-weight .tl-badge { grid-column: 1 / -1; grid-row: auto; justify-self: start; }
.tl-weight__row { grid-column: 1 / -1; font-weight: 700; color: var(--pr-ink); }

.tl-steps:not(.tl-steps--plain) { list-style: none; padding-inline-start: 0; counter-reset: tl-step; }
.tl-steps:not(.tl-steps--plain) > .tl-step { position: relative; padding-inline-start: 34px; counter-increment: tl-step; }
.tl-steps:not(.tl-steps--plain) > .tl-step::before {
  content: counter(tl-step); position: absolute; inset-inline-start: 0; inset-block-start: 1px; inline-size: 24px; block-size: 24px; border-radius: 8px;
  display: grid; place-items: center; background: var(--pr-accent-soft); color: var(--pr-ink); font-size: .75rem; font-weight: 700;
}

/* ------------------------------------------------------------ collapsibles (Steps, Sources, Limits, the reading folds) */
.tl-folds { display: grid; gap: 8px; }
.tl-fold { border: 1px solid var(--pr-line); border-radius: 14px; background: var(--pr-raised-2, var(--pr-raised)); }
.tl-result .tl-fold { margin-block-start: 14px; }
.tl-fold__summary {
  display: flex; align-items: center; gap: 10px; min-block-size: 48px; padding: 6px 14px; cursor: pointer; list-style: none;
}
.tl-fold__summary::-webkit-details-marker { display: none; }
.tl-fold__summary::marker { content: ""; }
.tl-fold__summary::after {
  content: ""; flex: none; inline-size: 8px; block-size: 8px; margin-inline: auto 4px;
  border-inline-end: 2px solid var(--pr-ink-3); border-block-end: 2px solid var(--pr-ink-3); transform: rotate(45deg);
}
.tl-fold[open] > .tl-fold__summary::after { transform: rotate(-135deg); }
@media (prefers-reduced-motion: no-preference) { .tl-fold__summary::after { transition: transform .15s ease; } }
.tl-fold__summary:focus-visible { outline: 2px solid var(--pr-accent); outline-offset: 2px; border-radius: 12px; }
.tl-fold__icon { display: grid; color: var(--pr-accent); }
.tl-fold__icon svg { inline-size: 18px; block-size: 18px; }
.tl-fold__title { margin: 0; font-size: .9375rem; font-weight: 700; color: var(--pr-ink); }
.tl-fold__count { font-size: .8125rem; color: var(--pr-ink-3); font-variant-numeric: tabular-nums; }
.tl-fold__body { padding: 0 14px 14px; font-size: .9375rem; }
.tl-fold__body p { margin: 0 0 10px; }
.tl-fold--steps > .tl-fold__summary::before { content: ""; flex: none; inline-size: 18px; block-size: 18px; background: var(--pr-accent); opacity: .9;
  -webkit-mask: var(--tl-calc-mask) center / contain no-repeat; mask: var(--tl-calc-mask) center / contain no-repeat; }
.tl-page { --tl-calc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='3'/%3E%3Crect x='8' y='6' width='8' height='3.5' rx='1'/%3E%3Cpath d='M8.5 13h.01M12 13h.01M15.5 13h.01M8.5 16.5h.01M12 16.5h.01M15.5 16.5h.01' stroke-width='2.4'/%3E%3C/svg%3E"); }
.tl-fold--steps .tl-result__block { margin-block-start: 12px; }
.tl-fold--limits { background: var(--pr-warn-soft, var(--pr-raised-2, var(--pr-raised))); }
.tl-faq details { border-block-start: 1px solid var(--pr-line); padding-block: 4px; }
.tl-fold .tl-faq summary, .tl-fold__body details summary { min-block-size: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
.tl-fold__body details p { margin: 0 0 10px; color: var(--pr-ink-2); }

/* ------------------------------------------------------------ About + "Use it for" */
.tl-about2 { display: grid; gap: 20px; margin-block-start: 28px; align-items: start; }
@media (min-width: 960px) { .tl-about2 { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 32px; } }
.tl-about2 .tl-h2 { margin-block-end: 10px; }
.tl-about2 .tl-about__list { padding: 0; }
.tl-about2 .tl-about__list dd { color: var(--pr-ink-2); }
.tl-about2__use { padding: 18px 20px; border-radius: 18px; background: var(--pr-raised); border: 1px solid var(--pr-line); }
.tl-about2__use .tl-h2 { font-size: 1.125rem; }
.tl-about2__use .tl-list { font-size: .9375rem; color: var(--pr-ink-2); }

.tl-page > .tl-folds, .tl-main > .tl-page > .tl-section, .tl-page > .tl-section { margin-block-start: 24px; }
.tl-page > .tl-folds { margin-block-start: 20px; }

/* ------------------------------------------------------------ Related calculators band */
.tl-band2 {
  margin-block-start: 28px; padding: 18px; border-radius: 22px; border: 1px solid color-mix(in srgb, var(--pr-accent) 28%, var(--pr-line));
  background: color-mix(in srgb, var(--pr-accent) 8%, var(--pr-raised));
}
.tl-band2__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-block-end: 12px; }
.tl-band2__title { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-size: 1rem; font-weight: 700; color: var(--pr-ink); }
.tl-band2__title svg { inline-size: 18px; block-size: 18px; color: var(--pr-accent); }
.tl-band2__all, .tl-page .tl-band2__all { font-size: .8125rem; font-weight: 650; color: var(--pr-link); text-decoration: none; }
.tl-band2__all:hover { text-decoration: underline; }
.tl-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 959px) { .tl-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tl-mini__card, .tl-page .tl-mini__card {
  display: flex; align-items: center; gap: 12px; block-size: 100%; padding: 10px 12px; border-radius: 14px; background: var(--pr-raised);
  border: 1px solid var(--pr-line); color: var(--pr-ink); text-decoration: none;
}
.tl-mini__card:hover { border-color: rgba(var(--ta-rgb), .6); }
.tl-mini__card:focus-visible { outline: 2px solid var(--pr-accent); outline-offset: 2px; }
.tl-mini__icon { inline-size: 40px; block-size: 40px; border-radius: 12px; }
.tl-mini__icon svg { inline-size: 22px; block-size: 22px; }
.tl-mini__text { display: grid; min-width: 0; gap: 2px; }
.tl-mini__name { font-size: .875rem; font-weight: 650; line-height: 1.25; }
.tl-mini__src { font-size: .75rem; color: var(--pr-ink-3); }
@media (max-width: 639px) {
  .tl-mini__card { flex-direction: column; align-items: flex-start; gap: 8px; }
}
.tl-note--end { margin-block-start: 20px; }

/* Scale positions (percent, steps of 0.5): classes instead of inline styles (strict CSP). */
.tl-at-0 { inset-inline-start: 0%; }
.tl-at-0-5 { inset-inline-start: 0.5%; }
.tl-at-1 { inset-inline-start: 1%; }
.tl-at-1-5 { inset-inline-start: 1.5%; }
.tl-at-2 { inset-inline-start: 2%; }
.tl-at-2-5 { inset-inline-start: 2.5%; }
.tl-at-3 { inset-inline-start: 3%; }
.tl-at-3-5 { inset-inline-start: 3.5%; }
.tl-at-4 { inset-inline-start: 4%; }
.tl-at-4-5 { inset-inline-start: 4.5%; }
.tl-at-5 { inset-inline-start: 5%; }
.tl-at-5-5 { inset-inline-start: 5.5%; }
.tl-at-6 { inset-inline-start: 6%; }
.tl-at-6-5 { inset-inline-start: 6.5%; }
.tl-at-7 { inset-inline-start: 7%; }
.tl-at-7-5 { inset-inline-start: 7.5%; }
.tl-at-8 { inset-inline-start: 8%; }
.tl-at-8-5 { inset-inline-start: 8.5%; }
.tl-at-9 { inset-inline-start: 9%; }
.tl-at-9-5 { inset-inline-start: 9.5%; }
.tl-at-10 { inset-inline-start: 10%; }
.tl-at-10-5 { inset-inline-start: 10.5%; }
.tl-at-11 { inset-inline-start: 11%; }
.tl-at-11-5 { inset-inline-start: 11.5%; }
.tl-at-12 { inset-inline-start: 12%; }
.tl-at-12-5 { inset-inline-start: 12.5%; }
.tl-at-13 { inset-inline-start: 13%; }
.tl-at-13-5 { inset-inline-start: 13.5%; }
.tl-at-14 { inset-inline-start: 14%; }
.tl-at-14-5 { inset-inline-start: 14.5%; }
.tl-at-15 { inset-inline-start: 15%; }
.tl-at-15-5 { inset-inline-start: 15.5%; }
.tl-at-16 { inset-inline-start: 16%; }
.tl-at-16-5 { inset-inline-start: 16.5%; }
.tl-at-17 { inset-inline-start: 17%; }
.tl-at-17-5 { inset-inline-start: 17.5%; }
.tl-at-18 { inset-inline-start: 18%; }
.tl-at-18-5 { inset-inline-start: 18.5%; }
.tl-at-19 { inset-inline-start: 19%; }
.tl-at-19-5 { inset-inline-start: 19.5%; }
.tl-at-20 { inset-inline-start: 20%; }
.tl-at-20-5 { inset-inline-start: 20.5%; }
.tl-at-21 { inset-inline-start: 21%; }
.tl-at-21-5 { inset-inline-start: 21.5%; }
.tl-at-22 { inset-inline-start: 22%; }
.tl-at-22-5 { inset-inline-start: 22.5%; }
.tl-at-23 { inset-inline-start: 23%; }
.tl-at-23-5 { inset-inline-start: 23.5%; }
.tl-at-24 { inset-inline-start: 24%; }
.tl-at-24-5 { inset-inline-start: 24.5%; }
.tl-at-25 { inset-inline-start: 25%; }
.tl-at-25-5 { inset-inline-start: 25.5%; }
.tl-at-26 { inset-inline-start: 26%; }
.tl-at-26-5 { inset-inline-start: 26.5%; }
.tl-at-27 { inset-inline-start: 27%; }
.tl-at-27-5 { inset-inline-start: 27.5%; }
.tl-at-28 { inset-inline-start: 28%; }
.tl-at-28-5 { inset-inline-start: 28.5%; }
.tl-at-29 { inset-inline-start: 29%; }
.tl-at-29-5 { inset-inline-start: 29.5%; }
.tl-at-30 { inset-inline-start: 30%; }
.tl-at-30-5 { inset-inline-start: 30.5%; }
.tl-at-31 { inset-inline-start: 31%; }
.tl-at-31-5 { inset-inline-start: 31.5%; }
.tl-at-32 { inset-inline-start: 32%; }
.tl-at-32-5 { inset-inline-start: 32.5%; }
.tl-at-33 { inset-inline-start: 33%; }
.tl-at-33-5 { inset-inline-start: 33.5%; }
.tl-at-34 { inset-inline-start: 34%; }
.tl-at-34-5 { inset-inline-start: 34.5%; }
.tl-at-35 { inset-inline-start: 35%; }
.tl-at-35-5 { inset-inline-start: 35.5%; }
.tl-at-36 { inset-inline-start: 36%; }
.tl-at-36-5 { inset-inline-start: 36.5%; }
.tl-at-37 { inset-inline-start: 37%; }
.tl-at-37-5 { inset-inline-start: 37.5%; }
.tl-at-38 { inset-inline-start: 38%; }
.tl-at-38-5 { inset-inline-start: 38.5%; }
.tl-at-39 { inset-inline-start: 39%; }
.tl-at-39-5 { inset-inline-start: 39.5%; }
.tl-at-40 { inset-inline-start: 40%; }
.tl-at-40-5 { inset-inline-start: 40.5%; }
.tl-at-41 { inset-inline-start: 41%; }
.tl-at-41-5 { inset-inline-start: 41.5%; }
.tl-at-42 { inset-inline-start: 42%; }
.tl-at-42-5 { inset-inline-start: 42.5%; }
.tl-at-43 { inset-inline-start: 43%; }
.tl-at-43-5 { inset-inline-start: 43.5%; }
.tl-at-44 { inset-inline-start: 44%; }
.tl-at-44-5 { inset-inline-start: 44.5%; }
.tl-at-45 { inset-inline-start: 45%; }
.tl-at-45-5 { inset-inline-start: 45.5%; }
.tl-at-46 { inset-inline-start: 46%; }
.tl-at-46-5 { inset-inline-start: 46.5%; }
.tl-at-47 { inset-inline-start: 47%; }
.tl-at-47-5 { inset-inline-start: 47.5%; }
.tl-at-48 { inset-inline-start: 48%; }
.tl-at-48-5 { inset-inline-start: 48.5%; }
.tl-at-49 { inset-inline-start: 49%; }
.tl-at-49-5 { inset-inline-start: 49.5%; }
.tl-at-50 { inset-inline-start: 50%; }
.tl-at-50-5 { inset-inline-start: 50.5%; }
.tl-at-51 { inset-inline-start: 51%; }
.tl-at-51-5 { inset-inline-start: 51.5%; }
.tl-at-52 { inset-inline-start: 52%; }
.tl-at-52-5 { inset-inline-start: 52.5%; }
.tl-at-53 { inset-inline-start: 53%; }
.tl-at-53-5 { inset-inline-start: 53.5%; }
.tl-at-54 { inset-inline-start: 54%; }
.tl-at-54-5 { inset-inline-start: 54.5%; }
.tl-at-55 { inset-inline-start: 55%; }
.tl-at-55-5 { inset-inline-start: 55.5%; }
.tl-at-56 { inset-inline-start: 56%; }
.tl-at-56-5 { inset-inline-start: 56.5%; }
.tl-at-57 { inset-inline-start: 57%; }
.tl-at-57-5 { inset-inline-start: 57.5%; }
.tl-at-58 { inset-inline-start: 58%; }
.tl-at-58-5 { inset-inline-start: 58.5%; }
.tl-at-59 { inset-inline-start: 59%; }
.tl-at-59-5 { inset-inline-start: 59.5%; }
.tl-at-60 { inset-inline-start: 60%; }
.tl-at-60-5 { inset-inline-start: 60.5%; }
.tl-at-61 { inset-inline-start: 61%; }
.tl-at-61-5 { inset-inline-start: 61.5%; }
.tl-at-62 { inset-inline-start: 62%; }
.tl-at-62-5 { inset-inline-start: 62.5%; }
.tl-at-63 { inset-inline-start: 63%; }
.tl-at-63-5 { inset-inline-start: 63.5%; }
.tl-at-64 { inset-inline-start: 64%; }
.tl-at-64-5 { inset-inline-start: 64.5%; }
.tl-at-65 { inset-inline-start: 65%; }
.tl-at-65-5 { inset-inline-start: 65.5%; }
.tl-at-66 { inset-inline-start: 66%; }
.tl-at-66-5 { inset-inline-start: 66.5%; }
.tl-at-67 { inset-inline-start: 67%; }
.tl-at-67-5 { inset-inline-start: 67.5%; }
.tl-at-68 { inset-inline-start: 68%; }
.tl-at-68-5 { inset-inline-start: 68.5%; }
.tl-at-69 { inset-inline-start: 69%; }
.tl-at-69-5 { inset-inline-start: 69.5%; }
.tl-at-70 { inset-inline-start: 70%; }
.tl-at-70-5 { inset-inline-start: 70.5%; }
.tl-at-71 { inset-inline-start: 71%; }
.tl-at-71-5 { inset-inline-start: 71.5%; }
.tl-at-72 { inset-inline-start: 72%; }
.tl-at-72-5 { inset-inline-start: 72.5%; }
.tl-at-73 { inset-inline-start: 73%; }
.tl-at-73-5 { inset-inline-start: 73.5%; }
.tl-at-74 { inset-inline-start: 74%; }
.tl-at-74-5 { inset-inline-start: 74.5%; }
.tl-at-75 { inset-inline-start: 75%; }
.tl-at-75-5 { inset-inline-start: 75.5%; }
.tl-at-76 { inset-inline-start: 76%; }
.tl-at-76-5 { inset-inline-start: 76.5%; }
.tl-at-77 { inset-inline-start: 77%; }
.tl-at-77-5 { inset-inline-start: 77.5%; }
.tl-at-78 { inset-inline-start: 78%; }
.tl-at-78-5 { inset-inline-start: 78.5%; }
.tl-at-79 { inset-inline-start: 79%; }
.tl-at-79-5 { inset-inline-start: 79.5%; }
.tl-at-80 { inset-inline-start: 80%; }
.tl-at-80-5 { inset-inline-start: 80.5%; }
.tl-at-81 { inset-inline-start: 81%; }
.tl-at-81-5 { inset-inline-start: 81.5%; }
.tl-at-82 { inset-inline-start: 82%; }
.tl-at-82-5 { inset-inline-start: 82.5%; }
.tl-at-83 { inset-inline-start: 83%; }
.tl-at-83-5 { inset-inline-start: 83.5%; }
.tl-at-84 { inset-inline-start: 84%; }
.tl-at-84-5 { inset-inline-start: 84.5%; }
.tl-at-85 { inset-inline-start: 85%; }
.tl-at-85-5 { inset-inline-start: 85.5%; }
.tl-at-86 { inset-inline-start: 86%; }
.tl-at-86-5 { inset-inline-start: 86.5%; }
.tl-at-87 { inset-inline-start: 87%; }
.tl-at-87-5 { inset-inline-start: 87.5%; }
.tl-at-88 { inset-inline-start: 88%; }
.tl-at-88-5 { inset-inline-start: 88.5%; }
.tl-at-89 { inset-inline-start: 89%; }
.tl-at-89-5 { inset-inline-start: 89.5%; }
.tl-at-90 { inset-inline-start: 90%; }
.tl-at-90-5 { inset-inline-start: 90.5%; }
.tl-at-91 { inset-inline-start: 91%; }
.tl-at-91-5 { inset-inline-start: 91.5%; }
.tl-at-92 { inset-inline-start: 92%; }
.tl-at-92-5 { inset-inline-start: 92.5%; }
.tl-at-93 { inset-inline-start: 93%; }
.tl-at-93-5 { inset-inline-start: 93.5%; }
.tl-at-94 { inset-inline-start: 94%; }
.tl-at-94-5 { inset-inline-start: 94.5%; }
.tl-at-95 { inset-inline-start: 95%; }
.tl-at-95-5 { inset-inline-start: 95.5%; }
.tl-at-96 { inset-inline-start: 96%; }
.tl-at-96-5 { inset-inline-start: 96.5%; }
.tl-at-97 { inset-inline-start: 97%; }
.tl-at-97-5 { inset-inline-start: 97.5%; }
.tl-at-98 { inset-inline-start: 98%; }
.tl-at-98-5 { inset-inline-start: 98.5%; }
.tl-at-99 { inset-inline-start: 99%; }
.tl-at-99-5 { inset-inline-start: 99.5%; }
.tl-at-100 { inset-inline-start: 100%; }