.box-presets{container-type:inline-size;margin:18px 0;padding:16px;border:1px solid #394b55;border-radius:12px;background:#0a171e;min-width:0}
.box-presets h3{margin:0;font-size:18px}.box-presets-help{font-size:12px;line-height:1.6;color:#acbec8;margin:7px 0 12px}.box-presets-help:last-child{margin-bottom:0}
.box-preset-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.box-preset{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;min-width:0;padding:13px 11px;border:1px solid #52616a;border-radius:9px;background:#111f28;color:#e9f0f4;cursor:pointer;font:inherit;transition:border-color .15s,background .15s}
.box-preset:hover{border-color:#e1c187}.box-preset:focus-visible{outline:3px solid #e1c187;outline-offset:2px}.box-preset[aria-pressed="true"]{border-color:#86d5c0;background:#153d35;box-shadow:inset 0 0 0 1px #86d5c0}.box-preset:disabled{opacity:.6;cursor:default}
.box-preset strong{font-size:15px}.box-preset-description{color:#bacad2;font-size:12px;line-height:1.5;min-height:36px}.box-preset-volume{font-size:23px;font-weight:750;color:#f0dda9;margin-top:3px}.box-preset-metrics{font-size:11px;color:#c4d2d9;line-height:1.5}.box-preset-state{font-size:12px;color:#b6eadc;margin-top:auto;padding-top:7px}
@media(max-width:650px){.box-presets{padding:12px}.box-preset-options{grid-template-columns:1fr}.box-preset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px}.box-preset strong{grid-column:1;grid-row:1}.box-preset-description{grid-column:1;grid-row:2;min-height:0}.box-preset-volume{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;white-space:nowrap}.box-preset-metrics{grid-column:1/-1}.box-preset-state{grid-column:1/-1;padding-top:2px}}

@container(max-width:650px){.box-presets{padding:12px}.box-preset-options{grid-template-columns:1fr}.box-preset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px}.box-preset strong{grid-column:1;grid-row:1}.box-preset-description{grid-column:1;grid-row:2;min-height:0}.box-preset-volume{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;white-space:nowrap}.box-preset-metrics{grid-column:1/-1}.box-preset-state{grid-column:1/-1;padding-top:2px}}