.my-account{margin:0 auto;max-width:600px;padding:20px}@media screen and (max-width:779px){.my-account{padding:20px 0}}.my-account .forgot-password{margin:0 12px;font-size:13px;display:inline-block}.my-account .forgot-password a{color:#555;text-decoration:underline}.my-account .account-security,.my-account .account-type,.my-account .affiliate-comp,.my-account .api-comp,.my-account .danger-zone,.my-account .general-setting,.my-account .link-sns-accounts,.my-account .payment-details,.my-account .profile-details,.my-account .public-profile-comp{margin:40px 0;border-radius:3px;background-color:#fff;padding:20px}@media screen and (max-width:779px){.my-account .account-security,.my-account .account-type,.my-account .affiliate-comp,.my-account .api-comp,.my-account .danger-zone,.my-account .general-setting,.my-account .link-sns-accounts,.my-account .payment-details,.my-account .profile-details,.my-account .public-profile-comp{padding:12px}}.my-account .account-security:first-of-type,.my-account .account-type:first-of-type,.my-account .affiliate-comp:first-of-type,.my-account .api-comp:first-of-type,.my-account .danger-zone:first-of-type,.my-account .general-setting:first-of-type,.my-account .link-sns-accounts:first-of-type,.my-account .payment-details:first-of-type,.my-account .profile-details:first-of-type,.my-account .public-profile-comp:first-of-type{margin-top:0}.my-account .danger-zone h3{color:#c80032}.my-account .danger-zone .danger-items{border:1px solid #c80032;border-radius:3px;padding:12px}.my-account .danger-zone .danger-items h4,.my-account .danger-zone .danger-items p{margin:0}.my-account .danger-zone .danger-items p{font-size:15px}.my-account .danger-zone .danger-items .delete-account{display:flex;justify-content:space-between}.my-account .danger-zone .danger-items .delete-account .button-element{max-width:160px}.my-account .danger-zone .danger-items .delete-account .button-element button{padding:0 24px 0 0}.my-account .profile-details .profile-detail>div{display:flex}.my-account .profile-details .profile-detail>div .button-element{margin:0 0 0 12px;width:40px;min-width:40px}.my-account .profile-details .profile-detail>div .button-element button{padding:0;color:transparent}.my-account .profile-details .profile-detail:last-of-type input{margin:0}.my-account .checkbox-div{display:flex;margin:0 0 8px}.my-account .checkbox-div:last-of-type{margin:0}.my-account .checkbox-div input{padding:12px;height:16px;width:16px;margin:0 8px 0 0}.my-account .checkbox-div .frequency{margin:0 8px;font-size:11px}.pizza-machine-comp{padding:20px}.pizza-machine-comp .top-row{display:flex;align-items:center}.pizza-machine-comp .location{padding:4px;border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);width:280px;text-align:center;font-size:20px}.pizza-machine-comp .gender-buttons{position:relative;height:80px;background-color:#6089a8;box-shadow:0 1px 5px 0 rgba(0,0,0,.5);border-radius:20px;align-items:center;display:flex;padding:0 8px}.pizza-machine-comp .gender-buttons:after{content:"";position:absolute;top:.5%;left:.5%;width:100%;height:100%;background:radial-gradient(circle at top left,hsla(0,0%,100%,.6),transparent 15%);border-radius:20px;pointer-events:none}.pizza-machine-comp .gender-buttons .female,.pizza-machine-comp .gender-buttons .male{position:relative;margin:0 8px;border-radius:50%;height:60px;width:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 3px 0 rgba(0,0,0,.5);background-color:#325573}.pizza-machine-comp .gender-buttons .female:after,.pizza-machine-comp .gender-buttons .male:after{content:"";position:absolute;top:2%;left:2%;width:100%;height:100%;background:radial-gradient(circle at top left,hsla(0,0%,100%,.6),transparent 40%);transform:rotate(10deg);border-radius:50%;pointer-events:none}.pizza-machine-comp .gender-buttons .female svg,.pizza-machine-comp .gender-buttons .male svg{height:40px;width:40px;fill:#c5e9e2}.pizza-machine-comp .gender-buttons .female:hover svg,.pizza-machine-comp .gender-buttons .male:hover svg{fill:#fff}.pizza-machine-comp .gender-buttons .female.active,.pizza-machine-comp .gender-buttons .male.active{padding-bottom:2px;box-shadow:inset 0 3px 3px 0 rgba(0,0,0,.5);background-color:#00addc}.pizza-machine-comp .gender-buttons .female.active svg,.pizza-machine-comp .gender-buttons .male.active svg{fill:#fff78b}.pizza-machine-comp .gender-buttons .female:active,.pizza-machine-comp .gender-buttons .male:active{box-shadow:inset 0 3px 3px 0 rgba(0,0,0,.75);padding-bottom:4px}.pizza-machine-comp .racks{margin:20px;display:flex}.pizza-machine-comp .racks li{position:relative;display:flex;justify-content:center;align-items:center;height:100px;width:100px;margin:4px;border:12px solid transparent;border-radius:8px;cursor:pointer}.pizza-machine-comp .racks li:hover{border-color:rgba(0,0,255,.5)}.pizza-machine-comp .racks li img{border-radius:8px}.pizza-machine-comp .racks li.active{border-color:blue}.pizza-machine-comp .clothes{margin:0;display:flex;flex:wrap 1}.pizza-machine-comp .clothes li{min-height:190px;min-width:90px;margin:4px;cursor:pointer;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-flow:column}.pizza-machine-comp .clothes li.active{position:relative}.pizza-machine-comp .clothes li.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 2px 3px blue;border-radius:8px;pointer-events:none}.pizza-machine-comp .clothes li:hover{box-shadow:inset 0 0 250px 0 rgba(0,0,0,.1)}.pizza-machine-comp .clothes li:first-of-type{margin-left:0}.pizza-machine-comp .clothes li:last-of-type{margin-right:0}.pizza-machine-comp .clothes li img{height:195px;width:95px}.pizza-machine-comp .clothes li .text{width:100%;display:block;text-align:center;font-size:18px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);border-radius:8px}.pizza-machine-comp .expand-modal img{min-height:570px;min-width:270px}.pizza-machine-comp .players{margin:20px 0;display:flex;flex-wrap:wrap}.pizza-machine-comp .players .player{padding:4px 0;flex:0 0 50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-flow:column}.pizza-machine-comp .players .player .player-inner{position:relative;background-color:#fff;background-color:#325573;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);border-radius:25px;width:auto;width:368px;padding:12px 0}.pizza-machine-comp .players .player .player-inner:after{content:"";position:absolute;top:0;left:0;width:25%;height:25%;background:radial-gradient(circle at top left,hsla(0,0%,100%,.6),transparent 50%);transform:rotate(15deg);border-radius:50%;pointer-events:none}.pizza-machine-comp .players .player span{position:relative;padding:2px 0;margin:4px 20px 0;display:block;text-align:center;font-size:20px;background-color:#555;color:#fff;border-radius:12px;background-color:#00addc;box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}.pizza-machine-comp .players .player span:after{content:"";position:absolute;top:0;left:0;width:10%;height:100%;background:radial-gradient(circle at top left,hsla(0,0%,100%,.6),transparent 50%);transform:rotate(10deg);border-radius:50%;pointer-events:none}.pizza-machine-comp .players .player .items{box-sizing:border-box;display:flex;justify-content:center;align-items:center}.pizza-machine-comp .players .player .items .item{height:188px;width:112px;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center}.pizza-machine-comp .players .player .items .item:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 250px 100px hsla(0,0%,100%,.25);pointer-events:none}.pizza-machine-comp .players .player .items .item:active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 250px 100px hsla(0,0%,100%,.5);pointer-events:none}.pizza-machine-comp .players .player .items .item img{position:absolute}.pizza-machine-comp .players .player .items .item.active{border:10px solid red}.pizza-machine-comp .center-div-outer .center-div-middle>:first-child.select-pizza-item{max-width:720px}.pizza-machine-comp .select-pizza-item .base{display:flex}.pizza-machine-comp .select-pizza-item .base>div{position:relative;cursor:pointer}.pizza-machine-comp .select-pizza-item .base>div img{border-radius:8px;overflow:hidden}.pizza-machine-comp .select-pizza-item .base>div:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 250px 100px hsla(0,0%,100%,.25);pointer-events:none}.pizza-machine-comp .select-pizza-item .base>div:active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 250px 100px hsla(0,0%,100%,.5);pointer-events:none}.pizza-machine-comp .pie{display:flex;justify-content:center}.pizza-machine-comp .pie>div{display:flex;flex-flow:column}.pizza-machine-comp .pie>div img{border-radius:8px}.pizza-machine-comp .pie>div span{text-align:center;font-size:20px}.pizza-machine-comp .grid-container{height:500px;width:500px;position:relative}.pizza-machine-comp .grid-container .the-grid{padding:0 32px;background-color:#fff;border-radius:50px;margin-top:50px;margin-left:150px;position:absolute;transform:rotate(-45deg)}.pizza-machine-comp .grid-container .the-grid .grid-row{margin:32px 0;display:flex}.pizza-machine-comp .grid-container .the-grid .grid-row .grid-column{margin:2px;border:1px solid #000;height:32px;width:32px;display:flex;justify-content:center;align-items:center}.pizza-machine-comp .grid-container .the-grid .grid-row .grid-column span{display:block;transform:rotate(45deg)}.pizza-machine-comp .grid-container .the-grid .grid-row .grid-column.semi-active{background-color:rgba(255,0,0,.2)}.pizza-machine-comp .grid-container .the-grid .grid-row .grid-column.active{background-color:red}.button-element{height:40px;width:100%;overflow:hidden;border-radius:3px;position:relative}.button-element .background{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#1779b9;transition:opacity .3s linear}.button-element.delete .background{background-color:#c80032}.button-element.clear:hover{box-shadow:inset 0 0 250px 0 rgba(0,0,0,.1)}.button-element.clear:active{box-shadow:inset 0 0 250px 0 rgba(0,0,0,.2)}.button-element.clear .background{border:1px solid rba(100,100,100,1);background-color:transparent}.button-element.clear button{border:1px solid #969696;color:#333}.button-element.clear svg .real-path{fill:#333}.button-element.disabled .background{opacity:.5}.button-element.cancel .background{background-color:#f0f0f0}.button-element.cancel svg .real-path{fill:#333}.button-element.cancel button,.button-element.cancel input{color:#333}.button-element.cancel button:hover,.button-element.cancel input:hover{box-shadow:inset 0 0 250px 0 rgba(0,0,0,.1)}.button-element.cancel button:active,.button-element.cancel input:active{box-shadow:inset 0 0 250px 0 rgba(0,0,0,.2)}.button-element.no-image .button-status-image{opacity:0;display:none}.button-element .button-status-image{display:block;position:absolute;z-index:10;top:8px;width:24px;height:24px;opacity:1;transition:display .3s,opacity .3s cubic-bezier(.21,.6,.47,.82);transition-delay:display .3s}.button-element.icon-left .button-status-image{left:8px}.button-element.icon-right .button-status-image{right:8px}.button-element button,.button-element input{background-color:transparent;z-index:15}.button-element.loading .button-status-image{transform:translate(-100px,-100px) scale(1) translate(100px,100px)}.button-element.loading .button-status-image div,.button-element.loading .button-status-image div:after{z-index:11;position:absolute;width:inherit;height:inherit;border:2px solid #fff;border-top-color:#555;border-radius:50%}.button-element.loading .button-status-image div{animation:lds-rolling .65s cubic-bezier(.75,.35,.34,.64) infinite;top:50%;left:50%}.button-element.loading .button-status-image div:after{transform:rotate(90deg)}.button-element .coin-element{margin:4px}.sandbox .button-element .background{background-color:#22aaa1}@keyframes lds-rolling{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loading{position:relative;background-color:hsla(0,0%,100%,.05);box-shadow:0 0 5px 0 hsla(0,0%,100%,.1);border-radius:50%}.loading div{position:absolute;height:100%;width:100%;animation:lds-roller 1.1s cubic-bezier(.75,.35,.34,.64) infinite}.loading div:after{content:" ";position:absolute;width:12%;height:16%;border-radius:50%;background-color:#1779b9;top:0;left:44%}.loading div:first-child{animation-delay:-62ms}.loading div:nth-child(2){animation-delay:-.124s}.loading div:nth-child(3){animation-delay:-.186s}.loading div:nth-child(4){animation-delay:-.248s}.loading div:nth-child(5){animation-delay:-.31s}.loading div:nth-child(6){animation-delay:-.372s}.loading div:nth-child(7){animation-delay:-.434s}.loading div:nth-child(8){animation-delay:-.496s}.loading div:nth-child(9){animation-delay:-.558s}.loading div:nth-child(10){animation-delay:-.62s}.loading div:nth-child(11){animation-delay:-.682s}.loading div:nth-child(12){animation-delay:-.744s}.loading.secondary-color div:after{background-color:#4d5061}.loading.accent-color div:after{background-color:#f2af29}.loading.white div:after{background-color:#fff}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}