.dti-gradient-bar-wrap{position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 2px var(--dti-shadow-xs)}.dti-gradient-bar{width:100%;height:100%;border-radius:inherit;background:linear-gradient(to bottom,var(--dti-orange) 0,#fa923c 18%,#f0b020 36%,var(--dti-warning) 50%,#9ccc56 68%,#4caf50 86%,var(--dti-success) 100%)}@supports (color:color-mix(in srgb,white,black)){.dti-gradient-bar{background:linear-gradient(to bottom,var(--dti-orange) 0,color-mix(in srgb,var(--dti-orange) 58%,var(--dti-warning)) 26%,var(--dti-warning) 50%,color-mix(in srgb,var(--dti-warning) 58%,var(--dti-success)) 74%,var(--dti-success) 100%)}}.dti-gradient-block{display:flex;flex-direction:row;align-items:stretch;gap:12px;margin-bottom:20px;padding-top:10px}.dti-gradient-bar-wrap--empty{width:10px;min-height:100px;align-self:stretch;height:auto}.dti-gradient-bar-indicator{position:absolute;left:0;right:0;height:42%;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:top .45s cubic-bezier(.4, 0, .2, 1),height .45s cubic-bezier(.4, 0, .2, 1),background-color .45s ease;top:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.dti-gradient-bar-indicator,.dti-max-highlight,.dti-max-highlight-amount,.dti-max-highlight-icon-img{transition:none}}.dti-gradient-demo{--dti-demo-cycle:12s}.dti-gradient-demo .dti-gradient-bar-wrap--empty .dti-gradient-bar{animation:dti-demo-bar-gradient var(--dti-demo-cycle,8s) linear infinite}@keyframes dti-demo-bar-gradient{0%,24%{background:linear-gradient(to bottom,var(--dti-orange) 0,#fa923c 11%,#f0b020 24%,#c8e070 38%,var(--dti-success) 50%,#5cb85c 76%,#7dd693 100%)}28%,52%{background:linear-gradient(to bottom,var(--dti-orange) 0,#f59f0a 16%,var(--dti-warning) 32%,#e8c040 48%,#b6d060 64%,#66bb6a 86%,var(--dti-success) 100%)}56%,88%{background:linear-gradient(to bottom,var(--dti-orange) 0,#ff9a3c 28%,#ffb347 44%,var(--dti-warning) 58%,#c5d84a 76%,var(--dti-success) 100%)}100%,92%{background:linear-gradient(to bottom,var(--dti-orange) 0,#fa923c 11%,#f0b020 24%,#c8e070 38%,var(--dti-success) 50%,#5cb85c 76%,#7dd693 100%)}}.dti-gradient-bar-indicator--demo{left:0;right:0;height:42%;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.14);animation:dti-demo-indicator var(--dti-demo-cycle,8s) linear infinite}@keyframes dti-demo-indicator{0%,24%{top:58%;background:rgba(40,167,69,.42)}28%,52%{top:29%;background:rgba(255,193,7,.48)}56%,88%{top:0;background:rgba(253,126,20,.48)}100%,92%{top:58%;background:rgba(40,167,69,.42)}}.dti-gradient-demo-content{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-width:0;min-height:min-content}.dti-gradient-demo-main{display:flex;flex-direction:row;align-items:flex-end;gap:10px;flex:1;min-width:0;width:100%;box-sizing:border-box}.dti-gradient-demo-main-text{flex:1;min-width:0;width:100%}.dti-demo-titles-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;flex-shrink:0;width:100%;min-width:0;pointer-events:none}.dti-demo-title-layout-phase{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;align-items:stretch;width:100%;min-width:0;pointer-events:none}.dti-demo-line{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box}.dti-demo-title-item{display:flex;align-items:center;flex-shrink:0;margin:0;width:100%;min-height:2rem;height:2rem;max-height:2rem}.dti-demo-title-item--bad{color:var(--dti-orange)}.dti-demo-title-item--warning{color:var(--dti-dark-gold)}.dti-demo-title-item--good{color:var(--dti-success)}.dti-gradient-demo .dti-demo-title-item--good{animation:dti-demo-title-emphasis-good var(--dti-demo-cycle,8s) linear infinite}.dti-gradient-demo .dti-demo-title-item--warning{animation:dti-demo-title-emphasis-warning var(--dti-demo-cycle,8s) linear infinite}.dti-gradient-demo .dti-demo-title-item--bad{animation:dti-demo-title-emphasis-bad var(--dti-demo-cycle,8s) linear infinite}@keyframes dti-demo-title-emphasis-good{0%,24%{font-size:1.22rem;font-weight:800}28%,91%{font-size:.82rem;font-weight:600}100%,92%{font-size:1.22rem;font-weight:800}}@keyframes dti-demo-title-emphasis-warning{0%,27%{font-size:.82rem;font-weight:600}28%,52%{font-size:1.22rem;font-weight:800}100%,53%{font-size:.82rem;font-weight:600}}@keyframes dti-demo-title-emphasis-bad{0%,55%{font-size:.82rem;font-weight:600}56%,88%{font-size:1.22rem;font-weight:800}100%,89%{font-size:.82rem;font-weight:600}}.dti-demo-body{position:relative;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr);width:56px;height:52px;pointer-events:none;align-self:flex-end}.dti-demo-phase{grid-column:1;grid-row:1;position:relative;align-self:start;width:100%;height:100%;pointer-events:none}.dti-demo-phase--good{animation:dti-demo-phase-opacity-good var(--dti-demo-cycle,8s) linear infinite}.dti-demo-phase--warning{animation:dti-demo-phase-opacity-warning var(--dti-demo-cycle,8s) linear infinite}.dti-demo-phase--bad{animation:dti-demo-phase-opacity-bad var(--dti-demo-cycle,8s) linear infinite}@keyframes dti-demo-phase-opacity-good{0%,24%{opacity:1}28%,91%{opacity:0}100%,92%{opacity:1}}@keyframes dti-demo-phase-opacity-warning{0%,27%{opacity:0}28%,52%{opacity:1}100%,53%{opacity:0}}@keyframes dti-demo-phase-opacity-bad{0%,55%{opacity:0}56%,88%{opacity:1}100%,89%{opacity:0}}.dti-demo-icon{position:absolute;right:0;bottom:0;line-height:0;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:100%}.dti-demo-icon img{width:56px;height:auto;max-height:52px;object-fit:contain;object-position:right bottom}.dti-gradient-demo .dti-demo-title-layout-phase--good{animation:dti-demo-phase-opacity-good var(--dti-demo-cycle,8s) linear infinite}.dti-gradient-demo .dti-demo-title-layout-phase--warning{animation:dti-demo-phase-opacity-warning var(--dti-demo-cycle,8s) linear infinite}.dti-gradient-demo .dti-demo-title-layout-phase--bad{animation:dti-demo-phase-opacity-bad var(--dti-demo-cycle,8s) linear infinite}.dti-demo-subline{margin:0;padding-top:2px;font-size:.78rem;font-weight:500;line-height:1.45;color:var(--dti-text-muted);max-width:100%}.dti-demo-subline--bad{font-size:.76rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.dti-demo-phase--bad,.dti-demo-phase--good,.dti-demo-phase--warning,.dti-demo-title-item--bad,.dti-demo-title-item--good,.dti-demo-title-item--warning,.dti-gradient-bar-indicator--demo,.dti-gradient-demo .dti-demo-title-layout-phase--bad,.dti-gradient-demo .dti-demo-title-layout-phase--good,.dti-gradient-demo .dti-demo-title-layout-phase--warning,.dti-gradient-demo .dti-gradient-bar-wrap--empty .dti-gradient-bar{animation:none}.dti-gradient-demo .dti-gradient-bar-wrap--empty .dti-gradient-bar{background:linear-gradient(to bottom,var(--dti-orange) 0,#fa923c 11%,#f0b020 24%,#c8e070 38%,var(--dti-success) 50%,#5cb85c 76%,#7dd693 100%)}.dti-gradient-bar-indicator--demo{top:58%;background:rgba(40,167,69,.42)}.dti-demo-title-item--good{font-size:1.22rem;font-weight:800}.dti-demo-title-item--bad,.dti-demo-title-item--warning{font-size:.82rem;font-weight:600}.dti-gradient-demo .dti-demo-title-layout-phase--good{opacity:1}.dti-gradient-demo .dti-demo-title-layout-phase--bad,.dti-gradient-demo .dti-demo-title-layout-phase--warning{opacity:0}.dti-demo-phase--good{opacity:1}.dti-demo-phase--bad,.dti-demo-phase--warning{opacity:0}.dti-gradient-demo-content{min-height:0}}