@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{._8VkDda_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}._8VkDda_samples{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}._8VkDda_sample{gap:var(--spacing);flex-direction:column;display:flex}._8VkDda_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)}._8VkDda_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{.ofo2EW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.ofo2EW_list{gap:calc(var(--spacing) * 2);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}.ofo2EW_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)}.ofo2EW_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{.VZSPoW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.VZSPoW_comparison{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}@media (min-width:40rem){.VZSPoW_comparison{gap:calc(var(--spacing) * 8);flex-direction:row}}.VZSPoW_panel{gap:calc(var(--spacing) * 2);flex-direction:column;flex:1;display:flex}.VZSPoW_heading{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold);color:var(--color-fg-base)}.VZSPoW_frame{border-radius:var(--radius-md);background-color:var(--color-bg-mute);overflow:hidden}.VZSPoW_shape{height:calc(var(--spacing) * 32);background-image:linear-gradient(to bottom right in oklab, var(--color-group-secondary), var(--color-group-quaternary))}.VZSPoW_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{.RNAMXa_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.RNAMXa_controls{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (min-width:40rem){.RNAMXa_controls{align-items:flex-end;gap:calc(var(--spacing) * 6);flex-direction:row}}.RNAMXa_field{flex:1}.RNAMXa_list{gap:calc(var(--spacing) * 2);flex-direction:column;padding:0;list-style-type:none;display:flex}.RNAMXa_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)}.RNAMXa_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;