@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{.BMP1uG_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.BMP1uG_samples{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.BMP1uG_sample{gap:var(--spacing);flex-direction:column;display:flex}.BMP1uG_heading{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-fg-base);transition:font-size var(--duration-fast) var(--easing-in-out)}.BMP1uG_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{._0yPCjq_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}._0yPCjq_list{gap:calc(var(--spacing) * 2);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}._0yPCjq_item{border-radius:var(--radius-md);background-color:var(--color-primary-bg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-primary-fg);transition-property:width,opacity;transition-duration:var(--duration-moderate);transition-timing-function:var(--easing-in-out)}._0yPCjq_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{.q_oLfW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.q_oLfW_comparison{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}@media (min-width:40rem){.q_oLfW_comparison{gap:calc(var(--spacing) * 8);flex-direction:row}}.q_oLfW_panel{gap:calc(var(--spacing) * 2);flex-direction:column;flex:1;display:flex}.q_oLfW_heading{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold);color:var(--color-fg-base)}.q_oLfW_frame{border-radius:var(--radius-md);background-color:var(--color-bg-mute);overflow:hidden}.q_oLfW_shape{height:calc(var(--spacing) * 32);background-image:linear-gradient(to bottom right in oklab, var(--color-group-secondary), var(--color-group-quaternary))}.q_oLfW_note{font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{.RLJXPq_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.RLJXPq_controls{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (min-width:40rem){.RLJXPq_controls{align-items:flex-end;gap:calc(var(--spacing) * 6);flex-direction:row}}.RLJXPq_field{flex:1}.RLJXPq_list{gap:calc(var(--spacing) * 2);flex-direction:column;padding:0;list-style-type:none;display:flex}.RLJXPq_item{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-base)}.RLJXPq_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;