.advanced-cropper-line-wrapper--north,.advanced-cropper-line-wrapper--south{height:12px;width:100%}.advanced-cropper-line-wrapper--north{cursor:n-resize}.advanced-cropper-line-wrapper--south{cursor:s-resize}.advanced-cropper-line-wrapper--east,.advanced-cropper-line-wrapper--west{width:12px;height:100%}.advanced-cropper-line-wrapper--east{cursor:e-resize}.advanced-cropper-line-wrapper--west{cursor:w-resize}.advanced-cropper-line-wrapper--disabled{cursor:auto}.advanced-cropper-line-wrapper__content{position:absolute}.advanced-cropper-line-wrapper__content--east,.advanced-cropper-line-wrapper__content--west{height:100%}.advanced-cropper-line-wrapper__content--north,.advanced-cropper-line-wrapper__content--south{width:100%}.advanced-cropper-line-wrapper__content--east{left:50%;transform:translateX(-100%)}.advanced-cropper-line-wrapper__content--west{right:50%;transform:translateX(100%)}.advanced-cropper-line-wrapper__content--north{top:50%}.advanced-cropper-line-wrapper__content--south{bottom:50%}.advanced-cropper-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.advanced-cropper-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.advanced-cropper-handler-wrapper--west-north{cursor:nw-resize}.advanced-cropper-handler-wrapper--north{cursor:n-resize}.advanced-cropper-handler-wrapper--east-north{cursor:ne-resize}.advanced-cropper-handler-wrapper--east{cursor:e-resize}.advanced-cropper-handler-wrapper--east-south{cursor:se-resize}.advanced-cropper-handler-wrapper--south{cursor:s-resize}.advanced-cropper-handler-wrapper--west-south{cursor:sw-resize}.advanced-cropper-handler-wrapper--west{cursor:w-resize}.advanced-cropper-handler-wrapper--disabled{cursor:auto}.advanced-cropper-bounding-box{position:relative;height:100%;width:100%}.advanced-cropper-bounding-box__handler-wrapper{position:absolute}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--west{top:50%;transform:translateY(-50%);height:100%}.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--south{left:50%;transform:translateX(-50%);width:100%}.advanced-cropper-bounding-box__handler-wrapper--west,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--west-south{left:0}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--east-south{left:100%}.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--west-north{top:0}.advanced-cropper-bounding-box__handler-wrapper--east-south,.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--west-south{top:100%}.advanced-cropper-bounding-box__handler{position:absolute}.advanced-cropper-bounding-box__handler--west-north{left:0;top:0}.advanced-cropper-bounding-box__handler--north{left:50%;top:0}.advanced-cropper-bounding-box__handler--east-north{left:100%;top:0}.advanced-cropper-bounding-box__handler--east{left:100%;top:50%}.advanced-cropper-bounding-box__handler--east-south{left:100%;top:100%}.advanced-cropper-bounding-box__handler--south{left:50%;top:100%}.advanced-cropper-bounding-box__handler--west-south{left:0;top:100%}.advanced-cropper-bounding-box__handler--west{left:0;top:50%}.advanced-cropper-bounding-box__line{position:absolute}.advanced-cropper-bounding-box__line--north,.advanced-cropper-bounding-box__line--south{left:0;transform:translateY(-50%)}.advanced-cropper-bounding-box__line--north{top:0}.advanced-cropper-bounding-box__line--south{top:100%}.advanced-cropper-bounding-box__line--east,.advanced-cropper-bounding-box__line--west{top:0;transform:translateX(-50%)}.advanced-cropper-bounding-box__line--west{left:0}.advanced-cropper-bounding-box__line--east{left:100%}.advanced-cropper-artificial-transition{will-change:transform}.advanced-cropper-background-image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;pointer-events:none;max-width:none!important}.advanced-cropper-canvas{display:none}.advanced-cropper-source{width:1px;height:1px;visibility:hidden;position:absolute;opacity:0}.advanced-cropper-fade{visibility:hidden;opacity:0;transition:.5s;display:flex;flex-direction:column}.advanced-cropper-fade--visible{opacity:1;visibility:visible}.advanced-cropper-wrapper__fade{flex-grow:1;min-height:0}.advanced-cropper-stencil-grid{display:table;border-collapse:collapse;table-layout:fixed;opacity:0;transition:opacity .3s}.advanced-cropper-stencil-grid--visible{opacity:1}.advanced-cropper-stencil-grid__row{display:table-row}.advanced-cropper-stencil-grid__cell{display:table-cell;width:1%;height:1%;border:1px solid}.advanced-cropper-stencil-grid__cell--top{border-top-color:transparent}.advanced-cropper-stencil-grid__cell--left{border-left-color:transparent}.advanced-cropper-stencil-grid__cell--right{border-right-color:transparent}.advanced-cropper-stencil-grid__cell--bottom{border-bottom-color:transparent}.advanced-cropper-stencil-overlay{box-sizing:content-box;box-shadow:0 0 0 1000px currentColor;pointer-events:none;width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden}.advanced-cropper-stencil-wrapper{will-change:transform}.advanced-cropper-boundary{-webkit-user-select:none;-moz-user-select:none;user-select:none;direction:ltr;position:relative}.advanced-cropper-boundary__content{width:100%;height:100%;position:absolute;top:0;left:0}.advanced-cropper-boundary__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.advanced-cropper-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-circle-stencil__overlay{border-radius:50%;overflow:hidden}.advanced-cropper-circle-stencil__preview{border-radius:50%}.advanced-cropper-circle-stencil__draggable-area,.advanced-cropper-circle-stencil__grid,.advanced-cropper-circle-stencil__overlay,.advanced-cropper-circle-stencil__preview{position:absolute;height:100%;width:100%}.advanced-cropper-circle-stencil--movable{cursor:move}.advanced-cropper-rectangle-stencil{box-sizing:border-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-rectangle-stencil,.advanced-cropper-rectangle-stencil__draggable-area,.advanced-cropper-rectangle-stencil__grid,.advanced-cropper-rectangle-stencil__overlay,.advanced-cropper-rectangle-stencil__preview{position:absolute;height:100%;width:100%}.advanced-cropper-rectangle-stencil--movable{cursor:move}.advanced-cropper-simple-line{background:none;border-width:0}.advanced-cropper-simple-line--north,.advanced-cropper-simple-line--south{height:0;width:100%}.advanced-cropper-simple-line--east,.advanced-cropper-simple-line--west{height:100%;width:0}.advanced-cropper-simple-line--east{border-right-width:1px}.advanced-cropper-simple-line--west{border-left-width:1px}.advanced-cropper-simple-line--south{border-bottom-width:1px}.advanced-cropper-simple-line--north{border-top-width:1px}.advanced-cropper-simple-handler{display:block}.advanced-cropper-preview{overflow:hidden;box-sizing:border-box;position:relative;display:flex;flex-direction:column}.advanced-cropper-preview__content{overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.advanced-cropper-preview__image{display:none;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.advanced-cropper-preview__image--visible{display:block}.advanced-cropper-preview__boundary{flex-grow:1;min-height:0;min-width:0}.cropper-preview-wrapper__fade{flex-grow:1;min-height:0;width:100%}.advanced-cropper{overflow:hidden;max-height:100%;background:#000;position:relative;display:flex;flex-direction:column;color:#fff}.advanced-cropper__boundary{flex-grow:1;min-height:0;min-width:0}.advanced-cropper__background-wrapper,.advanced-cropper__wrapper{left:0;top:0;right:0;bottom:0;position:absolute}.advanced-cropper__stencil-wrapper{position:absolute}.advanced-cropper *{box-sizing:border-box}.advanced-cropper-simple-handler{background:currentColor;height:10px;width:10px}.advanced-cropper-simple-line{transition:border .5s;border-color:hsla(0,0%,100%,.3);border-style:solid}.advanced-cropper-simple-line--hover{border-color:#fff}.advanced-cropper-circle-stencil__preview{border:2px solid hsla(0,0%,100%,.2)}.advanced-cropper-stencil-overlay{color:rgba(0,0,0,.5)}.advanced-cropper-stencil-grid{color:hsla(0,0%,100%,.4)}.mainDiv{display:flex;background-color:#fff;width:375px;align-items:center;justify-content:space-between;position:relative}#user1DivContainer{background-color:#fff}#user1DivContainer,#user2DivContainer{display:flex;width:50%;flex-direction:column;align-items:center;justify-content:center}#user2DivContainer{background-color:#000}.userDiv1{align-items:center;justify-content:center}.userDiv1,.userDiv2{display:flex;flex-direction:column}.userDiv2{padding:.5rem}.userDiv3{display:flex;cursor:pointer;justify-content:center}.userDiv4{display:flex;padding-bottom:.125rem}.user1ProfilePicture{gap:.75rem}.user1ProfilePicture,.user2ProfilePicture{border-radius:9999px;max-height:50px}.user1Username{font-weight:700;cursor:pointer;font-size:.75rem;color:#000}.user1Username:hover{text-decoration:underline}.user2Username{font-weight:700;cursor:pointer;font-size:.75rem;color:#fff}.user2Username:hover{text-decoration:underline}.timerDiv{display:flex;align-items:center;justify-content:center}.timerDiv,.timerOuterCircle{position:absolute;left:50%;transform:translateX(-50%);height:100%;aspect-ratio:1/1}.timerOuterCircle{border-radius:50%;background-color:#adff2f;z-index:10;outline:1.5px solid #000}.timerInnerCircle{border-radius:50%;background-color:#000;z-index:20;position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;height:80%;aspect-ratio:1/1;top:10%}.timer{font-size:1.5rem;font-weight:600;color:#fff}#commentBarMainDiv{background-color:#000;width:375px;height:50px;position:relative}#commentDiv{position:absolute;width:50%;height:100%;left:0;margin:auto;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#commentInput{background-color:#000;color:#fff;height:65%;width:80%;border-radius:10px;position:absolute;border-color:#fff}#commentButtonDiv{position:absolute;width:20%;height:100%;left:50%;margin:auto;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#postCommentButton{position:absolute;border-radius:10px;height:70%;width:70%;cursor:pointer;background-color:#fff;color:#000}#likeButtonDiv{position:absolute;width:15%;height:100%;right:15%}#likeButton,#likeButtonDiv{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}#likeButton{cursor:pointer;background-color:#000;border:none}#shareButtonDiv{position:absolute;width:15%;height:100%;right:0}#shareButton,#shareButtonDiv{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}#shareButton{cursor:pointer;background-color:#000;border:none}.App{text-align:center;display:flex;justify-content:center;align-items:center;height:100vh}.matchplay-box{background:#1d1d1d;padding:2rem;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:800px;margin:auto;border:2px solid hsla(0,0%,100%,.068);border-radius:10px}.matchplay-container{padding:1rem;text-align:center}.matchplay-header{margin-bottom:1.5rem;font-size:1.5rem;color:#fff;font-weight:700}.matchplay-buttons{display:flex;flex-direction:column;gap:0;padding-left:3.5rem;padding-bottom:1rem}.matchplay-button{background-color:#1d1d1d;color:#fff;border:none;margin-bottom:1.5rem;border-radius:10px;cursor:pointer;width:100%;display:flex;align-items:baseline;font-weight:700;font-size:1rem}.matchplay-go-play{background-color:#555;margin-top:1rem}.button-circle{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#b8fa39;color:#1d1d1d;font-weight:700;font-size:1rem;margin-right:10px}.matchplay-divider{border-top:2px solid #454841;width:100%;margin:0 auto}.matchplay-go-play{background:#1d1d1d;color:#3773c3;border:none;padding:1rem;border-radius:20px;cursor:pointer;width:80%;font-weight:700;font-size:1.5rem;transition:transform .2s}.matchplay-go-play:hover{transform:scale(1.05)}.App-logo{width:120px;height:auto}.countdown-div{width:225px;height:225px;border-radius:100%;border-width:28px;border-color:#b9fb39;display:flex;justify-content:center;align-items:center}@font-face{font-family:SevenSegment;src:url(/_next/static/media/G7_Segment7_S5.9b8cd5c6.ttf) format("truetype")}.countdown-div h1{color:#fff;font-size:72px;font-family:SevenSegment}