.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-layout{width:100%;height:100%;transition:none!important;overflow:visible}.react-grid-item{background:var(--background);will-change:auto!important;transform-origin:0 0}.react-grid-item,.react-grid-item.react-grid-placeholder,.react-grid-item>.react-resizable-handle{transition:none!important}.react-grid-item.cssTransforms{transition-property:none!important;animation:none!important}.react-grid-item.react-draggable,.react-grid-item.resizing{transition:none!important}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.crystal-button_matrix__n0tBZ{--global--size:14px;--anim--hover-time:400ms;--anim--hover-ease:cubic-bezier(0.25,1,0.5,1);display:flex;align-items:center;justify-content:center;font-size:var(--global--size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.crystal-button_buttonWrap__pJ3fP{position:relative;z-index:2;border-radius:4px;background:transparent;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease)}.crystal-button_buttonShadow__jg8ZZ{--shadow-cuttoff-fix:2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px,.125em,12px));-ms-filter:blur(clamp(2px,.125em,12px));overflow:visible;pointer-events:none}.crystal-button_buttonShadow__jg8ZZ:after{content:"";position:absolute;z-index:0;inset:0;border-radius:4px;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.1));width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:visible;opacity:1}.crystal-button_buttonShadow__jg8ZZ:after,.crystal-button_button__YIfe_{transition:all var(--anim--hover-time) var(--anim--hover-ease)}.crystal-button_button__YIfe_{height:40px;--border-width:clamp(2px,0.1em,4px);border:1px solid #bdbdbd;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;display:flex;justify-content:flex-end;align-items:center;background:rgba(0,0,0,.02);padding:4px;border-radius:12px;box-shadow:inset 0 5px 3px -2px hsla(0,0%,100%,.3),0 4px 4px 0 rgba(0,0,0,.4),inset 0 4px 5.1px 3px rgba(0,0,0,.35),inset 0 3px 6.1px 3px hsla(0,0%,100%,.15);backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));-moz-backdrop-filter:blur(clamp(1px,.125em,4px));-ms-backdrop-filter:blur(clamp(1px,.125em,4px))}.crystal-button_button__YIfe_:hover{transform:scale(.98);backdrop-filter:blur(.02em);-webkit-backdrop-filter:blur(.02em);-moz-backdrop-filter:blur(.02em);-ms-backdrop-filter:blur(.02em);box-shadow:inset 0 5px 2px -1px hsla(0,0%,100%,.2),0 4px 4px 0 rgba(0,0,0,.45),inset 0 4px 5.1px 3px rgba(0,0,0,.3),inset 0 3px 6.1px 3px hsla(0,0%,100%,.5),inset 0 0 0 0 #fff}.crystal-button_button__YIfe_:hover .crystal-button_btnBg__RuPmw{background-position:25% 50%}.crystal-button_button__YIfe_:active .crystal-button_btnBg__RuPmw{background-position:50% 15%;--angle-2:-15deg}.crystal-button_button__YIfe_ span{display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:700;font-size:1em;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all var(--anim--hover-time) var(--anim--hover-ease);margin:0 auto}.crystal-button_btnBg__RuPmw{position:absolute;z-index:3;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(var(--border-width) / 2);left:calc(var(--border-width) / 2);box-sizing:border-box;border-radius:4px;overflow:clip;background:linear-gradient(var(--angle-2),hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 20%,hsla(0,0%,100%,0) 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease),--angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease)}.crystal-button_button__YIfe_:hover span{text-shadow:none}@media (hover:none) and (pointer:coarse){.crystal-button_button__YIfe_ span:after,.crystal-button_button__YIfe_:active span:after{--angle-2:-45deg}}.crystal-button_button__YIfe_:after{content:"";position:absolute;z-index:1;inset:0;border-radius:12px;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.2),transparent 5% 40%,rgba(0,0,0,.5) 50%,transparent 60% 95%,rgba(0,0,0,.3)),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) hsla(0,0%,100%,.6);border-color:#bdbdbd}.crystal-button_button__YIfe_:hover:after{--angle-1:-125deg}.crystal-button_button__YIfe_:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){.crystal-button_button__YIfe_:active:after,.crystal-button_button__YIfe_:after,.crystal-button_button__YIfe_:hover:after{--angle-1:-75deg}}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:hover) .crystal-button_buttonShadow__jg8ZZ{filter:blur(clamp(2px,.0625em,6px));-webkit-filter:blur(clamp(2px,.0625em,6px));-moz-filter:blur(clamp(2px,.0625em,6px));-ms-filter:blur(clamp(2px,.0625em,6px));transition:filter var(--anim--hover-time) var(--anim--hover-ease)}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:hover) .crystal-button_buttonShadow__jg8ZZ:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:active){transform:rotateX(25deg)}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:active) .crystal-button_button__YIfe_{box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .125em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.2),0 .225em .05em 0 rgba(0,0,0,.05),0 .25em 0 0 hsla(0,0%,100%,.75),inset 0 .25em .05em 0 rgba(0,0,0,.15)}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:active) .crystal-button_buttonShadow__jg8ZZ{filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px,.125em,12px));-ms-filter:blur(clamp(2px,.125em,12px))}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:active) .crystal-button_buttonShadow__jg8ZZ:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.crystal-button_buttonWrap__pJ3fP:has(.crystal-button_button__YIfe_:active) span{text-shadow:.025em .25em .05em rgba(0,0,0,.12)}