*{box-sizing:border-box;margin:0;padding:0}*>button{background:inherit;box-shadow:none;cursor:pointer;border:none;border-radius:0;padding:0;overflow:visible}::-webkit-scrollbar{display:none}a{color:inherit;cursor:pointer;background-color:transparent;text-decoration:none}.NavBox.fadeOut{animation:.5s ease-in-out forwards fadeOut}.NavBox.fadeIn{animation:.5s ease-in-out forwards fadeIn}a:hover,a:focus,a:active{outline:none;text-decoration:none}a:visited{color:inherit}a[disabled],a[aria-disabled=true]{pointer-events:none;opacity:.5}.background{pointer-events:none;width:100%;height:50%;position:absolute;bottom:0;left:0}.borderBox{pointer-events:auto;background-color:#000;border:1px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.5);padding:.7vw .9vw}.borderBox .Button{cursor:pointer;align-items:center;gap:18px;width:250px;padding:0 0 0 .6vw;display:flex}.borderBox.system{opacity:0;flex-direction:column;gap:15px;width:13.35vw;animation:.9s ease-in-out 1.1s forwards fadeInLeft;display:flex}.objectControl{width:100%;height:100%;transition:all 1s ease-in-out;animation:1s cubic-bezier(.42,0,.43,1.54) forwards slideDown;position:absolute;top:0;left:0}.objectControl.off{pointer-events:none}.ControlBox{opacity:0;flex-direction:column;gap:12px;width:-moz-fit-content;width:fit-content;min-width:132px;animation:.9s ease-in-out 1.1s forwards fadeInLeft;display:flex;position:relative}.ControlBox .name{opacity:.6;letter-spacing:-.38px;font-size:.99vw;font-weight:400}.ControlBox .middleLine{opacity:.6;background-color:rgba(255,255,255,.5);width:100%;height:1px}.ControlBox .shapeGrid{aspect-ratio:282/245;background:#000;border:1px solid #242424;border-top-color:rgba(255,255,255,.5);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);width:14.69vw;padding:8px;display:grid}.ControlBox .shapeGrid>div{cursor:pointer;background-color:#000;flex-direction:column;justify-content:space-between;width:100%;padding:13px;font-size:.99vw;transition:all .3s ease-in-out;display:flex;position:relative}.ControlBox .shapeGrid>div.active{background-color:rgba(255,255,255,.2)}.ControlBox .shapeGrid>div:hover{background-color:rgba(255,255,255,.1)}.ControlBox .shapeGrid>div .line,.ControlBox .shapeGrid>div .lineBot{background-color:rgba(255,255,255,.2);position:absolute}.ControlBox .shapeGrid>div:nth-child(odd) .line{width:1px;height:calc(100% - 7px);top:0;right:-.5px}.ControlBox .shapeGrid>div:nth-child(odd) .line.right{top:auto;bottom:0}.ControlBox .shapeGrid>div:nth-child(odd) .lineBot,.ControlBox .shapeGrid>div:nth-child(2n) .line{width:calc(100% - 14px);height:1px;top:-.5px;left:50%;transform:translate(-50%)}.ControlBox .shapeGrid>div .Icon{align-self:self-end}.ControlBox .shapeGrid>div .CUSTOMtextLine{align-items:center;gap:10px;display:flex}.ControlBox .shapeGrid>div .CUSTOMtextLine svg{width:.7vw}.ControlBox .objectSelectList{gap:16px;display:flex}.ControlBox .objectSelectList>div{cursor:pointer}.ControlBox .Property{letter-spacing:-.8px;font-size:2.08vw;font-weight:400;line-height:160%}.introBg{justify-content:center;align-items:center;width:100vw;height:100vh;min-height:900px;padding-top:16%;display:flex;overflow:hidden}.introBg .goPivotHero{flex-direction:column;justify-content:start;align-items:center;width:100%;height:60%;min-height:500px;display:flex}.introBg .goPivotHero .titleBox{flex-direction:column;align-items:center;gap:3.7vh;display:flex}.introBg .goPivotHero .titleBox>p{font-size:var(--tmp);color:#fff;letter-spacing:-.6px;font-size:1.04vw}.introBg .goPivotHero .titleBox.slideUp{animation:.9s ease-in-out forwards slideUp}.introBg .goPivotHero .titleBox>svg{width:30vw}.introBg .samplePivotPlace{width:100%;height:50vh;position:absolute;top:50%;transform:translateY(-50%)}.introBg .samplePivotPlace>svg{position:absolute;top:50%;left:50%}.introBg .samplePivotPlace>svg.A{width:18vw;height:18vw;animation:4.2s ease-in-out infinite float-A;transform:translate(-58vw,-40%)}.introBg .samplePivotPlace>svg.A.slideUp{animation:.8s ease-in-out .1s forwards slideUpA}.introBg .samplePivotPlace>svg.B{width:21vw;height:21vw;animation:3.8s ease-in-out infinite float-B;transform:translate(-40vw,-60%)}.introBg .samplePivotPlace>svg.B.slideUp{animation:.8s ease-in-out 50ms forwards slideUpB}.introBg .samplePivotPlace>svg.C{width:25vw;height:25vw;animation:3.5s ease-in-out infinite float-C;transform:translate(19vw,-40%)}.introBg .samplePivotPlace>svg.C.slideUp{animation:.8s ease-in-out 50ms forwards slideUpC}.introBg .samplePivotPlace>svg.D{width:20vw;height:20vw;animation:4s ease-in-out infinite float-D;transform:translate(41vw,-55%)}.introBg .samplePivotPlace>svg.D.slideUp{animation:.8s ease-in-out .1s forwards slideUpD}.introBg .samplePivotPlace>svg.bg{bottom:0;left:0}.infoFade{justify-content:center;width:100%;height:7vh;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.fadeOut{animation:.5s ease-out forwards fadeOut}.makePivot{color:#fff;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:3vh 0 68px;display:flex;position:relative;overflow:hidden}.makePivot.Transition .topBar{animation:.5s ease-out forwards fadeOut}.makePivot.Transition .PivotInfoPlaceHolder{animation:.5s ease-out .2s forwards fadeOut}.startBtn{letter-spacing:-.4px;color:#000;width:14.69vw;font-weight:500;line-height:normal;font-size:var(--tmp);cursor:pointer;z-index:10;background-color:#fff;margin-top:6vw;padding:9px 10px 10px;font-size:1.04vw}.startBtn.goArchive{color:rgba(255,255,255,.5);background-color:rgba(19,14,14,.2);border:1px solid rgba(255,255,255,.5);justify-content:center;margin-top:10px;font-weight:300;display:flex}.startBtn.fadeOut{animation:.5s ease-out forwards fadeOut}.backBtn{color:#fff;cursor:pointer;opacity:0;align-items:center;gap:.89vw;font-size:.94vw;animation:.5s ease-out .3s forwards fadeIn;display:flex}.topBar{z-index:100;opacity:0;justify-content:space-between;width:93.85vw;animation:.9s ease-out .5s forwards fadeIn;display:flex;position:relative}.topBar .max-3{opacity:.6;font-size:.89vw}.topBar .addPivotSlots{flex-direction:column;justify-content:end;align-items:end;gap:1.57vh;height:6.76vh;margin-top:20px;display:flex}.topBar .addPivotSlots .addListPlaceHolder{justify-content:end;align-items:center;height:3.24vh;display:flex}.topBar .addPivotSlots .topRight{flex-direction:column;display:flex}.topBar .addPivotSlots .PivotLength{width:-moz-fit-content;width:fit-content;display:flex}.topBar .addPivotSlots .PivotLength .LengthCard{align-items:center;width:-moz-fit-content;width:fit-content;height:3.24vh;padding:5px 25px;font-size:.8vw;display:flex;box-shadow:inset 0 0 0 1px #fff}.topBar .addPivotSlots .PivotLength .LengthCard.selected{color:#000;background-color:#fff}.topBar .addPivotSlots .PivotLength .LengthCard .text{margin:0}.topBar .addPivotSlots .BtnList{aspect-ratio:2;height:100%;display:flex}.topBar .addPivotSlots .BtnList .Btn{aspect-ratio:1;cursor:pointer;height:100%;position:relative;box-shadow:inset 0 0 0 1px #fff}.topBar .addPivotSlots .BtnList .Btn .line{background-color:#fff;position:absolute}.topBar .addPivotSlots .BtnList .Btn .line.A{width:50%;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.topBar .addPivotSlots .BtnList .Btn .line.B{width:1.5px;height:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.PivotInfoPlaceHolder{pointer-events:none;z-index:100;justify-content:space-between;width:93.85vw;height:80vh;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine .mouseBox{z-index:100;opacity:0;background-color:#000;border:1px solid rgba(255,255,255,.2);flex-direction:column;gap:15px;width:-moz-fit-content;width:fit-content;padding:15px;animation:.9s ease-in-out 1.1s forwards fadeInLeft;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction{justify-content:space-between;align-items:center;gap:.8vw;width:100%;padding:0 .8vw;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction.space{width:100%;height:2vw}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction.space .spaceBox{border:1px solid rgba(255,255,255,.5);border-radius:.2vw;justify-content:center;align-items:center;width:65%;padding:.2vw 1.2vw;display:flex}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction .svgPlaceHolder{aspect-ratio:1;height:100%}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction>svg{transform:scale(.8)}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction .text{letter-spacing:-.03em;white-space:nowrap;justify-self:end;font-size:.78vw;font-weight:500}.PivotInfoPlaceHolder .leftLine .mouseBox .mouseInteraction .text>span{border:1px solid rgba(255,255,255,.5);border-radius:.2vw;margin-right:10px;padding:6px 12px}.PivotInfoPlaceHolder .leftLine .mouseBox .middleLine{background-color:rgba(255,255,255,.2);width:100%;height:1px}.PivotInfoPlaceHolder .leftLine .leftBottom{z-index:100;opacity:0;flex-direction:column;gap:6.48vh;animation:.9s ease-in-out 1.1s forwards fadeInLeft;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine .NameInput{z-index:100;pointer-events:auto;opacity:0;align-items:end;animation:.9s ease-in-out 1.1s forwards fadeInLeft;display:flex;position:relative}.PivotInfoPlaceHolder .leftLine .NameInput .Input{color:#fff;letter-spacing:-.0201666em;background-color:transparent;border:none;border-bottom:1px solid #fff;outline:none;width:-moz-fit-content;width:fit-content;max-width:250px;font-size:2.5vw;font-weight:400;line-height:110%}.PivotInfoPlaceHolder .leftLine .NameInput .Input::placeholder{color:#fff;opacity:.2;transition:opacity .15s ease-in-out}.PivotInfoPlaceHolder .leftLine .NameInput .Input:focus{border:none;border-bottom:1px solid #0051ff;outline:none}.PivotInfoPlaceHolder .leftLine .NameInput .Input:focus-visible{border:none;border-bottom:1px solid #0051ff;outline:none}.PivotInfoPlaceHolder .leftLine .NameInput .whoIsMaker{opacity:.3;letter-spacing:.020833vw;margin-bottom:-5px;font-size:.94vw}.PivotInfoPlaceHolder .leftLine .ControlBoxList{gap:14px;display:flex}.PivotInfoPlaceHolder .rightLine{flex-direction:column;justify-content:end;align-items:center;padding-top:6.48vh;display:flex;position:relative}.PivotInfoPlaceHolder .rightLine .startBtn{pointer-events:auto;opacity:0;width:14.69vw;margin-top:11.11vh;animation:.9s ease-in-out 1.1s forwards fadeInRight}.PivotInfoPlaceHolder .rightLine .ControlBox{pointer-events:auto;animation:.9s ease-in-out 1.1s forwards fadeInRight}.PivotInfoPlaceHolder .rightLine .modeToggle{width:14.69vw;margin-bottom:3.5vh}.PivotInfoPlaceHolder .rightLine .modeToggle>div{cursor:pointer;align-items:center;width:100%;height:3.5vh;padding:8px;font-size:.94vw;transition:all .3s ease-in-out;display:flex}.PivotInfoPlaceHolder .rightLine .modeToggle>div.line{background-color:rgba(255,255,255,.2);width:1px;height:100%;padding:0}.PivotInfoPlaceHolder .rightLine .modeToggle>div.active{background-color:rgba(225,225,225,.2)}.PivotInfoPlaceHolder .rightLine .modeToggle>div:hover{background-color:rgba(225,225,225,.1)}.PivotInfoPlaceHolder .rightLine .Button.active svg circle,.PivotInfoPlaceHolder .rightLine .Button.active svg rect{fill:#fff;stroke:#000}.PivotInfoPlaceHolder .rightLine .Button.active svg circle[fill=white]{fill:#fff}.rightBotBox{z-index:100;flex-direction:column;gap:22px;display:flex;position:relative}.doneBg{width:100vw;height:100vh;padding-top:3vw;padding-left:3vw}.doneBg .infoBox{opacity:0;animation:.5s ease-out .5s forwards fadeIn;position:absolute;bottom:.5vh}.doneBg .done{left:20%;transform:translate(-30%)}.doneBg .goPivotDone{white-space:pre-wrap;text-align:center;opacity:0;width:-moz-fit-content;width:fit-content;padding:20px;font-size:1.5em;animation:.5s ease-out .3s forwards fadeIn;position:absolute;top:45%;left:30%;transform:translate(-50%,-50%)}.doneBg .goPivotDone .ResultContainer{flex-direction:column;gap:90px;display:flex}.doneBg .goPivotDone .ResultContainer .TitleText{flex-direction:column;gap:32px;display:flex}.doneBg .goPivotDone .ResultContainer .MakersPivot{letter-spacing:-2.16px;text-align:start;font-size:3.75vw;line-height:110%}.doneBg .goPivotDone .ResultContainer .Result{text-align:start;font-size:1.04vw;font-weight:500;line-height:165%}.doneBg .goPivotDone .buttonList{margin-top:3vw;display:flex;position:relative}.doneBg .goPivotDone .buttonList .btn{cursor:pointer;letter-spacing:-.03em;border:1px solid rgba(255,255,255,.2);width:198.737px;height:-moz-fit-content;height:fit-content;padding:8.72px;font-size:1.04vw;font-weight:400;transition:all .3s ease-in-out}.doneBg .goPivotDone .buttonList .btn:hover{background-color:rgba(255,255,255,.2)}.doneBg .goPivotDone .eventCard{letter-spacing:-.45px;text-align:start;opacity:0;background-color:rgba(255,255,255,.2);border-radius:10px;width:-moz-fit-content;width:fit-content;padding:15px 35px;font-size:.94vw;line-height:145%;transition:opacity .5s ease-in-out;animation:.5s 1s forwards fadeIn;position:absolute;top:250%}.doneBg .goPivotDone .eventCard.off{animation:.5s 1s forwards fadeOut}.doneBg .goPivotDone .eventCard>svg{cursor:pointer;position:absolute;top:15px;right:20px}.doneBg .goPivotDone .eventCard .Triangle{border:0 solid transparent;border-top-width:25px;border-left:25px solid rgba(255,255,255,.2);width:0;height:0;position:absolute;bottom:100%;left:20%}.modal-overlay{z-index:101;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-overlay .bg{width:100vw;height:100vh;position:absolute}.modal-overlay .modal-content{aspect-ratio:1140/720;color:#fff;background-color:#000;border:1px solid rgba(255,255,255,.2);width:60%;padding:30px}.modal-overlay .modal-content .modal-top-bar{justify-content:space-between;width:100%;display:flex}.modal-overlay .modal-content .modal-top-bar .title{opacity:.8;font-size:1.09vw}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translate(0%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0%)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translate(0)}to{transform:translateY(-100vh)}}@keyframes slideUpA{0%{transform:translate(-58vw,-40%)}to{transform:translate(-58vw,-100vh)}}@keyframes slideUpB{0%{transform:translate(-40vw,-60%)}to{transform:translate(-40vw,-100vh)}}@keyframes slideUpC{0%{transform:translate(19vw,-60%)}to{transform:translate(19vw,-100vh)}}@keyframes slideUpD{0%{transform:translate(41vw,-55%)}to{transform:translate(41vw,-100vh)}}@keyframes float-A{0%,to{top:50%}50%{top:calc(50% - 10px)}}@keyframes float-B{0%,to{top:50%}50%{top:calc(50% - 10px)}}@keyframes float-C{0%,to{top:50%}50%{top:calc(50% - 10px)}}@keyframes float-D{0%,to{top:50%}50%{top:calc(50% - 10px)}}