._wrapper_gb45g_1._wrapper_gb45g_1{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;width:100%;padding:1rem 0}._wrapper_gb45g_1._wrapper_gb45g_1._offset_gb45g_10{padding-top:6rem}._wrapper_gb45g_1._wrapper_gb45g_1 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._demo_gb45g_17{container-type:inline-size;container-name:demo}._section_gb45g_22{display:grid;gap:1rem;padding:1rem;background-color:hsl(from #ebf6fe h s calc(l - 5));border-radius:16px}@container (min-width: 400px){._section_gb45g_22{grid-template-columns:minmax(0,9rem) 1fr}}._section_gb45g_22._cq01_gb45g_34{--size: 44px;--gap: 1rem;--count: 8;--width: calc(var(--size) * var(--count) + var(--gap) * (var(--count) - 1));--items-row: 5;--max-width: calc( var(--size) * var(--items-row) + var(--gap) * (var(--items-row) - 1) )}._section_gb45g_22._cq01_gb45g_34 ._channels_gb45g_44{max-width:var(--max-width)}@container (width >= 464px){._section_gb45g_22._cq01_gb45g_34 ._channels_gb45g_44{max-width:initial;background-color:rgba(from deeppink r g b/.3)}}._section_gb45g_22._cq02_gb45g_53{--size: 44px;--gap: 1rem;--count: 8;--items-row: 5;--width: calc(var(--size) * var(--count) + var(--gap) * (var(--count) - 1));--min: calc( var(--size) * var(--items-row) + var(--gap) * (var(--items-row) - 1) );--max-width: clamp(var(--min), (100cqw - var(--width)) * 999, 100%)}._section_gb45g_22._cq02_gb45g_53 ._channels_gb45g_44{max-width:var(--max-width)}._section_gb45g_22._cq04_gb45g_67{--count: 8}._section_gb45g_22._cq04_gb45g_67 ul{-moz-column-gap:1rem;column-gap:1rem;row-gap:0}._section_gb45g_22._cq04_gb45g_67 ul:before{content:"";display:block;width:10px;height:1px;background-color:red;order:calc(var(--count) / 2 + 1);flex:0 0 100%;margin-block:.5rem}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(1){order:1}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(2){order:2}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(3){order:3}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(4){order:4}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(5){order:5}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(6){order:6}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(7){order:7}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(8){order:8}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(9){order:9}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(10){order:10}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(11){order:11}._section_gb45g_22._cq04_gb45g_67 ul li:nth-child(12){order:12}@container channel (width >= 480px){._section_gb45g_22._cq04_gb45g_67 ul{gap:1rem}._section_gb45g_22._cq04_gb45g_67 ul:before{display:none}}._section_gb45g_22._cq05_gb45g_128 ._channels_gb45g_44{flex-wrap:balance}._section_gb45g_22._cq06_gb45g_131 ._channels_gb45g_44{flex-wrap:balance;flex-direction:column;flex-line-count:4}._section_gb45g_22._cq06_gb45g_131 ._channels_gb45g_44>*{outline:solid 1px}._title_gb45g_140._title_gb45g_140{font-size:1rem;font-weight:700;text-wrap:balance;text-align:center}@container (min-width: 400px){._title_gb45g_140._title_gb45g_140{text-align:start}}._channelsWrapper_gb45g_152{container-type:inline-size;container-name:channel;--test: calc(352px + 7rem) }._channels_gb45g_44{margin-inline:auto;flex:1;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}._channel_gb45g_44 a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background-color:var(--brand);box-shadow:0 2px 6px #00000026}._channel_gb45g_44 svg{width:22px;height:22px;color:#fff}._channels02_gb45g_184{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}._channels02_gb45g_184>div{display:contents}@container (width >= 500px){._channels02_gb45g_184>div{display:inherit;flex-wrap:inherit;justify-content:inherit;gap:inherit;background-color:rgba(from deeppink r g b/.3)}}._control_gb45g_203{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:14px}._control_gb45g_203 input[type=range]{width:7rem;max-width:100%}._stepper_gb45g_215{display:flex;align-items:center;gap:.25rem;padding:2px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px}._stepper_gb45g_215 button{width:26px;height:26px;display:grid;place-items:center;font-size:16px;line-height:1;color:#9c3ce7;background-color:transparent;border:0;border-radius:6px;cursor:pointer}._stepper_gb45g_215 button:hover:not(:disabled){background-color:#9c3ce71f}._stepper_gb45g_215 button:disabled{color:#00000040;cursor:not-allowed}._stepper_gb45g_215 input{width:2.25rem;padding:0;font-size:14px;text-align:center;color:inherit;background-color:transparent;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._stepper_gb45g_215 input::-webkit-outer-spin-button,._stepper_gb45g_215 input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}._stepper_gb45g_215 input:focus-visible{outline:1px solid #9c3ce7;outline-offset:2px;border-radius:4px}._value_gb45g_264{min-width:5ch;font-variant-numeric:tabular-nums;color:#0009}