@layer components{.pl-ladder-grid{isolation:isolate;position:relative}.pl-ladder-grid:before{content:"";z-index:-1;top:0;bottom:0;left:calc(var(--hl) * 25%);background:var(--qx-color-surface-sunken);width:25%;position:absolute}.m-sunken .pl-ladder-grid:before{background:var(--qx-color-surface-raised)}.pl-ladder-plans,.pl-rung,.pl-rung-bar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pl-ladder-plans{border-bottom:1px solid var(--qx-color-border-strong)}.pl-ladder-plans li{align-content:start;gap:.5rem;padding:1.5rem .75rem;display:grid;position:relative}.pl-ladder-plans li[data-highlight]:before{content:"";background:var(--qx-color-border-brand);height:3px;position:absolute;top:0;left:0;right:0}.pl-ladder-price{flex-wrap:wrap;align-items:baseline;gap:0 .35rem;display:flex}.pl-ladder-price .m-geo{color:var(--qx-color-text-default);font-size:clamp(1.25rem,.7rem + 1.8vw,2.5rem);line-height:1.05}.pl-ladder-period,.pl-ladder-mau{color:var(--qx-color-text-subtle);font-size:.875rem}.pl-ladder-mau{color:var(--qx-color-text-default);font-weight:600}.pl-rung{border-bottom:1px solid var(--qx-color-border-default);row-gap:.625rem;padding-block:1.125rem}.pl-rung-name{color:var(--qx-color-text-default);grid-column:1/-1;padding-inline:.75rem;font-size:.9375rem;font-weight:600}@media (min-width:760px){.pl-rung-name{grid-column:var(--start) / -1}}.pl-rung-bar{grid-column:1/-1}.pl-seg{border-radius:4px;height:.5rem;margin-inline:1px}.pl-seg[data-status=included],.pl-seg[data-status=custom]{background:var(--qx-color-surface-inverse)}.pl-seg[data-status=limited]{background:color-mix(in oklab, var(--qx-color-surface-inverse) 32%, transparent)}.pl-seg[data-status=unavailable]{background:linear-gradient(var(--qx-color-border-default), var(--qx-color-border-default)) center / 100% 1px no-repeat;border-radius:0}.pl-rung-notes{color:var(--qx-color-text-subtle);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));font-size:.8125rem;display:grid}.pl-rung-notes span{padding-inline:.75rem}.pl-ladder-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:1.5rem;display:flex}.pl-legend{color:var(--qx-color-text-subtle);flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.875rem;display:flex}.pl-legend li{align-items:center;gap:.5rem;display:flex}.pl-legend .pl-seg{width:1.75rem;margin:0}}