body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;--primary:#191970;--contrast:#fff;--secondary:#9370db;--secondaryContrast:#000;position:fixed;background-color:var(--secondary);top:0;left:0;right:0;bottom:0}input{padding:3px!important;margin:0;font-size:inherit;border:none!important}button,input{outline:none}button{border:none}.primary{background-color:var(--primary);color:var(--contrast)}.primary>svg path{fill:var(--contrast)}.secondary{background-color:var(--contrast);color:var(--primary)}.secondary>svg path{fill:var(--secondaryContrast)}.basic.button{font-weight:700;font-size:1rem;padding:1rem 2rem;border-radius:1.5rem}.basic.button.slim{font-weight:700;font-size:1rem;padding:.5rem 1rem;border-radius:1rem}.flexCenter{flex-direction:column}.flexCenter,.loader{display:flex;align-items:center;justify-content:center}.loader{position:fixed;top:0;left:0;right:0;bottom:0}.loader svg{--size:min(80vh,80vw);height:var(--size);width:var(--size)}.loader .bg{fill:none}.loader .bar{fill:var(--primary);transition:width 1s linear,height 1s linear,x 1s linear,y 1s linear}.loader .frame{--time:400ms;transition:width var(--time) linear,height var(--time) linear,x var(--time) linear,y var(--time) linear}.stage_1 .bar,.stage_2 .bar{width:40px}.stage_2 .frame,.stage_3 .bar,.stage_3 .frame,.stage_4 .bar{width:60px}.stage_4 .frame,.stage_5 .bar,.stage_5 .frame,.stage_6 .bar{width:80px;x:10px}.stage_6 .frame,.stage_7 .bar,.stage_7 .frame,.stage_8 .bar{width:80px;x:10px;height:40px}.stage_8 .frame,.stage_9 .bar,.stage_9 .frame,.stage_10 .bar{width:80px;x:10px;y:10px;height:80px}.clipBoard{position:fixed;top:0;left:0;right:0;bottom:0}.clipScroller{width:100%;padding:5rem 0;overflow-y:auto;margin:0 auto}.clipClop{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:1.5rem}.clipWrapper{display:flex;align-items:center;margin-bottom:1rem}.clip{padding:1rem;border-radius:1rem;word-break:break-all}.clipWrapper .clip{max-width:calc(100vw - 10rem + 48px)}.clipWrapper.link .clip{max-width:calc(100vw - 10rem)}.clipWrapper:not(.copied) .clip{transition:background-color .5s linear,color .5s linear}.clipWrapper.copied .clip{background-color:#c0ffee;color:#000}@-webkit-keyframes background-fade{0%{background-color:#c0ffee;color:#000}to{background-color:var(--primary);color:var(--contrast)}}@keyframes background-fade{0%{background-color:#c0ffee;color:#000}to{background-color:var(--primary);color:var(--contrast)}}.clipWrapper a svg{width:3rem;height:3rem}.clipWrapper>svg{width:2rem;height:2rem}.addClip{display:flex;align-items:center;justify-content:center}.addClip button{margin-left:1rem}.danger{fill:red}.clipInput{display:block;min-height:2rem;width:calc(100vw - 11rem);border-radius:.5rem;margin-left:2rem}.menuButton{z-index:99913;font-size:1.3em;padding:0;cursor:pointer;height:50px;width:50px;justify-content:center;outline:none;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);top:10px;right:10px;border-radius:5px}.menu,.menuButton{display:flex;align-items:center;position:fixed}.menu{padding-top:80px;flex-direction:column;z-index:999;top:0;left:calc(100vw + 20px);right:calc(-80vw - 20px);bottom:0;transition:left .4s ease-out,right .4s ease-out}.menuTouchOutsideSensor{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(227,230,232,.3137254901960784);z-index:998;opacity:0;pointer-events:none;transition:opacity .4s ease-out}.menuTouchOutsideSensor.show{opacity:1;pointer-events:unset}.menu.show{left:20vw;right:0}.menu a{margin-bottom:10px}.menu a *{pointer-events:none}
/*# sourceMappingURL=main.35ae970c.chunk.css.map */