.tap-count-button{background:#a30036;border-radius:12px;border:none;padding:0;cursor:pointer;outline-offset:4px;position:relative}.tap-count-button .tap-count-button-front{display:block;padding:12px 42px;border-radius:12px;font-size:1.25rem;background:#f0003c;color:#fff;transform:translateY(-6px);will-change:transform;transition:transform .25s}.tap-count-button:active .tap-count-button-front{transform:translateY(-2px)}.tap-count-button:focus:not(:focus-visible){outline:none}.tap-count-button:focus-visible{outline:revert}.tap-count{text-align:center;font-size:30px;margin-bottom:20px}.tap-count .tap-count-current{font-weight:700;font-size:60px}.tap-count .tap-count-total{font-size:60px}@keyframes circleToSquareGrow{0%{transform:scale(1)}to{transform:scale(2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gift-value-box{display:flex;align-items:center;justify-content:center;width:250px;height:100px;background-color:#fff;color:#000;animation:circleToSquareGrow 1.5s forwards}.gift-value-text{opacity:0;animation:fadeIn 1.5s forwards}.simon-says-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:0px;width:400px;height:400px;border-radius:50%;gap:10px;overflow:hidden}.simon-says-layout .simon-says-square.selectable:hover:not(:active){box-shadow:0 0 10px 2px #fff6;z-index:2}.simon-says-layout .simon-says-square.selctable:hover{cursor:pointer}.simon-says-layout .simon-says-square:active,.simon-says-layout .simon-says-square.active{box-shadow:0 0 20px 5px #ffffffb3;z-index:2}.simon-says-layout .simon-says-square.yellow{background-color:#ffea37}.simon-says-layout .simon-says-square.green{background-color:#3edd4b}.simon-says-layout .simon-says-square.blue{background-color:#4b3edd}.simon-says-layout .simon-says-square.red{background-color:#dd4b3e}.loader{position:absolute;width:100%;height:100%;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0000004d;z-index:1}.loader .loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px;height:500px;border-radius:50%;background:#fff}.loader .loader-content .loader-header{color:#5252d4;font-size:30px}.loader .loader-content .loader-subheader{color:#36454f;font-size:16px}.loader .loader-content .loader-subheader:after{content:" .";animation:ellipsis 1s infinite}@keyframes ellipsis{0%{content:" ."}33%{content:" .."}66%{content:" ..."}}.home-page .home-page-gifts{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.send-gift-page{flex-shrink:1;width:100vw;max-width:1000px;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden}.send-gift-page .send-gift-step{padding:20px;border-radius:8px;background:#3a7b60;border:5px solid white;box-shadow:13px 13px 10px -1px #4a4a4a;-webkit-box-shadow:13px 13px 10px -1px rgb(74,74,74);-moz-box-shadow:13px 13px 10px -1px rgb(74,74,74)}.send-gift-page .send-gift-step .send-gift-step-content{display:flex;flex-direction:column;gap:10px}.send-gift-page .send-gift-step .send-gift-step-nav{display:flex;flex-direction:row;justify-content:center;gap:10px;padding:10px}.send-gift-page .send-gift-step .send-gift-step-nav .send-gift-step-nav-node{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.send-gift-page .send-gift-step .send-gift-step-nav .send-gift-step-nav-node:not(:last-child):after{content:"";position:absolute;left:calc(50% + 12px);top:18%;height:1px;width:100%;background-color:#ccc}.send-gift-page .send-gift-step .send-gift-step-nav .send-gift-step-nav-node.active .send-gift-step-nav-node-circle{background-color:#fff}.send-gift-page .send-gift-step .send-gift-step-nav .send-gift-step-nav-node .send-gift-step-nav-node-circle{border-radius:50%;height:10px;width:10px;outline:1px solid white;border:2px solid #3a7b60}.send-gift-page .send-gift-step .send-gift-step-gift-message-label{font-size:4rem;text-align:center;border-bottom:1px solid #f9f9f7}.send-gift-page .send-gift-step .send-gift-step-gift-message{width:350px;max-width:80vw;padding:5px;border-radius:5px;text-align:center;border:none;outline:none;resize:none;background-color:transparent;color:#f9f9f7;field-sizing:content;min-height:10rem;max-height:20rem;overflow:auto}.send-gift-page .send-gift-step .send-gift-step-gift-message::placeholder{color:#fff;opacity:.6}.send-gift-page .send-gift-step .send-gift-step-gift-message:focus{outline:none}.send-gift-page .send-gift-step .radio-button-group{position:relative}.send-gift-page .send-gift-step .radio-button-group input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.send-gift-page .send-gift-step .radio-button-group label{display:inline-block;padding:10px 20px;margin:5px;border:1px solid #ccc;border-radius:5px;background-color:#f0f0f0;cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s;color:#000}.send-gift-page .send-gift-step .radio-button-group label:has(input[type=radio]:checked){background-color:#be3530;color:#fff}.send-gift-page .send-gift-step .radio-button-group label:hover{outline:1px solid white;outline-offset:2px}.gift-page{display:flex;max-height:500rem}html body{margin:0}#root{height:100vh;width:100vw;background:#4c9c7b;background-image:url(/gift.png);background-size:130px 130px;background-repeat:repeat;color:#fff}.app{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;overflow:hidden;font-family:Amatic SC,sans-serif}.app button{border-radius:5px;padding:6px;background-color:#fff;color:#000;outline:none;border:none}
