.configurator{--slider-height: 80px}.configurator .configurator-title{font-size:1.5rem;font-weight:700;margin-top:0}[config-grid]{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(36px,max-content);gap:1rem 2rem;margin-top:3rem}@media (min-width: 36em){[config-grid]{grid-template-columns:max-content 1fr;gap:3rem 2rem}}@media (min-width: 72em){[config-grid]{gap:2rem 2rem}}[config-grid] h3{margin:2rem 0 1rem;font-size:1.125rem;font-weight:600;padding-top:.5rem}@media (min-width: 36em){[config-grid] h3,[config-grid] h3:not(:first-child){margin:0}}[config-list]{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:1rem 2rem;align-items:center}[config-list] li{margin:0!important;display:flex;align-items:center;gap:.5rem}[config-grid].block li{min-width:210px}[config-list] li.full{width:100%}[config-list] li:is(:hover,:focus-within) label{color:var(--fg);transition:none}[config-list] label{margin:0;user-select:none;white-space:nowrap}[config-list] input[type=color]{width:4rem}[config-list] input[type=range],[config-list] .rangeSlider{width:12rem;box-shadow:none;accent-color:var(--fg)}@media (min-width: 72em){[config-list] input[type=range],[config-list] .rangeSlider{width:8rem}}[config-list] li:has(input[type=range],.rangeSlider){min-height:35px;margin-top:-2px}[config-list] input[type=text],[config-list] input[type=number],[config-list] select{padding:.5rem}[config-list] select{padding-inline-end:2.25rem}[config-list] input[type=number]{min-width:10ch;max-width:12ch;&.larger{max-width:14ch}}[config-list] input[type=text].hex{width:10ch}.configurator-range-slider{position:sticky;display:grid;align-content:center;z-index:10;bottom:calc(var(--theme-navbar-height) + var(--slider-height) + 10px);background:var(--bg);min-height:var(--slider-height);padding-block:2rem;padding-inline:2rem;margin-inline:-.8rem;margin-top:2rem;border-radius:.66rem;box-shadow:#00000012 0 0 2px,#00000012 0 0 4px,#00000012 0 0 8px,#00000012 0 0 16px,#00000012 0 0 32px,#00000012 0 0 64px}.configurator-range-slider.bottom{&:not(.top){margin-top:1em}bottom:calc(var(--theme-navbar-height) + 10px)}.vertical .configurator-range-slider{min-width:var(--slider-height);right:0;left:auto;width:calc(var(--slider-height) * 3);margin-left:auto;height:320px;display:grid;align-content:center;justify-items:center;.rangeSlider.rsVertical.rsPipLabels{margin-right:0}}@media (min-width: 50em){.configurator-range-slider{bottom:calc(var(--slider-height) + 20px)}.configurator-range-slider.bottom{bottom:10px}}.configurator-range-slider .rangeSlider.rangeSlider{margin-block:0}.configurator-range-slider .rangeSlider.rsPipLabels{margin-block:1rem}[config-list] .note{margin-top:0!important;opacity:.5;transition:opacity .2s ease-in-out}[config-list]:focus-within .note,[config-list]:hover .note{opacity:1}.configurator-controls{position:absolute;right:.5em;top:.5em}.reset-button{display:grid;grid-template-columns:0fr min-content;align-items:center;justify-content:end;gap:0rem;overflow:hidden;padding:.75rem;border-radius:.5rem;transition:all .6s var(--ease-overshoot)!important;transition-behavior:allow-discrete}.reset-button .iconify{background:inherit;z-index:1}.reset-text{position:relative;bottom:1px;display:grid;grid-template-rows:1fr;gap:1.3em;height:1.3em;white-space:nowrap;opacity:0;overflow:hidden;transition:all .6s var(--ease-overshoot);transition-behavior:allow-discrete}.reset-button:hover,.reset-button:active,.reset-button.is-reset{grid-template-columns:1fr min-content;gap:.5rem;.reset-text{opacity:1}}.reset-button.is-reset .reset-text{translate:0 -200%;overflow:visible}.configurator-range-slider.darkmode{background:var(--dark)}.configurator .slider-container fieldset{padding-bottom:0}.configurator .mini-slider{font-size:.75rem;height:8px;color:var(--fg);background:var(--b);margin:0 1em 0 0!important;box-shadow:0 2px 3px -2px var(--bor);--handle-inactive: var(--fg);--handle-focus: var(--tint);.rangeHandle{top:50%;height:14px;width:22px;&:before{display:none}&.rsActive .rangeFloat{box-shadow:0 0 0 1px var(--fg),inset 0 0 0 1px var(--tint2);font-weight:800}}.rangeFloat{padding:0 .25em;display:flex;align-items:center;justify-content:center;border-radius:1em;min-width:2.5em;top:50%;height:1.8em;translate:-50% -50% .01px!important;opacity:1;color:var(--bg);background:var(--fg)}}