body,html{font-family:Arial,Helvetica,sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:100%;height:100%;padding:0;margin:0}.button{cursor:pointer}.content{padding:16px;border-radius:16px;position:absolute;top:30px;left:34px}.canvas{display:block;z-index:2}.canvas,.drop-area{width:100%;height:100%;position:fixed;top:0;left:0}.drop-area{list-style:none;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;visibility:hidden;box-sizing:border-box;background:hsla(0,0%,100%,.1);padding:0;margin:0;z-index:3}.drop-area:after{content:"";width:100%;height:100%;background:transparent;position:absolute;top:0;left:0}.drop-area_visible_yes{visibility:visible;background:hsla(0,0%,100%,.9)}.drop-area_visible_semi{visibility:visible;background:hsla(0,0%,100%,0)}.drop-area__item{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:0;margin:0;opacity:0;transform:translateY(20px);transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.3s}.drop-area_visible_yes .drop-area__item{opacity:1;transform:translateY(0)}.drop-area__item:first-child{background:rgba(0,0,0,.05);transition-delay:.1s}.drop-area__item:nth-child(2){background:rgba(0,0,0,.1);transition-delay:.15s}.drop-area_visible_semi .drop-area__item:first-child{background:rgba(0,0,0,.05);transition-delay:.15s}.drop-area_visible_semi .drop-area__item:nth-child(2){transition-delay:.1s}.drop-area__label{font-size:30px;font-weight:700;line-height:34px}.drop-area__label:before{content:"Bend. option:";color:rgba(0,0,0,.5);font-size:9px;font-weight:500;line-height:11px;text-transform:uppercase;display:block}.welcome{color:rgba(0,0,0,.7);font-size:13px;line-height:18px;font-family:Courier New,Courier,monospace;user-select:none;pointer-events:none;position:absolute;bottom:30px;left:34px;list-style:none;max-width:350px;padding:0;margin:0}.welcome__item{height:0;opacity:0;overflow:hidden;padding:0;margin:0;transition:height .3s,opacity .3s}.welcome__item>.welcome__item-inner{padding:9px 0 0}.welcome__item:first-child>.welcome__item-inner{padding:0}
/*# sourceMappingURL=src.1a6068f7.css.map */