.bmm-gradient{display:grid;gap:var(--bmm-space-5)}.bmm-gradient__stage{display:grid;gap:var(--bmm-space-2)}.bmm-gradient__preview{--bmm-gradient: linear-gradient(90deg, #ff512f 0%, #f09819 100%);--bmm-gradient-ink: #000;display:grid;place-items:center;height:12rem;padding:var(--bmm-space-4);background:var(--bmm-gradient);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-gradient__sample-button,.bmm-gradient__sample-text{display:none}.bmm-gradient__preview.is-button,.bmm-gradient__preview.is-text{background:var(--bmm-color-bg)}.bmm-gradient__preview.is-button .bmm-gradient__sample-button{display:inline-block;padding:var(--bmm-space-3) var(--bmm-space-6);font-size:var(--bmm-font-size-md);font-weight:700;color:var(--bmm-gradient-ink);background:var(--bmm-gradient);border-radius:99rem}.bmm-gradient__preview.is-text .bmm-gradient__sample-text{display:block;font-size:clamp(2rem,9vw,4rem);font-weight:800;line-height:1.1;color:transparent;text-align:center;background:var(--bmm-gradient);-webkit-background-clip:text;background-clip:text}.bmm-gradient__ink{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-gradient__fieldset{min-width:0;padding:0;margin:0;border:0}.bmm-gradient__fieldset .bmm-field__label{padding:0;margin-bottom:var(--bmm-space-1)}.bmm-gradient__editor{display:grid;gap:var(--bmm-space-5);align-content:start}.bmm-gradient__bar-wrap{position:sticky;top:var(--bmm-header-offset, 0px);transition:top .25s ease;z-index:2;display:grid;gap:var(--bmm-space-1);padding:var(--bmm-space-2) 0;background:var(--bmm-color-bg)}.bmm-gradient__bar{--bmm-bar: linear-gradient(to right, #ff512f 0%, #f09819 100%);position:relative;height:3rem;margin:0 var(--bmm-space-3);touch-action:none;cursor:copy;background:var(--bmm-bar);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-gradient__bar-hint{margin-top:calc(-1 * var(--bmm-space-4))}.bmm-gradient__handle{position:absolute;top:-.25rem;bottom:-.25rem;left:calc(var(--bmm-pos, 0) * 1%);width:1.5rem;cursor:grab;background:var(--bmm-handle-color, #fff);border:3px solid var(--bmm-color-marker);border-radius:var(--bmm-radius-sm);outline-offset:2px;box-shadow:0 0 0 1px var(--bmm-color-marker-edge);transform:translate(-50%)}.bmm-gradient__handle[aria-valuenow="100"]{--bmm-pos: 100}.bmm-gradient__handle.is-selected{z-index:1;box-shadow:0 0 0 1px var(--bmm-color-marker-edge),0 0 0 4px var(--bmm-color-accent)}.bmm-gradient__handle:active{cursor:grabbing}.bmm-gradient__controls{display:grid;gap:var(--bmm-space-4);align-content:start}.bmm-gradient__angle{display:grid;grid-template-columns:1fr 5rem;gap:var(--bmm-space-2);align-items:center}.bmm-gradient__angle-number{min-height:2.5rem;font-family:var(--bmm-font-mono);text-align:right}.bmm-gradient__directions{display:flex;flex-wrap:wrap;gap:var(--bmm-space-1);margin-top:var(--bmm-space-2)}.bmm-gradient__directions [aria-pressed=true]{color:var(--bmm-color-bg);background:var(--bmm-color-accent);border-color:var(--bmm-color-accent)}.bmm-gradient__at{position:relative;display:grid;grid-template-columns:repeat(3,2.75rem);gap:var(--bmm-space-1)}.bmm-gradient__at-input{position:absolute;opacity:0}.bmm-gradient__at-label{display:grid;place-items:center;width:2.75rem;height:2.75rem;cursor:pointer;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-gradient__at-label:after{width:.5rem;height:.5rem;content:"";background:var(--bmm-color-border);border-radius:50%}.bmm-gradient__at-input:checked+.bmm-gradient__at-label{border-color:var(--bmm-color-accent)}.bmm-gradient__at-input:checked+.bmm-gradient__at-label:after{width:.875rem;height:.875rem;background:var(--bmm-color-accent)}.bmm-gradient__at-input:focus-visible+.bmm-gradient__at-label{outline:3px solid var(--bmm-color-accent);outline-offset:2px}.bmm-gradient__reverse{justify-self:start}.bmm-gradient__title{margin-bottom:var(--bmm-space-3);font-size:var(--bmm-font-size-lg)}.bmm-gradient__stop-list{display:grid;gap:var(--bmm-space-2);margin-bottom:var(--bmm-space-3)}.bmm-gradient__stop{display:grid;grid-template-areas:"color hex hex hex" "range range value remove";grid-template-columns:2.75rem minmax(0,1fr) 3rem 2.75rem;gap:var(--bmm-space-2);align-items:center;padding:var(--bmm-space-2);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-gradient__stop.is-selected{border-color:var(--bmm-color-accent)}.bmm-gradient__stop-color{grid-area:color}.bmm-gradient__stop-hex{grid-area:hex}.bmm-gradient__stop-range{grid-area:range}.bmm-gradient__stop-value{grid-area:value;font-family:var(--bmm-font-mono);font-size:var(--bmm-font-size-sm);text-align:right}.bmm-gradient__stop-remove{grid-area:remove}.bmm-gradient__output{display:grid;gap:var(--bmm-space-3);align-content:start}.bmm-gradient__output .bmm-gradient__title{margin-bottom:0}.bmm-gradient__fallback{display:flex;gap:var(--bmm-space-2);align-items:center;font-size:var(--bmm-font-size-sm)}.bmm-gradient__fallback input{width:1.25rem;height:1.25rem;accent-color:var(--bmm-color-accent)}.bmm-gradient__actions{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2)}.bmm-gradient__code{padding:var(--bmm-space-3);margin:0;overflow-x:auto;font-size:var(--bmm-font-size-sm);white-space:pre-wrap;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-gradient__presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--bmm-space-3)}.bmm-gradient__preset{display:block;width:100%;padding:0;overflow:hidden;text-align:left;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-md)}.bmm-gradient__preset:hover{border-color:var(--bmm-color-accent)}.bmm-gradient__preset-chip{width:100%;height:4.5rem}.bmm-gradient__preset-name{display:block;padding:var(--bmm-space-2) var(--bmm-space-3) 0;font-size:var(--bmm-font-size-sm);font-weight:600}.bmm-gradient__preset-codes{display:block;padding:0 var(--bmm-space-3) var(--bmm-space-3);font-family:var(--bmm-font-mono);font-size:.75rem;color:var(--bmm-color-muted);overflow-wrap:anywhere}@media(min-width:30rem){.bmm-gradient__stop{grid-template-areas:"color hex range value remove";grid-template-columns:2.75rem 7.5rem minmax(4rem,1fr) 3rem 2.75rem}}@media(min-width:48rem){.bmm-gradient{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.bmm-gradient__stage{grid-column:1 / -1}.bmm-gradient__bar-wrap{position:static;padding:0}.bmm-gradient__controls{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}