.styles-module-scss-module__dfz4pG__canvas{width:100%;height:100%;display:block}@media screen and (max-width:768px){.styles-module-scss-module__dfz4pG__canvas{width:100dvw;height:100dvh}}.styles-module-scss-module__dfz4pG__canvasWrapper{width:100%;height:100%;position:relative;overflow:hidden}.styles-module-scss-module__dfz4pG__hiddenCanvas{visibility:hidden;z-index:-100;pointer-events:none;position:absolute;top:0;left:0}.styles-module-scss-module__dfz4pG__demoCanvas{border:1px solid var(--mantine-color-gray-3);border-radius:18px}.styles-module-scss-module__dfz4pG__demoContainer{margin:12px 16px 16px}.styles-module-scss-module__dfz4pG__withBorderRadius{border-radius:12px}.styles-module-scss-module__dfz4pG__content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.styles-module-scss-module__dfz4pG__content .styles-module-scss-module__dfz4pG__metronome{z-index:10;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.styles-module-scss-module__dfz4pG__controls{z-index:10;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.styles-module-scss-module__dfz4pG__demoContent{padding:12px 16px 16px}.styles-module-scss-module__dfz4pG__fullWidth{width:100vw;max-width:100vw}
.styles-module-scss-module__MgI0ea__canvas{width:100%;height:100%}@media screen and (max-width:768px){.styles-module-scss-module__MgI0ea__canvas{width:100dvw;height:100dvh}}.styles-module-scss-module__MgI0ea__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.styles-module-scss-module__MgI0ea__content.styles-module-scss-module__MgI0ea__demo{padding:14px 0}.styles-module-scss-module__MgI0ea__content.styles-module-scss-module__MgI0ea__demo .styles-module-scss-module__MgI0ea__interfaceSize{border-radius:14px}.styles-module-scss-module__MgI0ea__content.styles-module-scss-module__MgI0ea__hidden{opacity:0;z-index:-10;pointer-events:none;position:fixed}.styles-module-scss-module__MgI0ea__content .styles-module-scss-module__MgI0ea__interfaceSize{border:1px solid #dfdfdf;width:100%;height:100%;overflow:hidden}
.styles-module-scss-module__yXkIwW__arrowLeft{width:32px;height:32px;color:var(--mantine-color-gray-5);cursor:pointer;justify-content:center;align-items:center;display:flex}.styles-module-scss-module__yXkIwW__arrowLeft:hover{color:var(--mantine-color-gray-8);background-color:var(--mantine-color-gray-2);border-radius:var(--mantine-radius-sm)}.styles-module-scss-module__yXkIwW__arrowLeft:active{background-color:var(--mantine-color-white)}
.styles-module-scss-module__MDK_2W__ratingRoot{background-color:var(--mantine-color-gray-0);border-top-left-radius:var(--mantine-radius-xs);border-top-right-radius:var(--mantine-radius-xs);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;display:flex}.styles-module-scss-module__MDK_2W__ratingLabel{width:32px;height:32px}.styles-module-scss-module__MDK_2W__ratingText{background-color:var(--mantine-color-blue-1);border-bottom-left-radius:var(--mantine-radius-xs);border-bottom-right-radius:var(--mantine-radius-xs);justify-content:center;align-items:center;height:44px;display:flex}
.styles-module-scss-module__cwLcea__textareaContainer{padding:var(--mantine-spacing-sp-10)var(--mantine-spacing-sp-12);background-color:var(--mantine-color-gray-1);border-radius:var(--mantine-radius-sm);cursor:text;border:1px solid #0000;flex-direction:column;transition:background-color .2s,border-color .2s;display:flex;position:relative}.styles-module-scss-module__cwLcea__textareaContainer:hover{background-color:var(--mantine-color-gray-2)}.styles-module-scss-module__cwLcea__textareaContainer:focus-within{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-5)}.styles-module-scss-module__cwLcea__textareaContainer[data-outline-enabled=true]:focus-within{outline:2px solid var(--mantine-color-blue-5);outline-offset:2px}.styles-module-scss-module__cwLcea__textareaContainer[data-filled=true]{border-color:var(--mantine-color-gray-5);background-color:var(--mantine-color-white)}.styles-module-scss-module__cwLcea__textareaContainer[data-error=true]{border-color:var(--mantine-color-red-6)}.styles-module-scss-module__cwLcea__textarea{resize:none;height:100%;font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height-md);border:none;border-radius:0;padding:0}.styles-module-scss-module__cwLcea__textarea::placeholder{color:var(--mantine-color-gray-6)}.styles-module-scss-module__cwLcea__charCounter{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:8px;right:12px}.styles-module-scss-module__cwLcea__error>span{color:var(--mantine-color-red-4)}
.styles-module-scss-module__a8WGIG__alertIcon{margin-right:var(--mantine-spacing-sp-10)}
.styles-module-scss-module__ZXWSyG__itemButton{align-items:center;gap:var(--mantine-spacing-md);width:100%;height:58px;padding:0 var(--mantine-spacing-xs);margin-bottom:var(--mantine-spacing-sm);border:1px solid var(--mantine-color-gray-2);border-radius:var(--mantine-radius-md);display:flex}.styles-module-scss-module__ZXWSyG__itemButton:hover,.styles-module-scss-module__ZXWSyG__selected{outline:2px solid var(--mantine-color-blue-5);outline-offset:2px}.styles-module-scss-module__ZXWSyG__circle{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.styles-module-scss-module__ZXWSyG__otherWrapper{border:1px solid var(--mantine-color-gray-2);border-radius:var(--mantine-radius-md);width:100%;overflow:hidden}.styles-module-scss-module__ZXWSyG__otherWrapper:hover,.styles-module-scss-module__ZXWSyG__otherWrapper:focus-within{outline:2px solid var(--mantine-color-blue-5);outline-offset:2px}.styles-module-scss-module__ZXWSyG__otherHeader{align-items:center;gap:var(--mantine-spacing-md);width:100%;height:58px;padding:0 var(--mantine-spacing-xs);display:flex}.styles-module-scss-module__ZXWSyG__otherHeader:focus-within{outline-offset:0px;outline:none}
.styles-module-scss-module__fOnVWG__chipLabel{flex-direction:row-reverse;padding:0 10px;border:1px solid var(--mantine-color-gray-3)!important;background-color:#0000!important}.styles-module-scss-module__fOnVWG__chipLabel:hover,.styles-module-scss-module__fOnVWG__chipLabel:where([data-checked]){outline:2px solid var(--mantine-color-blue-5)!important;outline-offset:2px!important}.styles-module-scss-module__fOnVWG__chipIconWrapper{width:auto;margin-left:8px;margin-right:0}.styles-module-scss-module__fOnVWG__disabledActive{transition:none!important}.styles-module-scss-module__fOnVWG__disabledActive:active{transform:none!important}
.styles-module-scss-module__SMP_4a__canvas{width:100%;height:100%;display:block}@media screen and (max-width:768px){.styles-module-scss-module__SMP_4a__canvas{width:100dvw;height:100dvh}}.styles-module-scss-module__SMP_4a__canvasWrapper{width:100%;height:100%;position:relative;overflow:hidden}.styles-module-scss-module__SMP_4a__hiddenCanvas{visibility:hidden;z-index:-100;pointer-events:none;position:absolute;top:0;left:0}.styles-module-scss-module__SMP_4a__demoCanvas{border:1px solid var(--mantine-color-gray-3);border-radius:18px}.styles-module-scss-module__SMP_4a__demoContainer{margin:12px 16px 16px}.styles-module-scss-module__SMP_4a__withBorderRadius{border-radius:12px}.styles-module-scss-module__SMP_4a__content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.styles-module-scss-module__SMP_4a__content .styles-module-scss-module__SMP_4a__metronome{z-index:10;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.styles-module-scss-module__SMP_4a__controls{z-index:10;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.styles-module-scss-module__SMP_4a__demoContent{padding:12px 16px 16px}.styles-module-scss-module__SMP_4a__fullWidth{width:100vw;max-width:100vw}
.styles-module-scss-module__GJRK5a__settingsDrawer{background-color:var(--mantine-color-blue-1);flex-direction:column;gap:16px;width:100%;max-width:337px;height:100%;padding:16px 16px 0;display:flex}