body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfcfe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:none}body,html{margin:0;padding:0}#root,.App,body,html{height:100%;width:100%}[role=button],[role=slider],button{-webkit-tap-highlight-color:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bgColor:#e73838}#MainpageArea{--player-height:168px;background:#fbfcfe;height:100%;overflow:hidden;position:relative;width:100%}.github-button{font-size:22px;position:fixed;right:6px;top:6px;z-index:1100}.side-controls-toggle{bottom:10px;box-shadow:0 3px 12px #0000002e;left:10px;position:fixed;z-index:1200}#DataIOArea,#ToolsArea{transition:opacity .2s ease,transform .2s ease,visibility .2s}.side-controls-hidden #DataIOArea,.side-controls-hidden #ToolsArea{opacity:0;pointer-events:none;visibility:hidden}.side-controls-hidden #DataIOArea{transform:translate(-110%,-50%)}.side-controls-hidden #ToolsArea{transform:translate(110%,-50%)}@media (max-width:700px){#MainpageArea{--player-height:184px}.github-button{right:2px;top:2px}.side-controls-toggle{bottom:8px;left:8px}.side-controls-hidden #DataIOArea,.side-controls-hidden #ToolsArea{transform:translateY(120%)}}#DataIOArea{background:#ffffffeb;border-radius:10px;box-shadow:0 3px 14px #00000014;left:5px;padding:10px;position:fixed;top:50%;transform:translateY(-50%);z-index:999}.data-button-group{gap:4px}.secondary-buttons{display:flex;gap:4px;max-width:0;opacity:0;overflow:hidden;transition:max-width .2s ease,opacity .2s ease}.data-button-group:focus-within .secondary-buttons,.data-button-group:hover .secondary-buttons{max-width:420px;opacity:1}@media (max-width:700px){#DataIOArea{bottom:48px;left:6px;max-height:155px;max-width:calc(58vw - 8px);overflow:auto;padding:6px;top:auto;transform:none}#DataIOArea .ant-row{flex-wrap:wrap;gap:3px}#DataIOArea .ant-btn{font-size:12px;padding-inline:7px}#DataIOArea .secondary-buttons{flex-wrap:wrap;max-width:none;opacity:1;overflow:visible}}#EditArea{bottom:0;margin:0;overflow-x:hidden;overflow-y:scroll;padding:30px 0 0;position:absolute;top:var(--player-height);width:100%}#EditArea .ant-timeline{margin-left:10%;margin-right:20%}@media (max-width:700px){#EditArea{padding-bottom:170px;padding-top:20px}#EditArea .ant-timeline{margin:0 10px 0 6px}#EditArea .ant-timeline.ant-timeline-label .ant-timeline-item-label{font-size:12px;width:76px}#EditArea .ant-timeline.ant-timeline-label .ant-timeline-item-head,#EditArea .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,#EditArea .ant-timeline.ant-timeline-label .ant-timeline-item-tail{left:88px}#EditArea .ant-timeline.ant-timeline-label .ant-timeline-item-content{left:88px;min-height:44px;padding-left:14px;width:calc(100% - 104px)}#EditArea .ant-typography-edit-content{margin-left:0}#EditArea .conshow{max-width:100%;overflow-wrap:anywhere}#EditArea .hovershow{visibility:visible}}#EditArea .senitem{padding-bottom:0!important}#EditArea .ant-typography-edit-content{font-size:1.2rem;margin-bottom:0;margin-left:10px}#EditArea .senitem .senbuttons{margin-bottom:9px;margin-top:4px}#EditArea .infoitem .infobuttons{margin-bottom:5px}#EditArea .nowplaying:before{border:2px solid #34ce67;border-radius:10px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:-20px;width:100%;z-index:-1}#EditArea .hovershow{visibility:hidden}#EditArea .hovershow .conshow,#EditArea .toucharea:hover .hovershow{visibility:visible}[contenteditable]{outline:0 solid #0000}[contenteditable]:focus{border-bottom:1px solid #1890ff}#PlayerArea{background:#f0f8fff5;border-bottom:1px solid #dce8ef;box-sizing:border-box;height:var(--player-height);padding:10px max(48px,10%);position:relative;width:100%;z-index:1000}.waveform-wrap{background:#f5f8fb;border:1px solid #dbe5ec;border-radius:8px 8px 4px 4px;height:86px;overflow:hidden;position:relative;touch-action:none}.waveform-canvas{cursor:crosshair;display:block;height:100%;width:100%}.waveform-empty{color:#81909c;display:grid;inset:0;padding:0 36px;place-items:center;pointer-events:none;position:absolute;text-align:center}.waveform-range{bottom:2px;color:#647581;font-size:11px;pointer-events:none;position:absolute}.waveform-range-left{left:5px}.waveform-range-right{right:5px}.player-controls{margin-top:8px}#playerprogress-bar{background:#dfe5e8;border-radius:999px;cursor:pointer;height:10px;overflow:hidden;position:relative;touch-action:none;width:100%}#playernow{background:linear-gradient(90deg,#20a464,#42c986);border-radius:inherit;inset:0;position:absolute;transform:scaleX(0);transform-origin:left center;will-change:transform}#buttonsArea{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);min-height:42px}#nowtimestr{font-feature-settings:"tnum";color:#40505a;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.play-button{justify-self:center}.volume-control{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(70px,1fr);justify-self:end;width:min(190px,100%)}.volume-control .ant-slider{margin:8px 2px}@media (max-width:700px){#PlayerArea{padding:8px 42px 7px 10px}.waveform-wrap{height:94px}#buttonsArea{gap:8px;grid-template-columns:1fr auto 1fr}#nowtimestr{font-size:11px}.volume-control{width:92px}}@media (max-width:390px){#PlayerArea{padding-left:6px;padding-right:36px}.volume-control{gap:4px;width:76px}#buttonsArea{gap:4px}}#ToolsArea{background:#ffffffeb;border-radius:10px;box-shadow:0 3px 14px #00000014;padding:10px;position:fixed;right:5px;top:50%;transform:translateY(-50%);z-index:999}@media (max-width:700px){#ToolsArea{bottom:48px;font-size:12px;max-width:calc(42vw - 8px);padding:7px;right:6px;top:auto;transform:none}#ToolsArea .ant-row{gap:3px;justify-content:flex-end}}
/*# sourceMappingURL=main.3a056536.css.map*/