@layer properties,theme,base;@layer components{.mzSkOG_input{z-index:var(--z-index-raised);appearance:none;height:calc(var(--spacing) * 8);background-color:#0000;width:100%;position:absolute;inset:0}@container style(--writing:vertical){.mzSkOG_input{height:auto;width:calc(var(--spacing) * 8);writing-mode:vertical-lr}}.mzSkOG_input:focus{outline-style:none}.mzSkOG_input:disabled{cursor:not-allowed}.mzSkOG_input::-webkit-slider-runnable-track{height:calc(var(--spacing) * 2);border-radius:var(--radius-full);background-color:#0000}.mzSkOG_input::-webkit-slider-thumb{margin-top:calc(var(--spacing) * -1);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);appearance:none;border-radius:var(--radius-full);border-style:solid;border-width:1px;border-color:var(--color-border-base);background-color:var(--color-bg-base);box-shadow:var(--shadow-xs)}.mzSkOG_input::-moz-range-track{height:calc(var(--spacing) * 2);border-radius:var(--radius-full);background-color:#0000}.mzSkOG_input::-moz-range-progress{height:calc(var(--spacing) * 2);border-radius:var(--radius-full);background-color:#0000}.mzSkOG_input::-moz-range-thumb{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);border-radius:var(--radius-full);border-style:solid;border-width:1px;border-color:var(--color-border-base);background-color:var(--color-bg-base);box-shadow:var(--shadow-xs)}.mzSkOG_invalid::-webkit-slider-thumb{border-color:var(--color-border-error)}.mzSkOG_invalid::-moz-range-thumb{border-color:var(--color-border-error)}.mzSkOG_input:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-ring-info), var(--shadow-xs);border-color:#0000}.mzSkOG_input:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-ring-info), var(--shadow-xs);border-color:#0000}.mzSkOG_invalid:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-ring-error), var(--shadow-xs)}.mzSkOG_invalid:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-ring-error), var(--shadow-xs)}}@layer utilities;
@layer properties,theme,base;@layer components{.DOj2rq_root{block-size:calc(var(--spacing) * 8);justify-content:center;align-items:center;inline-size:100%;display:flex;position:relative}@container style(--writing:vertical){.DOj2rq_root{inline-size:calc(var(--spacing) * 48)}}.DOj2rq_disabled{cursor:not-allowed;opacity:.5}.DOj2rq_track{border-radius:var(--radius-full);block-size:calc(var(--spacing) * 2);background-color:var(--color-bg-mute);inline-size:100%;position:relative}.DOj2rq_fill{block-size:100%;inline-size:var(--slider-progress);border-radius:var(--radius-full);background-color:var(--color-primary-bg);position:absolute;inset-block-end:0;inset-inline-start:0}.DOj2rq_fillInvalid{background-color:var(--color-bg-error)}@media (forced-colors:active){.DOj2rq_fill{background-color:var(--color-system-highlight)}}.DOj2rq_pending{pointer-events:none}}@layer utilities;
@layer properties,theme,base;@layer components{.tx-NpW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.tx-NpW_controls{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.tx-NpW_controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.tx-NpW_preview{align-items:center;gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.tx-NpW_plane{width:100%;max-width:calc(var(--spacing) * 80);aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);position:relative;overflow:hidden}.tx-NpW_axisY{background-color:var(--color-fg-subtle);width:1px;height:100%;position:absolute;top:0;left:50%}.tx-NpW_axisX{background-color:var(--color-fg-subtle);width:100%;height:1px;position:absolute;top:50%;left:0}.tx-NpW_point{z-index:var(--z-index-raised);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:var(--radius-full);transition:all var(--duration-slow) var(--easing-out);position:absolute}.tx-NpW_readout{top:calc(var(--spacing) * 2);left:calc(var(--spacing) * 2);color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);position:absolute}.tx-NpW_notes{align-items:flex-start;gap:calc(var(--spacing) * 2);color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex-direction:column;display:flex}@media (min-width:48rem){.tx-NpW_notes{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}}@layer utilities;