@layer components{.ow .ow-cost__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.ow .ow-cost__field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px}.ow .ow-cost__field--wide{grid-column:1/-1}.ow .ow-cost__inline{display:flex;gap:8px}.ow .ow-cost__inline input{flex:1}.ow .ow-cost input[type=number],.ow .ow-cost select{width:100%;min-width:0;min-height:40px;padding:6px 10px;border:1px solid var(--ow-line);border-radius:10px;background:var(--ow-bg);color:var(--ow-fg);font:inherit;font-size:15px;font-variant-numeric:tabular-nums}.ow .ow-cost__inline select{width:auto}.ow .ow-cost input:focus-visible,.ow .ow-cost select:focus-visible,.ow .ow-cost summary:focus-visible{outline:2px solid var(--ow-blue);outline-offset:2px}.ow .ow-cost input:disabled,.ow .ow-cost select:disabled{opacity:.55}.ow .ow-cost__hint{margin-top:6px;color:var(--ow-muted);font-size:13px}.ow .ow-cost__details{margin-top:16px;font-size:14px}.ow .ow-cost__details summary{min-height:40px;padding-block:8px;color:var(--ow-blue);cursor:pointer}.ow .ow-cost__tier{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--ow-line)}.ow .ow-cost__tier legend{font-weight:600}.ow .ow-cost .ow-requests>.ow-button-quiet,.ow .ow-cost__details .ow-button-quiet{margin-top:12px}.ow .ow-cost__opt{padding-bottom:8px}.ow .ow-cost__opt.is-off .ow-cost__field,.ow .ow-cost__opt.is-off .ow-cost__slider{opacity:.6}.ow .ow-cost__slider{margin-top:4px}.ow .ow-cost__opt>.ow-cost__field{margin-top:8px}.ow .ow-cost__subheading{margin-top:28px}.ow .ow-cost__totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.ow .ow-cost__totals--small{grid-template-columns:repeat(2,minmax(0,1fr))}.ow .ow-cost__totals>div{padding:14px 16px;border-radius:16px;background:var(--ow-panel)}.ow .ow-cost__totals dt{color:var(--ow-muted);font-size:13px}.ow .ow-cost__totals dd{margin:2px 0 0;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere}.ow .ow-cost__totals dd span{color:var(--ow-muted);font-size:14px;font-weight:400}.ow .ow-cost__totals .is-good dd{color:var(--ow-good)}.ow .ow-cost__totals .is-bad dd{color:var(--ow-bad)}.ow .ow-cost__bar{display:flex;height:20px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--ow-panel)}.ow .ow-cost__seg{height:100%;transition:width var(--transition-base) ease}.ow .ow-cost__seg--cache{background:var(--ow-good)}.ow .ow-cost__seg--routing{background:var(--ow-blue)}.ow .ow-cost__seg--compression{background:var(--secondary)}.ow .ow-cost__seg--cap{background:var(--ow-warn)}.ow .ow-cost__seg--remaining{background:var(--ow-line)}.ow .ow-cost__legend{margin-top:10px;padding:0;list-style:none;font-size:14px}.ow .ow-cost__legend li{display:flex;align-items:center;gap:10px;padding-block:6px;border-top:1px solid var(--ow-line)}.ow .ow-cost__swatch{flex:none;width:12px;height:12px;border-radius:3px}.ow .ow-cost__legend-label{flex:1}.ow .ow-cost__legend-value{font-variant-numeric:tabular-nums;text-align:right}.ow .ow-cost__note{margin-top:8px;font-size:14px}.ow .ow-cost__note--bad{color:var(--ow-bad)}.ow .ow-cost__limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}.ow .ow-cost__limit-list{margin-top:8px;padding:0;list-style:none;font-size:14px}.ow .ow-cost__limit-list li{display:flex;flex-direction:column;gap:2px;padding-block:8px;border-top:1px solid var(--ow-line);font-variant-numeric:tabular-nums}.ow .ow-cost__limit-model{font-weight:600}.ow .ow-cost__meter{display:block;height:6px;margin-block:4px;overflow:hidden;border-radius:999px;background:var(--ow-panel)}.ow .ow-cost__meter>span{display:block;height:100%;transition:width var(--transition-base) ease}.ow .ow-cost__meter .is-ok{background:var(--ow-good)}.ow .ow-cost__meter .is-over{background:var(--ow-bad)}.ow .ow-cost__verdict.is-good{color:var(--ow-good)}.ow .ow-cost__verdict.is-bad{color:var(--ow-bad)}@media (max-width:720px){.ow .ow-cost__limits,.ow .ow-cost__totals{grid-template-columns:1fr}.ow .ow-cost__totals--small{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.ow .ow-cost__fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ow .ow-cost__meter>span,.ow .ow-cost__seg{transition:none}}}