.App{margin-left:auto;margin-right:auto;width:95vw;max-width:786px}.App,.App-content{height:100%}@keyframes shake{0%,to{transform:translateZ(0)}25%,75%{transform:translate3d(-4px,0,0)}50%{transform:translate3d(4px,0,0)}}.shaker{height:100%}.shaker.shake *{animation:shake .4s cubic-bezier(.36,.07,.19,.97) infinite both;transform:translateZ(0)}.shaker.shake .view-button-line{display:none}.view{display:flex;flex-direction:column;justify-content:flex-end;max-width:768px;height:100%}.view-message{flex:0 0 20vh;color:#000;padding-left:2vh;padding-right:2vh;margin:2vh;z-index:1}.view-message-content{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.view-info{flex:1 1 40vh;align-self:center;position:relative;max-height:40vh;display:flex;flex-direction:column;align-items:center}.view-info-content{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;justify-content:center}.view-play{flex:0 0 35vh;background-color:#fff;color:#000;border-radius:.9em;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));margin:1.5em;text-align:center;position:relative}.view-play .view-button-line{margin-left:1.5em;margin-right:1.5em;position:absolute;bottom:1em;width:calc(100% - 3em);height:3em}.view-button-line>button.small:first-child{float:left}.view-button-line>button.small:nth-child(2){float:right}.view-button-line>button.small:nth-child(3){position:relative;float:right;bottom:7em}.shake .view-botton-line{display:none}.itemList-Container{overflow:visible}.itemList-Container .arrow{position:absolute;top:-2em;left:calc(50% - 1.5em);width:3em;height:3em}.itemList{margin-top:.2em;display:flex;justify-content:center;align-items:center;height:20%;border-bottom:1px solid #252525;white-space:nowrap;text-align:center;overflow:hidden}.itemList.big{height:40%;border-bottom:0}.itemList.big:after{height:40%}.itemList .item{padding:0 5pt}.itemList .item.active{font-size:2em;font-weight:600}.itemList .item.next{font-size:1.6em;font-weight:400}.itemList .item.more{font-size:1.2em;font-weight:200}.itemList .item.moore{font-size:1em;font-weight:100}.itemList .item.mooore{font-size:.8em;font-weight:50}.button{border-radius:16pt;font-family:Open Sans,sans-serif;font-size:1em;font-style:normal;font-weight:700;line-height:1.2em;letter-spacing:0;text-align:center;background-color:#f9a826;border:0;padding:1em;text-transform:uppercase;transition-property:background-color;transition-duration:.6s;cursor:pointer}.button:focus{outline:0}.button:active{transform:translateY(1px)}.button{color:#fff}.button:hover{background-color:#c77d05}.button.light{background-color:#fff;color:#000}.button.light:hover{background-color:#eee}.button.red{background-color:#e63946}.button.red:hover{background-color:#cb1927}.button.big{width:100%}.button.small{width:49%}.button:disabled{color:grey!important;border-color:grey!important;cursor:not-allowed}.dice.big{width:7.9em;height:7.9em;cursor:auto;border-radius:.8em}.dice{width:3.33em;height:3.33em;cursor:pointer;margin:.1em;transition-duration:.2s;background-color:#fff;border-radius:.33em}.dice:hover{background-color:#fccd83}.dice.big:hover{background-color:#fff}.dice.preSelect{background-color:#ccc}.dice.active{background-color:#f9a826}.dicePresentation:before{position:absolute;left:-5%;bottom:-1.4em;z-index:-1;content:"";width:110%;height:40%;border-radius:50%;background-color:hsla(0,0%,100%,.9);box-shadow:0 4px 4px rgba(0,0,0,.25)}.dicePresentation{display:flex;flex-direction:row;align-content:center;position:relative;z-index:1;margin-bottom:4em;min-width:55%}.dicePresentation>.diceItem:before{position:absolute;bottom:-.55em;width:10em;height:1.8em;content:" ";background-color:rgba(0,0,0,.32);-webkit-filter:blur(4px);filter:blur(4px);border-radius:100%}.dicePresentation>.diceItem:first-child:before{left:6%}.dicePresentation>.diceItem:nth-child(2):before{right:6%}.dicePresentation>.diceItem{flex:1 1;display:flex;position:relative;padding-left:1.44em;padding-right:1.44em}.dicePresentation>.diceItem:first-child{justify-content:right}.dicePresentation>.diceItem:nth-child(2){justify-content:left}.dicePresentation>.diceItem>.dice{z-index:1}.DiceSelect{margin-top:1.5em;margin-bottom:1.5em;align-content:center;flex-direction:row;display:flex}.DiceSelect .DiceOne{flex:1 1;display:inline-grid;justify-content:center;grid-row-gap:.21em;width:40%}.DiceSelect .withAir{text-align:center;margin-top:auto;margin-bottom:auto}.DiceSelect .DiceTwo{flex:1 1;display:inline-grid;justify-content:center;grid-row-gap:.21em;width:40%}.blind-roll,.with-air{position:absolute;left:-10em}.input-field{text-align:left;margin:1em;padding-left:2em;padding-right:2em}.input-field label{font-size:1.5em}.input-field input{border:1px solid #3f3d56;box-sizing:border-box;border-radius:8px;font-family:"Permanent Marker";text-align:center;font-size:1.5em;width:100%;padding:.5em;outline:none}.input-field input.focus{border:1px solid #000}.welcome-view .game-aliases{position:absolute;left:-8em;top:.5em;font-size:2em;line-height:1.5em;text-align:center;transform:rotate(-16.5deg)}.welcome-view .prost{position:absolute;right:-4em;bottom:.5em;font-size:3.5em;text-align:center;transform:rotate(12deg)}.welcome-view .view-play .info-text{margin:2em}.welcome-view .view-play .info-text div{font-size:1.3em}.welcome-view .view-play .info-text a{color:#000;font-size:1.3em}.welcome-view .view-message-content{justify-content:flex-start}.background{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#fff 15.62%,#ffd600 21.88%,#ffe350 67.19%)}.background .background-bubble{position:absolute;overflow:hidden;top:-1000px}.background .background-bubble.speed1{animation:move_up 10s linear}.background .background-bubble.speed2{animation:move_up 8s linear}.background .background-bubble.speed3{animation:move_up 9s linear}.background. .background-bubble.speed4{animation:move_up 8.58.58.5s linear}.background .background-bubble.speed5{animation:move_up 9.2s linear}.background .background-bubble.speed6{animation:move_up 6s linear}@keyframes move_up{0%{top:100vh}to{top:-400px}}body,html{box-sizing:border-box;height:100%;font-family:"Permanent Marker";font-size:18px;margin:0}#root{margin:0 auto;width:100vw;height:100vh}#root:before{content:" ";background-image:url(/static/media/foam.86478b8f.svg);background-position:50%;width:100vw;height:242px;position:absolute}@media only screen and (max-width:700px){body,html{font-size:12px}}@media (max-height:720px),only screen and (max-width:375px){body,html{font-size:8px}}img{max-height:100%;max-width:786px}
/*# sourceMappingURL=main.2ba938d2.chunk.css.map */