.Demo_root__1bMF3{position:relative;width:400px;padding:var(--mantine-spacing-sm);border-radius:var(--mantine-radius-md)}.Demo_indicator__18Be1,[data-mantine-color-scheme=dark] .Demo_indicator__18Be1{background-color:var(--mantine-color-dark-6)}.Demo_indicator__18Be1{border-radius:var(--mantine-radius-md);box-shadow:var(--mantine-shadow-md);border:1px solid var(--mantine-color-dark-2)}[data-mantine-color-scheme=dark] .Demo_indicator__18Be1{border:1px solid var(--mantine-color-dark-4)}.Demo_indicator__18Be1{padding:5px;background:transparent}.Demo_controlsGroup__pBIhJ{display:flex}.Demo_control__7ON6P{width:100px;height:100px;display:flex;align-items:center;justify-content:center;padding:5px;color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .Demo_control__7ON6P{color:var(--mantine-color-dark-2)}.Demo_control__7ON6P[data-active]{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .Demo_control__7ON6P[data-active]{color:var(--mantine-color-white)}@media (hover:hover){.Demo_control__7ON6P:hover{background-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .Demo_control__7ON6P:hover{background-color:var(--mantine-color-dark-7)}.Demo_control__7ON6P:hover{cursor:pointer;transition:background-color .3s ease;border-radius:3px}}@media (hover:none){.Demo_control__7ON6P:active{background-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .Demo_control__7ON6P:active{background-color:var(--mantine-color-dark-7)}.Demo_control__7ON6P:active{cursor:pointer;transition:background-color .3s ease;border-radius:3px}}.Demo_control__7ON6P svg{display:block;position:relative;z-index:1}