/* A native axis gutter, not a surface laid over the price history. */
.buy-axis-clip{position:absolute;z-index:4;pointer-events:none;overflow:hidden;opacity:var(--pad-chart-opacity,1)}
.buy-axis-clip[hidden]{display:none!important}
.buy-axis{position:absolute;width:72px;pointer-events:none;background:none;border:0;box-shadow:none;backdrop-filter:none;overflow:visible;opacity:0}
.buy-axis i{display:block;position:absolute;pointer-events:none}
.buy-axis-dot-clip{position:absolute;left:27.5px;top:0;width:1px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0,black 35%,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 35%,black 65%,transparent 100%)}
.buy-axis-dots{inset:0 0 -6px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.22) 0 2px,transparent 2px 6px)}
.buy-axis-glint{left:0;top:0;width:1px;height:24px;background:rgba(255,255,255,.45)}
.buy-axis-solid,.buy-axis-fill{left:25px;width:6px;top:0;bottom:auto;border-radius:3px;transform-origin:center}
.buy-axis-solid{background:#ffffff;opacity:0}
.buy-axis-fill{background:var(--positive);height:0}
.buy-axis-tick{left:20px;width:16px;height:1px;background:rgba(255,255,255,.6);top:0;opacity:1}
.buy-axis-buy-tick{opacity:0}
.buy-axis-tag{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:44px;height:20px;padding:0 4px;border-radius:8px;background:rgba(14,14,16,.72);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:0;box-shadow:none;color:var(--muted);font:500 11px/20px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}
.buy-axis-buy-tag[data-confirmed=true]{color:var(--positive)}
.buy-axis .buy-axis-buy-tag{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:700;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transition:color 150ms linear;text-decoration:none}
.buy-axis .buy-axis-buy-tag:before,.buy-axis .buy-axis-buy-tag:after{content:none}
.buy-axis[data-state=bought] .buy-axis-buy-tag{color:var(--tertiary)}
.buy-axis[data-state=bought] .buy-axis-buy-tag[data-confirmed=true]{color:var(--positive)}
.buy-axis-tag b{font:inherit}
.buy-axis-tag svg{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.buy-axis[data-unavailable=true] .buy-axis-buy-tag{color:var(--tertiary)}
:is(.ride-layer,.pro-ride-lane) .buy-axis .buy-axis-buy-tag{background:rgba(14,14,16,.72);border:0;border-radius:8px;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:none;filter:none;font-weight:500}
:is(.ride-layer,.pro-ride-lane) .buy-axis[data-state=bought] .buy-axis-buy-tag{gap:0}
:is(.ride-layer,.pro-ride-lane) .buy-axis[data-state=bought] .buy-axis-buy-tag b{display:none}
.buy-axis-hint{position:absolute;font:400 11px/16px var(--font);color:var(--tertiary);white-space:nowrap;opacity:0}
.buy-axis-lock-group{position:absolute;left:0;right:0;top:0}
.buy-axis-lock-group[hidden]{display:none!important}
.chart-series-mask{position:absolute;left:56px;right:0;top:0;bottom:0;pointer-events:none;mask-image:linear-gradient(to right,transparent 0,#000 56px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 56px)}
.chart-series-mask>canvas{position:absolute;left:-56px;top:0;width:calc(100% + 56px)!important;height:100%!important;max-width:none}
.chart-drawing>[data-ui=chart]{position:relative;z-index:1;background:none;pointer-events:none}
.chart-series-mask[hidden]{display:none!important}

:is(.ride-layer,.pro-ride-lane) .buy-axis{z-index:30}