html{font-size:16px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;color-scheme:light dark;color:#ffffffde;background-image:url(/assets/bg-R_wzoKkN.png);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-text{color:#fff;font-size:clamp(.7rem,2.7vmin,1.3rem);text-align:center;text-wrap-mode:wrap;line-height:clamp(.7rem,2.7vmin,1.5rem);width:115px}.button-icon{font-size:clamp(1rem,3.5vmin,2rem)!important}.button-icon-md{font-size:clamp(1rem,3vmin,1.5rem)!important}.button-icon-lg{font-size:clamp(1.15rem,4vmin,2.5rem)!important}.primary-button{background-color:#9000ff;width:clamp(80px,18vmin,195px);height:clamp(20px,10vmin,63px);padding:10px}.play-button{background-color:#7c009b;width:clamp(60px,15vmin,150px);height:clamp(20px,10vmin,63px);padding:10px}.primary-button:hover,.error-modal-button:hover,.refresh-button:hover{background-color:#ac40ff!important}.play-button:hover,.secondary-button:hover,.leave-button:hover,.back-button:hover,.join-room-button:hover,.invite-button:hover{background-color:#aa2dc9!important}.play-button:disabled,.primary-button:disabled,.secondary-button:disabled,.error-modal-button:disabled,.refresh-button:disabled,.join-room-button:disabled,.leave-button:disabled,.back-button:disabled,.invite-button:disabled{background-color:#f8dcff!important;cursor:not-allowed;border:2px solid #7C009B!important;color:#7c009b!important;pointer-events:none}.play-button:active,.primary-button:active,.secondary-button:active,.error-modal-button:active,.refresh-button:active,.join-room-button:active,.leave-button:active,.back-button:active,.invite-button:active{background-color:#f8dcff!important;border:2px solid #7C009B!important;color:#7c009b!important}.play-button:active .button-text,.primary-button:active .button-text,.primary-button:disabled .button-text,.secondary-button:active .button-text,.secondary-button:disabled .button-text,.error-modal-button:active .button-text,.error-modal-button:disabled .button-text,.leave-button:active .button-text,.leave-button:disabled .button-text,.back-button:active .button-text,.back-button:disabled .button-text,.invite-button:active .button-text,.invite-button:disabled .button-text{color:#7c009b!important}.page-title{font-size:clamp(1.7rem,5vmin,4rem)!important}.step-counter{position:absolute;top:calc(2vh + clamp(40px,8vh,64px));left:1vw;font-size:clamp(1.2rem,4vmin,3rem)!important}.lyrics-2line{font-size:clamp(.9rem,3vmin,2.7rem)!important}.page-title,.lyrics-2line{text-align:center!important;width:100%;word-break:break-word}.lyrics-2line,.step-counter,.page-title{color:#7c009b!important;margin:0}.showcase-player-name{color:#7c009b!important;font-size:clamp(.8rem,2.4vmin,1.3rem)!important;font-weight:700}.lyrics-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8%}.join-room-button{background-color:#7c009b;width:clamp(30px,6vmin,50px)!important;height:clamp(30px,6vmin,50px)!important}.kick-button{color:#7c009b;font-weight:700;font-size:clamp(.8rem,2.4vmin,1.2rem);cursor:pointer}.secondary-button{background-color:#7c009b;width:clamp(80px,18vmin,195px);height:clamp(20px,10vmin,63px);padding:10px}.palette-mobile,.palette{background-color:#f8dcff;color:#7c009b;border:2px solid #7C009B!important;border-radius:4px;height:100%;width:100%}.palette-mobile{display:flex;flex-direction:row;align-items:center;overflow-x:auto}.palette-divider .ant-divider-inner-text,.palette-divider .ant-divider-with-text{color:#7c009b!important;font-size:clamp(.5rem,1vw,1rem)}.palette-divider{border-color:#7c009b71!important}.palette-current{display:flex;justify-content:center;align-items:center}.navbar-title{color:#fff;font-size:clamp(1.3rem,4vh,2.3rem);text-align:center;width:100%;font-weight:600;margin:0}.navbar{background-color:#9000ff;color:#fff;justify-content:center;text-align:center;height:clamp(40px,8vh,64px)}.invite-button{height:clamp(40px,8vmin,60px);width:clamp(80px,18vmin,140px);background-color:#7c009b}.text-area,.input-field{border-radius:4px;border:2px solid #7C009B!important;background-color:#f8dcff!important;color:#7c009b!important}.text-area{width:100%;overflow-y:hidden;font-size:clamp(.8rem,2vmin,1.3rem);resize:none!important;padding:2px 10px}.player-complete-counter{position:absolute;top:calc(2vh + clamp(40px,8vh,64px));right:1vw;color:#7c009b!important;display:flex;width:100%;align-items:center;justify-content:end;gap:.5vw}.player-complete-counter h1{margin:0;font-size:clamp(1.2rem,4vmin,3rem)!important}.player-complete-counter .icon{font-size:clamp(.5rem,3vmin,3rem)!important;color:#7c009b!important}.timer{color:#7c009b;width:80%;top:clamp(40px,8vh,64px);position:absolute}.timer .ant-progress-inner{border:1px solid #7C009B!important}.timer .ant-progress-bg{transition:all 1s linear!important}.input-field{height:clamp(40px,8vmin,60px);font-size:clamp(.7rem,2.4vmin,1rem)}.text-area:focus,.input-field:focus{outline:none!important;border-color:#7c009b!important;background-color:#f8dcff!important;color:#7c009b!important}.text-area:disabled,.input-field:disabled{background-color:#f0b3ff!important}.text-area:hover,.input-field:hover{background-color:#f0c6fa!important}.text-area::placeholder{font-size:clamp(.8rem,2vmin,1.3rem)}.input-field .ant-input::placeholder,.input-field .ant-input-show-count-suffix,.input-field::placeholder{font-size:clamp(.7rem,2.4vmin,1rem)}.input-field .ant-input::placeholder,.input-field .ant-input-show-count-suffix,.text-area::placeholder,.input-field::placeholder{color:#7c009b!important;opacity:.5}.brush-size-label{font-size:clamp(.7rem,2.5vmin,1.7rem)}.brush-size-label,.input-field-label{color:#7c009b;font-weight:600;text-wrap-mode:wrap;text-align:center}.input-field-label{font-size:clamp(.7rem,2.4vmin,1rem)}.input-field-label-bg{color:#7c009b;font-size:clamp(.8rem,2.6vmin,1.3rem);font-weight:600}.container-mid{align-items:center;display:flex;flex-direction:column;width:100%;padding:0 16px}.container-large,.container-small{align-items:center;display:flex;flex-direction:column}.input-field .ant-select-selector{border:none!important;background:none!important;color:inherit!important;font-size:inherit!important}.input-field .ant-select-item{background:none!important;color:inherit!important;font-size:inherit!important}.ant-switch{background-color:#bb6acf!important}.ant-switch-checked{background-color:#9000ff!important}.ant-switch:hover{border-color:#ebbaf7!important}.ant-switch-checked:hover{border-color:#7c009b!important}.ant-form-item-explain-error{color:#db0000!important}.ant-form-item-has-error{border-color:#db0000!important;color:#7c009b!important}.scrollable-list{display:flex!important;flex-direction:column!important;width:100%!important;overflow-y:auto!important;border:2px solid #7C009B!important;color:#7c009b!important;border-radius:4px;background-color:#f8dcff}.player-list-mobile,.player-list{background-color:#f8dcff;padding:2px 8px;border:2px solid #7C009B!important;color:#7c009b;border-radius:6px;width:100%;height:100%}.player-list-mobile .list-item{width:30vw!important;flex-shrink:0;display:flex;flex-direction:column;align-items:center;height:8vh!important}.player-list-mobile .player-list-content{display:flex;flex-direction:row;overflow-x:auto;gap:1vw;max-width:100%}.player-list-mobile .player-nickname-text{text-align:center}.player-list .ant-list-item{padding:12px 5px!important}.player-list-mobile .list-item,.player-list .ant-list-item{height:auto;color:#7c009b;border-radius:6px;margin-bottom:5px;border:2px solid #7C009B!important}.placeholder-text{color:#7c009b;opacity:.5;font-size:clamp(.6rem,2vmin,1rem)}.container-layout{background-image:url(/assets/bg-R_wzoKkN.png);height:calc(100vh - clamp(40px,8vh,64px));display:flex;flex-direction:column}.room-card{background-color:#f8dcff;padding:2px 8px;border:2px solid #7C009B!important;color:#7c009b;border-radius:6px;width:100%;height:100%}.room-card .card-title{text-align:center;color:#7c009b;font-size:clamp(1.5rem,3.5vmin,3rem)!important}.room-card .ant-card-body{height:90%!important;display:flex;flex-direction:column}.room-card .ant-card-head{height:10%!important;color:#7c009b!important}.room-card .card-text{color:#7c009b;font-size:clamp(1rem,3vmin,2.4rem)!important;font-weight:400}.room-card .card-content{height:auto;width:100%}.room-card .card-footer{margin-top:auto}.scrollable-list-item{display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 8px!important;width:100%!important;border-bottom:.5px solid #7C009B!important;color:#7c009b!important;background-color:#f8dcff}.scrollable-list-item .item-title{font-size:clamp(.5rem,3.5vmin,1rem)!important}.scrollable-list-item:hover{background-color:#f2c0ff!important}.scrollable-list-item .sub-item{display:flex;justify-content:right;flex-direction:row;align-items:center;width:100%}.refresh-button{background-color:#9000ff!important;color:#fff!important;width:clamp(40px,10vmin,60px)!important;height:clamp(40px,10vmin,60px)!important}.status-modal .ant-modal-body,.error-modal .ant-modal-body{height:clamp(40px,7vh,70px)!important;color:#7c009b}.status-modal-text{color:#7c009b;font-size:clamp(.5rem,3vmin,1rem)!important;font-weight:600}.status-modal .ant-modal-body{display:flex;justify-content:center;align-items:center;flex-direction:column}.error-modal .ant-modal-content,.error-modal .ant-modal-header,.status-modal .ant-modal-content,.status-modal .ant-modal-header{background-color:#f8dcff!important}.error-modal-title{color:#7c009b;font-size:clamp(1.5rem,3vmin,2rem)!important}.error-modal-text{color:#7c009b;font-size:clamp(.9rem,1.5vmin,1rem);word-break:break-all}.error-modal-button{background-color:#9000ff;width:140px;height:40px}.error-modal-button .button-text{font-size:1rem;width:auto}.room-table{width:100%}.room-title{word-break:break-word;white-space:normal;font-size:clamp(1rem,3.5vmin,1.7rem)!important;font-weight:700}.spinner{color:#7c009b;font-size:clamp(1rem,3.5vmin,2rem)!important;opacity:1;font-weight:700}.small-remark{color:#7c009b;font-size:clamp(.6rem,2vmin,1rem);font-weight:600}.leave-button{background-color:#7c009b;border-radius:5px;width:clamp(70px,15vmin,150px);height:clamp(30px,6vmin,50px)}.leave-button .button-text{font-size:clamp(.7rem,2.6vmin,1.3rem);width:auto}.player-field{background-color:#f2c0ff}.player-selected-field{background-color:#ea97ff}.player-placeholder-text{opacity:.3;color:#7c009b;font-size:clamp(.7rem,2.4vmin,1rem);font-weight:600;word-break:break-word}.player-nickname-text{color:#7c009b;font-size:clamp(.7rem,2.4vmin,1rem);font-weight:600;word-break:break-word}.back-button{background-color:#7c009b;border-radius:5px;width:clamp(70px,15vmin,110px);height:clamp(30px,6vmin,45px)}.back-button .button-text{font-size:clamp(.7rem,2.7vmin,1.3rem);width:auto}.canvas-container{width:100%}.canvas-brush-size{z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5vw;background-color:#f8dcff;border:2px solid #7C009B!important;border-radius:6px;padding:1vmin 2vmin;height:100%}.canvas-settings{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:1vmin}.ant-slider-rail{background-color:#ebbaf7!important}.ant-slider-track{background-color:#7c009b!important}.ant-slider-handle:after{background-color:#f8dcff!important;box-shadow:0 0 0 2px #7c009b!important}.ant-slider-handle:focus:after,.ant-slider-handle:active:after,.ant-slider-handle:hover:after{background-color:#f0c6fa!important;box-shadow:0 0 0 6px #7c009b6f!important}.canvas-tools{background-color:#f8dcff;color:#7c009b;border:2px solid #7C009B!important;border-radius:6px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2vmin;padding:1vmin 2vmin}.tool-button{padding:1vmin;z-index:2}.tool-button:hover{cursor:pointer}.tool-button:active,.tool-button.active{background-color:#7c009b!important;color:#f8dcff!important;border-radius:6px}.canvas-container .wrapper{background-color:#fff;display:inline-block}.canvas-container .wrapper.eraser{cursor:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='28'%20height='28'%20fill='%237c009b'%20className='bi%20bi-eraser'%20viewBox='0%200%2016%2016'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cpath%20d='m%208.086,2.207%20a%202,2%200%200%201%202.828,0%20l%203.879,3.879%20a%202,2%200%200%201%200,2.828%20l%20-5.5,5.5%20A%202,2%200%200%201%207.879,15%20H%205.12%20A%202,2%200%200%201%203.706,14.414%20l%20-2.5,-2.5%20a%202,2%200%200%201%200,-2.828%20z%20m%202.121,0.707%20a%201,1%200%200%200%20-1.414,0%20L%204.16,7.547%209.453,12.84%2014.086,8.207%20a%201,1%200%200%200%200,-1.414%20z%20M%208.746,13.547%203.453,8.254%201.914,9.793%20a%201,1%200%200%200%200,1.414%20l%202.5,2.5%20A%201,1%200%200%200%205.121,14%20H%207.88%20a%201,1%200%200%200%200.707,-0.293%20z'%20id='path1'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137103'%20d='M%206.8140674,10.186867%204.1748356,7.5475594%206.5192943,5.2023671%20C%208.1576108,3.5635379%208.8909057,2.8389709%208.9539028,2.7967362%209.134908,2.6753858%209.2768308,2.6337443%209.5081405,2.634118%20c%200.1495875,2.417e-4%200.176632,0.00437%200.2978863,0.045455%200.08015,0.027159%200.1731486,0.071527%200.2330762,0.1111969%200.07692,0.050915%200.562224,0.5293745%202.122588,2.0926315%202.192639,2.1967039%202.083148,2.0794885%202.162018,2.3145416%200.03295,0.098214%200.0368,0.1297532%200.0368,0.301628%200,0.1718749%20-0.0038,0.2034143%20-0.0368,0.301628%20-0.07931,0.2363629%200.06073,0.087845%20-2.504756,2.656447%20l%20-2.3656542,2.368528%20z'%20id='path2'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137103'%20d='M%204.9149336,13.970721%20C%204.8063414,13.946628%204.7009226,13.904379%204.5998286,13.844436%204.537259,13.807335%204.1955,13.473651%203.17219,12.450529%201.707807,10.986414%201.7592561,11.043126%201.6782678,10.80377%20c%20-0.027893,-0.08244%20-0.03873,-0.145933%20-0.043624,-0.255609%20-0.00837,-0.187627%200.018798,-0.317604%200.1027668,-0.491606%20L%201.8002649,9.9263068%202.6274773,9.0968297%203.4546897,8.267352%206.0947508,10.906598%208.734812,13.545844%208.5998331,13.676093%20C%208.448424,13.822196%208.3393057,13.89237%208.1782348,13.947223%20l%20-0.1096828,0.03736%20-1.5355612,0.0022%20c%20-1.2366464,0.0018%20-1.5516203,-0.0013%20-1.6180572,-0.01608%20z'%20id='path3'%20/%3e%3c/svg%3e") 3 25,auto}.canvas-container .wrapper.pen{cursor:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='28'%20height='28'%20fill='%237C009B'%20className='bi%20bi-brush'%20viewBox='0%200%2016%2016'%20version='1.1'%20id='svg1'%20sodipodi:docname='brush.svg'%20inkscape:export-filename='brush.svg'%20inkscape:export-xdpi='96'%20inkscape:export-ydpi='96'%20inkscape:version='1.4.2%20(f4327f4,%202025-05-13)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:zoom='72.9375'%20inkscape:cx='8'%20inkscape:cy='8'%20inkscape:window-width='2560'%20inkscape:window-height='1369'%20inkscape:window-x='-8'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1'%20/%3e%3cpath%20d='M15.825.12a.5.5%200%200%201%20.132.584c-1.53%203.43-4.743%208.17-7.095%2010.64a6.1%206.1%200%200%201-2.373%201.534c-.018.227-.06.538-.16.868-.201.659-.667%201.479-1.708%201.74a8.1%208.1%200%200%201-3.078.132%204%204%200%200%201-.562-.135%201.4%201.4%200%200%201-.466-.247.7.7%200%200%201-.204-.288.62.62%200%200%201%20.004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739%201.201-.925%201.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608.261-.619.658-1.419%201.187-2.069%202.176-2.67%206.18-6.206%209.117-8.104a.5.5%200%200%201%20.596.04M4.705%2011.912a1.2%201.2%200%200%200-.419-.1c-.246-.013-.573.05-.879.479-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4%203.4%200%200%201-.76.861c.69.112%201.736.111%202.657-.12.559-.139.843-.569.993-1.06a3%203%200%200%200%20.126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1%205.1%200%200%200%201.535-1.1c1.9-1.996%204.412-5.57%206.052-8.631-2.59%201.927-5.566%204.66-7.302%206.792-.442.543-.795%201.243-1.042%201.826-.121.288-.214.54-.275.72v.001l.575.575zm-4.973%203.04.007-.005zm3.582-3.043.002.001h-.002z'%20id='path1'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137104'%20d='m%202.3436751,14.689866%20c%20-0.1729437,-0.009%20-0.5892168,-0.04995%20-0.5981486,-0.05888%20-0.00171,-0.0017%200.046795,-0.04605%200.107781,-0.09854%200.2024241,-0.174217%200.4506427,-0.466775%200.6218783,-0.732965%200.036381,-0.05655%200.1935341,-0.315849%200.3492291,-0.576207%200.2574344,-0.430492%200.4992304,-0.809701%200.6073445,-0.952499%200.081469,-0.107606%200.2236227,-0.244222%200.3215494,-0.309023%200.2317517,-0.153359%200.5212644,-0.183759%200.8282476,-0.08697%20l%200.1051211,0.03314%200.3987349,0.391967%200.398735,0.391967%20v%200.08247%20c%200,0.109998%20-0.034624,0.34085%20-0.077598,0.51737%20-0.1026708,0.421736%20-0.2942628,0.768055%20-0.5345607,0.966264%20-0.1667257,0.137523%20-0.3586644,0.220775%20-0.6629061,0.287531%20-0.5688511,0.124816%20-1.2403871,0.176787%20-1.865408,0.144365%20z'%20id='path2'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137104'%20d='M%205.8619286,11.647705%205.578857,11.364392%205.6394392,11.193764%20C%205.8839834,10.505013%206.2282671,9.7958359%206.5766181,9.2633053%206.7302811,9.0283977%206.8147217,8.9161718%207.0514521,8.6322264%208.3051123,7.1285283%2010.254302,5.2309834%2012.265394,3.5564306%20c%200.720963,-0.6003153%201.858377,-1.4954984%201.876784,-1.4770914%200.0078,0.00777%20-0.24588,0.4700846%20-0.514067,0.9369419%20-1.26982,2.210491%20-2.942798,4.6362311%20-4.4337184,6.428686%20C%208.7309093,10.002189%208.1970848,10.597501%207.9663985,10.814405%207.4556549,11.294636%206.8818351,11.656001%206.2635884,11.886756%20l%20-0.1185881,0.04426%20z'%20id='path3'%20/%3e%3c/svg%3e") 0 28,auto}.canvas-container .wrapper.bucket{cursor:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='28'%20height='28'%20fill='%237c009b'%20class='bi%20bi-paint-bucket'%20viewBox='0%200%2016%2016'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cpath%20d='M%206.192,2.78%20C%205.734,2.103%205.265,1.532%204.842,1.137%20A%203,3%200%200%200%204.132,0.622%20C%203.915,0.518%203.572,0.417%203.25,0.602%202.883,0.815%202.823,1.232%202.82,1.498%202.817,1.802%202.884,2.162%202.993,2.542%203.189,3.229%203.549,4.07%204.028,4.944%20L%200.752,8.22%20C%200.475,8.497%200.483,8.876%200.534,9.138%20c%200.055,0.283%200.187,0.593%200.36,0.903%200.348,0.627%200.92,1.361%201.626,2.068%200.707,0.707%201.441,1.278%202.068,1.626%200.31,0.173%200.62,0.305%200.903,0.36%200.262,0.05%200.64,0.059%200.918,-0.218%20l%205.615,-5.615%20c%200.118,0.257%200.092,0.512%200.05,0.939%20-0.03,0.292%20-0.068,0.665%20-0.073,1.176%20V%2010.5%20h%200.003%20a%201,1%200%200%200%201.993,0%20H%2014%20v%20-0.057%20a%201,1%200%200%200%20-0.004,-0.117%20c%20-0.055,-1.25%20-0.7,-2.738%20-1.86,-3.494%20A%204,4%200%200%200%2011.925,6.398%20C%2011.576,5.772%2011.005,5.038%2010.298,4.331%209.591,3.624%208.857,3.052%208.23,2.704%207.92,2.532%207.61,2.4%207.327,2.344%207.065,2.294%206.687,2.286%206.409,2.563%20Z%20M%204.16,1.867%20C%204.541,2.223%205.004,2.789%205.471,3.499%20L%204.767,4.204%20C%204.385,3.477%204.107,2.802%203.954,2.266%20A%203.3,3.3%200%200%201%203.823,1.593%20Q%203.96,1.683%204.16,1.867%20m%200.394,3.965%20c%200.54,0.852%201.107,1.567%201.607,2.033%20A%200.50023694,0.50023694%200%201%200%206.843,7.133%20C%206.39,6.711%205.826,5.997%205.279,5.106%20L%206.367,4.018%20Q%206.448,4.199%206.55,4.383%20c%200.349,0.627%200.92,1.361%201.627,2.068%200.706,0.707%201.44,1.278%202.068,1.626%20Q%2010.428,8.18%2010.61,8.26%20L%205.749,13.122%205.681,13.112%20C%205.544,13.085%205.339,13.008%205.073,12.86%204.549,12.568%203.887,12.06%203.227,11.4%202.567,10.74%202.059,10.08%201.767,9.554%201.62,9.289%201.542,9.084%201.516,8.947%20L%201.506,8.879%20Z%20M%207.424,3.897%20A%202.4,2.4%200%200%201%207.183,3.336%20c%200.135,0.033%200.324,0.11%200.562,0.241%200.524,0.292%201.186,0.8%201.846,1.46%200.45,0.45%200.83,0.901%201.118,1.31%20A%203.5,3.5%200%200%200%209.643,6.438%2011,11%200%200%201%208.883,5.744%20C%208.223,5.084%207.716,4.422%207.425,3.897%20Z'%20id='path1'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137104'%20d='M%205.5938303,13.081107%20C%204.7178261,12.813682%203.2004646,11.53748%202.2504058,10.269066%201.8563045,9.742905%201.5767357,9.2342713%201.5249107,8.9491355%20L%201.5123554,8.8800577%203.0315392,7.3609202%20c%200.835551,-0.8355257%201.521138,-1.516315%201.5235264,-1.5128652%200.00239,0.00345%200.083886,0.1265808%200.1811048,0.2736245%200.4361293,0.659644%200.8715254,1.2064534%201.2779106,1.6049145%200.2546533,0.249688%200.2842844,0.2659705%200.4846337,0.2663081%200.1304076,2.198e-4%200.1513661,-0.00339%200.2226485,-0.038398%20C%206.8216221,7.9052712%206.9113167,7.8155755%206.9605191,7.7153452%206.99505,7.645002%206.9991378,7.6221636%206.9991404,7.4995716%206.9991442,7.3068786%206.9694776,7.2498945%206.7602977,7.0408003%206.3107354,6.5914218%205.8267684,5.9631272%205.3677473,5.2329661%20L%205.2874125,5.1051782%205.8210183,4.5714408%20c%200.293483,-0.2935555%200.5374243,-0.5337373%200.5420916,-0.5337373%200.00467,0%200.018691,0.026723%200.031165,0.059384%200.03943,0.1032464%200.2518931,0.4738732%200.4021611,0.701542%200.8946192,1.3554243%202.4326454,2.78277%203.663243,3.3996268%20l%200.128917,0.064622%20-0.8966972,0.9002584%20c%20-3.1756253,3.1882363%20-3.941575,3.9507923%20-3.9676777,3.9500963%20-0.01516,-4.04e-4%20-0.073836,-0.01486%20-0.1303908,-0.03213%20z'%20id='path2'%20/%3e%3cpath%20style='fill:%23ffffff;stroke-width:0.0137104'%20d='M%209.5424165,6.3448173%20C%208.5078771,5.4277558%207.7387446,4.5132261%207.3492489,3.7370524%207.281218,3.6014828%207.1921504,3.3671184%207.2041132,3.3551556%20c%200.013673,-0.013673%200.2249084,0.070999%200.4065723,0.1629712%200.5899617,0.2986854%201.2517676,0.8118249%201.9600278,1.5197322%200.4370037,0.4367857%200.6940607,0.7272777%200.9743657,1.1010994%200.06921,0.092296%200.132437,0.1762884%200.14051,0.1866496%200.0123,0.01579%20-0.003,0.017324%20-0.09467,0.00948%20C%2010.450872,6.323101%2010.103073,6.346845%209.8918317,6.382815%209.610374,6.43074%209.6433935,6.434331%209.5424135,6.344818%20Z'%20id='path3'%20/%3e%3c/svg%3e") 28 14,auto}.canvas-container.disabled{background-color:#fff;display:flex;justify-content:center;align-items:center}.canvas-container .wrapper.disabled{background-color:#fae4ff}.canvas-container .wrapper.disabled:hover{cursor:not-allowed}.canvas-container.disabled,.canvas-container canvas{border:2px solid #7C009B!important}.showcase-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#f8dcff;color:#7c009b;border:2px solid #7C009B!important;border-radius:4px;padding:1vmin}.recent-color{background-color:#fff!important}.recent-color:hover,.current-color:hover,.current-color.ant-color-picker-trigger-active.ant-color-picker-trigger{border:1px solid #7C009B!important;transition:none!important;cursor:pointer}.showcase-container .header{padding:0 2vw}@media (max-width: 575px){.container-small{padding:0 10%}.brush-size-label{width:6vw}.canvas-brush-size{position:relative;width:50vw}}@media (min-width:576px) and (max-width: 767px){.container-small{padding:0 15%}.brush-size-label{width:6vw}.canvas-brush-size{position:relative;width:40vw}}@media (min-width:768px) and (max-width: 991px){.container-small{padding:0 15%}.brush-size-label{width:6vw}.canvas-brush-size{position:absolute;left:5vw;width:20vw}}@media (min-width:992px) and (max-width: 1199px){.container-small{padding:0 20%}.brush-size-label{width:6vw}.canvas-brush-size{position:absolute;left:5vw;width:20vw}}@media (min-width:1200px) and (max-width: 1399px){.container-small{padding:0 25%}.brush-size-label{width:6vw}.canvas-brush-size{position:absolute;left:5vw;width:20vw}}@media (min-width: 1400px){.container-small{padding:0 32%}.brush-size-label{width:fit-content}.canvas-brush-size{position:absolute;left:5vw;width:20vw}}@media (max-height:700px){.canvas-container{height:57vh}.scrollable-list{height:40vh!important}.scrollable-list-item{height:8vh!important}.player-list .ant-list-items{overflow-y:auto!important;max-height:50vh!important;border-bottom:2px solid #7C009B!important;border-top:2px solid #7C009B!important}.room-table{height:auto}.showcase-container{height:76vh}}@media (min-height:701px) and (max-height:1000px){.canvas-container{height:63vh}.scrollable-list{height:50vh!important}.scrollable-list-item{height:8vh!important}.player-list .ant-list-items{overflow-y:auto!important;max-height:50vh!important;border-bottom:2px solid #7C009B!important;border-top:2px solid #7C009B!important}.room-table{height:70vh}.showcase-container{height:78vh}}@media (min-height:1001px) and (max-height: 1229px){.canvas-container{height:65vh}.scrollable-list{height:50vh!important}.scrollable-list-item{height:8vh!important}.room-table{height:auto}.showcase-container{height:83vh}}@media (min-height:1230px){.canvas-container{height:70vh}.scrollable-list{height:59vh!important}.scrollable-list-item{height:5vh!important}.room-table{height:80vh}.showcase-container{height:85vh}}@media (max-width: 767px){.canvas-container{height:45vh}.showcase-container{height:58vh}}