._containerStyle_1tq8k_2{display:flex;flex:1;flex-flow:column;width:100%;overflow:auto;overscroll-behavior:contain;padding:1em}._containerStyle_1tq8k_2:before,._containerStyle_1tq8k_2:after{content:"";flex:1}._viewportStyle_1tq8k_17{position:relative;cursor:crosshair;margin:0 auto}._viewportStyle_1tq8k_17 canvas{display:block}._viewportStyle_1tq8k_17[data-tool=draw],._viewportStyle_1tq8k_17[data-tool=draw] *{cursor:none}._viewportStyle_1tq8k_17[data-tool=draw] [data-type=selection]{pointer-events:none}._viewportStyle_1tq8k_17[data-tool=draw] ._selectionInnerStyle_1tq8k_44{outline:none!important}._brushRingStyle_1tq8k_50{position:fixed;z-index:90;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);background:#51b8f238;border:1.5px solid #fff;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000040}._selectionStyle_1tq8k_62{position:absolute;user-select:none;transform:rotate(var(--r, 0deg))}._selectionInnerStyle_1tq8k_44{position:relative;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;touch-action:none;outline:2px solid transparent;transition:outline .2s ease-out}._selectionStyle_1tq8k_62{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;outline:2px solid transparent;transition:outline .2s ease-out;touch-action:none}._selectionInnerStyle_1tq8k_44:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}._selectionInnerStyle_1tq8k_44:hover{outline:2px solid var(--sel-color, rgba(81, 184, 242, .75))!important}[data-persistent-outline] ._selectionInnerStyle_1tq8k_44{outline:2px solid var(--sel-color, rgba(81, 184, 242, .75))}._selectionInnerStyle_1tq8k_44:focus{outline:2px solid var(--sel-color, rgba(81, 184, 242, .9))}._selectionStyle_1tq8k_62[data-kind=draw][data-state=creating] ._selectionInnerStyle_1tq8k_44{outline:none!important}._selectionInnerStyle_1tq8k_44:focus ._selectionCornerStyle_1tq8k_104{opacity:1}._selectionInnerStyle_1tq8k_44:focus ._selectionRotateStyle_1tq8k_114{opacity:1;pointer-events:auto}._selectionInnerStyle_1tq8k_44:focus ._selectionRadiusStyle_1tq8k_115{opacity:1;pointer-events:auto}._selectionRadiusStyle_1tq8k_115{opacity:0;pointer-events:none;z-index:5;position:absolute;top:max(18px,var(--radius-px, 0px));right:max(18px,var(--radius-px, 0px));width:11px;height:11px;border-radius:50%;background-color:#fff;border:1.5px solid var(--sel-color, rgba(81, 184, 242, 1));box-shadow:0 1px 3px #00000040;transform:translate(50%,-50%);cursor:nesw-resize;transition:opacity .1s,border-color .1s,box-shadow .12s ease-out}._selectionRadiusStyle_1tq8k_115:hover{border-color:#56c4ff;box-shadow:0 2px 6px #00000059}._selectionStyle_1tq8k_62[data-shape=round] ._selectionRadiusStyle_1tq8k_115,._selectionStyle_1tq8k_62[data-mask=emoji] ._selectionRadiusStyle_1tq8k_115,._selectionStyle_1tq8k_62[data-kind=draw] ._selectionRadiusStyle_1tq8k_115,._selectionStyle_1tq8k_62[data-small] ._selectionRadiusStyle_1tq8k_115{display:none}@media(any-hover:none){._selectionInnerStyle_1tq8k_44{outline:2px solid var(--sel-color, rgba(81, 184, 242, .75))}}@media(any-hover:hover){._viewportStyle_1tq8k_17:hover ._selectionInnerStyle_1tq8k_44:not(:focus){outline:2px solid var(--sel-color, rgba(131, 192, 253, .5))}}._selectionCornerStyle_1tq8k_104{opacity:0;z-index:4;background-color:#fff;border:1.5px solid var(--sel-color, rgba(81, 184, 242, 1));box-shadow:0 1px 3px #00000040;width:14px;height:14px;font-size:0;border-radius:2px;position:absolute;transition:opacity .1s,border-color .1s,box-shadow .12s ease-out,transform .12s ease-out}._selectionCornerNeStyle_1tq8k_180{cursor:ne-resize}._selectionCornerSeStyle_1tq8k_181{cursor:se-resize}._selectionCornerSwStyle_1tq8k_182{cursor:sw-resize}._selectionCornerNwStyle_1tq8k_183{cursor:nw-resize}._selectionCornerStyle_1tq8k_104:after{content:"";display:block;position:absolute;inset:-8px}@media(any-hover:none){._selectionCornerStyle_1tq8k_104{width:16px;height:16px}}._selectionCornerStyle_1tq8k_104:hover{border-color:#56c4ff;box-shadow:0 2px 6px #00000059;transform:scale(1.18)}._selectionRotateStyle_1tq8k_114{opacity:0;pointer-events:none;background-color:#fff;border:1.5px solid #2496D8;box-shadow:0 2px 6px #00000059;width:16px;height:16px;border-radius:50%;position:absolute;left:50%;bottom:calc(100% + 16px);transform:translate(-50%);transform-origin:bottom center;transition:box-shadow .12s ease-out,transform .12s ease-out;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' stroke='white' stroke-width='4'/><path d='M3 3v5h5' stroke='white' stroke-width='4'/><path d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' stroke='black' stroke-width='2'/><path d='M3 3v5h5' stroke='black' stroke-width='2'/></g></svg>") 12 12,grab}._selectionRotateStyle_1tq8k_114:hover{transform:translate(-50%) scale(1.25);box-shadow:0 3px 8px #0006}._selectionRotateStyle_1tq8k_114:hover:before{transform:translate(-50%) scale(.8)}._selectionRotateStyle_1tq8k_114:before{content:"";position:absolute;top:100%;left:50%;width:2px;height:16px;background-color:var(--sel-color, rgba(81, 184, 242, 1));box-shadow:0 1px 3px #00000040;transform:translate(-50%);transform-origin:top center;transition:transform .12s ease-out}._selectionRotateStyle_1tq8k_114:after{content:"";display:block;position:absolute;inset:-8px}