@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap);*{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.forceTextColorBlack{color:rgba(0,0,0,.87)!important;text-decoration:none!important}@media screen and (min-width:768px){.heroLayout{margin:8px 0 0}svg.react-calendar-heatmap{width:50%}}.commonLayout{margin:20px auto!important}.overlayDrawer{z-index:1500!important}#overlayLayout{align-items:center;background:hsla(0,0%,100%,.7);color:#777;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;width:100%;z-index:999}.forceWith th.MuiTableCell-root.MuiTableCell-head,td.MuiTableCell-root.MuiTableCell-body:first-child:not(.dense,.titleForceLeft),th.MuiTableCell-root.MuiTableCell-head:first-child:not(.dense,.titleForceLeft){padding:20px 5px!important;text-align:center;width:35px}td.auto,th.MuiTableCell-root.MuiTableCell-head.auto{width:auto!important}.MuiTableBody-root.rival .MuiTableRow-root:not(.rivalBody) td.MuiTableCell-root.MuiTableCell-body:first-child,.MuiTableBody-root.rival .MuiTableRow-root:not(.rivalBody) th.MuiTableCell-root.MuiTableCell-head:first-child{padding:20px 8px!important}.MuiInputBase-root.MuiInput-root.MuiInput-underline.MuiInputBase-formControl.MuiInput-formControl{padding:4px;width:100%}th.MuiTableCell-root.MuiTableCell-head{-webkit-user-select:none;-ms-user-select:none;user-select:none}.MuiTableCell-body,.MuiTableCell-head{cursor:pointer}.MuiTableBody-root>tr{transition:.2s}#__light .MuiTableBody-root>tr:hover{background:#ececec!important}#__dark .MuiTableBody-root>tr:hover{background:#111!important}#__deepsea .MuiTableBody-root>tr:hover{background:#00101e!important}.MuiButtonGroup-root,.MuiPaper-root.MuiAppBar-root,header.apbar{box-shadow:none!important}.bottomStickedSnack{bottom:57px}@media screen and (min-width:600px){.subAppBar{margin-top:8px!important}.bottomStickedSnack{bottom:0}}a.link{color:#3f51b5;text-decoration:none}a.link:hover{text-decoration:underline}#__light .MuiPaper-root#screenCaptureTarget{border:1px solid #dfdfdf;box-shadow:none!important}#songsVil span.MuiButtonBase-root.MuiIconButton-root.MuiCheckbox-root.MuiCheckbox-colorSecondary.MuiIconButton-colorSecondary{padding:6px!important}legend.MuiFormLabel-root{-webkit-transform:translateY(1.5px) scale(.75);transform:translateY(1.5px) scale(.75);-webkit-transform-origin:top left;transform-origin:top left}.MuiDialog-paperFullScreen{overflow-x:hidden!important}.be-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deepSeaDetailedScreen .MuiTab-textColorPrimary.Mui-selected{color:#fff!important}#__deepsea .MuiButton-outlined.filterButton{border:1px solid #737373;color:#fff}.songCell td.isInfiniteBPI:nth-child(2){color:#ff4242}.loaderCentered{height:30vh!important}.loaderCentered,.loaderCenteredOnly{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.loaderCenteredOnly{margin:10px 0!important}@media screen and (min-width:992px){.responsiveTotalBPI{height:270px!important}}@media screen and (max-width:1399px){.xsInvisible{display:none}}.plusOverlayScore{color:red;top:5px}.plusOverlayScore,.plusOverlayScoreBottom{font-size:10px;position:absolute;right:5px;white-space:nowrap;z-index:3}.plusOverlayScoreBottom{bottom:0;color:#909090;padding:5px 0}.SocialMediaShareButton div{margin:0 auto}.darkDetailedScreen .MuiTab-textColorPrimary.Mui-selected{color:#a0a0a0}.displayNoneObject{display:none!important}.MuiDialog-paperScrollPaper:not(.MuiDialog-paperFullScreen):not(.MuiPickersModal-dialogRoot){margin:0!important;width:calc(100% - 12px)!important}.MuiTableCell-root:not(.auto){font-size:14px!important;padding:5px 5px 5px 7px!important}.rivalBody td.MuiTableCell-root.MuiTableCell-body{padding:0 20px!important}#songsVil .MuiTableCell-root:nth-child(3),#songsVil .MuiTableCell-root:nth-child(4),#songsVil .MuiTableCell-root:nth-child(5),.detailedDiffs .MuiTableCell-root:nth-child(2),.detailedDiffs .MuiTableCell-root:nth-child(3){text-align:center}#__dark span.bodyNumber{text-shadow:1px 1px 2px #000}#__light span.bodyNumber{text-shadow:0 0 0 #fff}.MuiTypography-h4{font-size:2rem!important}.recharts-surface{overflow:visible!important}.addImage{border-radius:7px;display:block;margin:8px auto;max-width:220px}@media screen and (max-width:440px){.addImage{float:inherit;margin:10px auto;max-width:70%;width:70%}}.compareGap{font-size:11px!important}.custom-tooltip{background:hsla(0,0%,100%,.8);border:1px solid #ccc;color:#000!important;padding:6px 12px;width:100%}.custom-tooltip p{margin:4px 0}#__dark .MuiFormLabel-root.Mui-focused{color:hsla(0,0%,100%,.7)!important}#__light #songsVil .traditionalMode .MuiTableBody-root .MuiTableCell-root:nth-child(3){color:#c50000}#__dark #songsVil .traditionalMode .MuiTableBody-root .MuiTableCell-root:nth-child(3){color:#ffdbdb}.MuiDialogActions-root .MuiButton-textPrimary{color:#a5a5a5!important}.clearBoth{clear:both}#__dark .filterButton{border-color:#6b6b6b!important;color:#6b6b6b!important}.MuiCheckbox-colorPrimary.Mui-checked{color:#949494!important}th.MuiTableCell-root.MuiTableCell-head:first-child{padding:10px 5px!important}.detailModalTableRow th.MuiTableCell-root.MuiTableCell-head:first-child{padding:3px 5px!important}.narrowDialogContent{padding:6px 5px!important}.narrowDialogTitle{padding:11px!important;text-align:center}.MuiTableRow-root.rivalBody{width:100%}.rivalBody td.MuiTableCell-root.MuiTableCell-body{background:transparent;padding:8px 0!important;text-align:center!important;width:33%}.MuiTableRow-root.rivalBody .MuiTableCell-body:hover{background:transparent}.MuiTableHead-root .MuiTableCell-head{text-align:center!important}.rivalDetailModalTableBodyDesc{width:20%!important}#__dark #users .MuiButton-outlinedPrimary{color:#fff}.heroTitle{margin:64px auto 10px}.indexGridsContainer{max-width:31%!important;padding:24px!important}.indexGridsContainer.fullWidth{max-width:100%!important}.userpageIcon{height:150px!important;width:150px!important}.toppageIcon{height:64px!important;width:64px!important}@media screen and (max-width:767px){.mdCentered{margin-top:25px;text-align:center}.userpageIcon{height:100px!important;width:100px!important}.heroTitle{margin:32px auto}.indexGridsContainer{margin:10px 0;max-width:100%!important}.heroGridEnd{display:block}.AAATableGridItems{font-size:8px!important}}.scrollableSpacebetween .MuiTabs-flexContainer{justify-content:space-between}.indexGrids{align-items:center;display:flex;margin-bottom:7px}.indexGrids .indexGridsIcon,.indexGrids h5{font-size:33px}.indexGrids h5{margin-bottom:0;margin-left:5px}.indexGridsContainer a{text-decoration:none!important}.MuiDialog-root .MuiBackdrop-root:not(.absolutelyTop),.MuiDrawer-root .MuiBackdrop-root{z-index:-1!important}div#root>div>.MuiContainer-root{padding:0 20px!important}.innerContainer{padding:5px 0!important}.innerContainer .MuiTableCell-root{padding:5px 2px!important}.MuiCheckbox-root{padding:5px!important}.MuiFormControlLabel-root{margin-right:14px!important}.absolutelyTop{z-index:99999!important}.MuiAlert-message{width:100%}body,html{margin:0;padding:0;width:100%!important}.grecaptcha-badge{visibility:hidden}.songCell{-webkit-touch-callout:none;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.swipeableContentTab{background:#fff;display:block;height:4px;opacity:.5;width:50%}.swipeableContentTab.active{opacity:1!important}.MuiPagination-ul{justify-content:center}.noBPIAlert{align-items:center;border-radius:8px;bottom:60px;display:flex;flex-direction:column;padding:15px;position:absolute;width:85%;z-index:9999}.darkDetailedScreen .noBPIAlert,.deepSeaDetailedScreen .noBPIAlert{background:#00000090;border:1px solid #222}.lightDetailedScreen .noBPIAlert{background:#ffffff90;border:1px solid #ececec}.topFlexContent{align-items:center;display:flex;justify-content:center}@media screen and (max-width:330px){.topFlexContent{align-items:flex-start;display:flex;justify-content:center;padding-top:25vh!important}}#__dark .MuiTableCell-root,#__deepsea .MuiTableCell-root{border-bottom:1px solid hsla(0,0%,96%,.08)!important}.userUpdateTitle{color:#fff;font-size:15px!important;font-weight:100;padding-left:5px}text.react-calendar-heatmap-month-label,text.react-calendar-heatmap-weekday-label{font-size:7px!important}#__dark .userUpdateTitle,#__deepsea .userUpdateTitle{border-bottom:1px solid #222}#__light .userUpdateTitle{border-bottom:1px solid #ddd}.MuiFormLabel-root.Mui-focused{color:inherit!important}.MuiOutlinedInput-notchedOutline{border-color:inherit!important}.detailedInputForm .MuiInput-underline:before,.detailedInputForm .MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom:0}.lightTheme .react-calendar-heatmap .color-scale-1{fill:#fbb}.lightTheme .react-calendar-heatmap .color-scale-2{fill:#ff7373}.lightTheme .react-calendar-heatmap .color-scale-3{fill:#ff3838}.lightTheme .react-calendar-heatmap .color-scale-4{fill:#a20000}.darkTheme .react-calendar-heatmap .color-empty{fill:#232222}.darkTheme .react-calendar-heatmap .color-scale-1{fill:#653200}.darkTheme .react-calendar-heatmap .color-scale-2{fill:#945519}.darkTheme .react-calendar-heatmap .color-scale-3{fill:#c56c16}.darkTheme .react-calendar-heatmap .color-scale-4{fill:#ffba77}.deepSeaTheme .react-calendar-heatmap .color-empty{fill:#03253c}.deepSeaTheme .react-calendar-heatmap .color-scale-1{fill:#004471}.deepSeaTheme .react-calendar-heatmap .color-scale-2{fill:#005a96}.deepSeaTheme .react-calendar-heatmap .color-scale-3{fill:#137dc3}.deepSeaTheme .react-calendar-heatmap .color-scale-4{fill:#6fc6ff}.typographTitle{margin-bottom:15px!important;padding-bottom:10px;text-align:center}.darkTheme .typographTitle,.deepSeaTheme .typographTitle,.lightTheme .typographTitle{border-bottom:2px solid #ccc}.TypographywithIconAndLinesContainer{position:relative}.TypographywithIconAndLinesInner{display:inline-block;position:relative}.TypographywithIconAndLines{display:flex;font-weight:400;margin:0;padding-right:15px}#__dark .TypographywithIconAndLines,.darkDetailedScreen .TypographywithIconAndLines{background-color:#121212}#__deepsea .TypographywithIconAndLines,.deepSeaDetailedScreen .TypographywithIconAndLines{background-color:#000d19}#__light .TypographywithIconAndLines,.lightDetailedScreen .TypographywithIconAndLines{background-color:#fff}#__deepsea .TypographywithIconAndLines.moderate{background-color:#001625}.IndexGrids{text-align:right}.TypographywithIconAndLinesContainer:before{background-color:#36363654;bottom:0;content:"";display:block;height:1px;left:0;margin:auto;padding-right:15px;position:absolute;top:0;width:100%}.narrowCards .MuiCardContent-root{padding-bottom:0!important}.topMenuContainer .MuiGrid-container{display:flex;margin-bottom:10px;min-width:90px}.topMenuContainer .MuiGrid-container svg{margin-bottom:8px}@media screen and (min-width:968px){.topMenuContaienrGridWrapper{justify-content:space-between!important}.topMenuContainer .MuiGrid-container{margin-bottom:0!important}}.topMenuScrollableWrapper{scrollbar-color:#ccc transparent!important;scrollbar-width:5px!important}:root{scrollbar-color:#444 transparent!important;scrollbar-width:5px!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background-color:#222}#__light .updateDefAlert{background:#fefefe}#__dark .updateDefAlert{background:#181818}#__deepsea .updateDefAlert{background:#001625}.hide-scrollbar{overflow:-moz-hidden-unscrollable;overflow:hidden}.vertStepper{background:transparent!important;padding:24px 0 0!important}#__deepsea .MuiStepIcon-root.MuiStepIcon-active{color:#00469c!important}#__dark .MuiStepIcon-root.MuiStepIcon-active{color:#4e4e4e}.rivalChart .recharts-legend-item{font-size:.75rem}.recharts-default-legend li:last-child{margin-right:0!important}.keeperTriangle{margin-bottom:30px;position:relative}.keeperTriangle:before{border-style:solid;border-width:18px 18px 0;bottom:0;content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);width:0}.dark.keeperTriangle:before{border-color:#3a3a3a transparent transparent}.dark.userTabs .MuiTabs-root{background:#3a3a3a}.deepsea.keeperTriangle:before{border-color:#03304e transparent transparent}.deepsea.userTabs .MuiTabs-root{background:#03304e}.light.keeperTriangle:before{border-color:#f1f1f1 transparent transparent}.light.userTabs .MuiTabs-root{background:#f1f1f1}.tableTopDiff{width:35px!important}.MuiTableCell-root.MuiTableCell-body.dense,.textCenter{text-align:center!important}.MuiPagination-ul{flex-wrap:nowrap!important}.denseCont{text-align:center!important;width:33%}.MuiPaper-root{background-image:none}#detailedScreen{height:100vh!important;overflow-y:hidden}#detailedScreen #mainFilters>div{flex-wrap:wrap!important}.MuiGrid-item{padding-left:0!important}.sc3Items button{min-width:0!important}.sc3Items .MuiTabs-flexContainer{justify-content:space-around!important}.MuiGrid-root,.detailsScreenTopGrid{margin-left:0!important}.bpilinechart .recharts-legend-wrapper{bottom:60px!important;left:0!important;position:relative!important}.rankDetailModal .MuiListItem-container{list-style-type:none}.spaceBetween{display:flex;justify-content:space-between}.spaceBetween>.MuiTypography-root{font-size:12px!important}.gridWithPad.MuiGrid-item{padding-top:0}#__light .listHighlighted,.lightDetailedScreen .listHighlighted{color:#000!important}#__dark .listHighlighted,#__deepsea .listHighlighted,.darkDetailedScreen .listHighlighted,.deepSeaDetailedScreen .listHighlighted{color:#fff!important}@media screen and (min-width:1200px){.gridWithPad{padding:0 16px!important}}@media screen and (max-width:340px){.MuiPagination-ul{-webkit-transform:scale(.83);transform:scale(.83)}}.withClearLamp{position:relative;transition:.2s}.gridWithPad .MuiCardContent-root{transition:.2s}.gridWithPad .MuiCardContent-root:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.winnerPoint{color:red;font-size:10px}.titleForceLeft{padding:4px 0!important;text-align:left!important}#_progressText{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.syncPublicSwitch{margin-right:7px!important}.footer{display:block;font-size:8px;margin-top:25px;text-align:right}@media screen and (max-width:468px){.footer{text-align:left}}.arenaDetail{height:100vh;margin-bottom:0!important}.arenaMatchSnackBar .MuiSnackbarContent-message{width:100%}.MuiAvatarGroup-root .MuiAvatar-root:last-child{margin-left:-8px!important}.MuiListItem-container{list-style-type:none}.noTextButton .MuiButton-startIcon{margin-left:0!important;margin-right:0!important}.MuiBottomNavigationAction-label{font-size:.5rem!important}.globalDrawer .MuiPaper-root{border-top-left-radius:12px;border-top-right-radius:12px;bottom:56px;padding:15px}.MuiContainer-root .MuiGrid-root{width:100%!important}#__dark .bottomNavigation.MuiPaper-root,#__deepsea .bottomNavigation.MuiPaper-root{border-top:1px solid #333}#__light .bottomNavigation.MuiPaper-root{border-top:1px solid #ccc}.react-calendar-heatmap text{fill:#aaa;font-size:10px}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%);background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%;left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666%;left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%;top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666%;top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid hsla(0,0%,100%,.7);content:"";display:block;height:10px;outline:1px solid transparent;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}