@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@500&display=swap);::-moz-placeholder{color:#c3c3c3;opacity:1}::placeholder{color:#c3c3c3;opacity:1}:-ms-input-placeholder{color:#c3c3c3}::-ms-input-placeholder{color:#c3c3c3}*{margin:0;padding:0}::-webkit-scrollbar{display:none}ul{list-style:none;padding:0}button{border:none;outline:none}.disable-dbl-tap-zoom{touch-action:manipulation}*{font-family:Noto Sans TC,sans-serif;-webkit-text-size-adjust:none}.fade-in-enter-active,.fade-in-leave-active{transition:.5s}.fade-in-enter-from,.fade-in-leave-to{opacity:0}.fade-in-enter-to,.fade-in-leave-from{opacity:1}.slide-right-enter-active,.slide-right-leave-active{transition:.5s}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translateX(500px)}.slide-right-enter-to,.slide-right-leave-from{opacity:1;transform:translateX(0)}.slide-top-enter-active,.slide-top-leave-active{transition:.5s}.slide-top-enter-from,.slide-top-leave-to{opacity:0;transform:translateY(-52px)}.slide-top-enter-to,.slide-top-leave-from{opacity:1;transform:translateY(0)}.keyboard-slide-bottom-enter-active,.slide-bottom-leave-active{transition:.5s}.slide-bottom-enter-from,.slide-bottom-leave-to{opacity:0;transform:translateY(60px)}.slide-bottom-enter-to,.slide-bottom-leave-from{opacity:1;transform:translateY(0)}.keyboard-slide-bottom-enter-active,.keyboard-slide-bottom-leave-active{transition:.5s}.keyboard-slide-bottom-enter-from,.keyboard-slide-bottom-leave-to{transform:translateY(240px)}.keyboard-slide-bottom-enter-to,.keyboard-slide-bottom-leave-from{transform:translateY(0)}@media screen and (max-width:900px){#app{width:100vw;overflow:scroll}}.view-home{display:flex;flex-direction:column;gap:20px;width:calc(100vw - 200px);height:calc(100vh - 80px);background:linear-gradient(304.58deg,#252b24 6.29%,#3d4b3b 99.2%);padding:40px 100px}@media screen and (max-width:900px){.view-home{width:100vw;min-height:100vh;padding:0;background:linear-gradient(349.03deg,#252b24 -4.78%,#3d4b3b 106.39%);overflow:scroll}}.view-home>header{display:flex;justify-content:space-between;align-items:center}.view-home>header .day-counter{display:flex}.view-home>header .day-counter button{background-color:#d9d9d9;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:20px;padding:16px 24px;letter-spacing:4px}.view-home>header .day-counter div{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;background-color:hsla(0,0%,100%,.2);padding:0 40px;border-top-right-radius:4px;border-bottom-right-radius:4px}.view-home>header .day-counter div h2{font-size:48px;color:#fff;font-weight:200;line-height:48px}.view-home>header .day-counter div p{color:#fff}.view-home>main{display:flex;width:100%;height:100%;gap:20px}.view-home>main aside{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:240px;height:100%;background-color:hsla(0,0%,100%,.2);border-radius:8px}.view-home>main aside ul{padding:24px 40px}.view-home>main aside ul li{font-size:24px;color:#fff;font-weight:300}.view-home>main aside ul li~li{margin-top:12px}.view-home>main aside ul li a{display:flex;gap:8px;color:#fff;-webkit-text-decoration-line:none;text-decoration-line:none}.view-home>main aside ul li .active{color:#c89953}.view-home>main aside button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:calc(100% - 80px);margin-bottom:24px;padding:8px 0;background-color:#fff;color:#252b24;font-size:20px;border-radius:4px;font-weight:300;cursor:pointer}.view-home>main aside button:hover{background-color:#252b24;color:#fff}.view-home>main .main-container{flex-grow:1;background-color:hsla(0,0%,100%,.2);border-radius:8px}@media screen and (max-width:900px){.view-home>main .main-container{background-color:transparent}}.view-home>main .main-container .home-default{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;height:100%}.view-home>main .main-container .home-default div p{text-align:center;color:#fff}.view-home>main .main-container .home-default button{background-color:#fff;padding:12px 80px;border-radius:4px;margin-top:24px;cursor:pointer}.view-home>main .main-container .home-default button:hover{background-color:#252b24;color:#fff}.view-home-loading{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;background:linear-gradient(304.58deg,#252b24 6.29%,#3d4b3b 99.2%)}@media screen and (max-width:900px){.view-home-loading{z-index:99}}.view-home-loading .spinner-wrapper{position:relative}.view-home-loading .spinner-wrapper .spinner{width:400px}.view-home-loading .spinner-wrapper .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px}.view-home-loading button{padding:12px 40px;background-color:fff;border-radius:4px;color:#252b24;cursor:pointer}.view-home-loading button:hover{background-color:#252b24;color:#fff}nav{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:52px;position:fixed;top:0;left:0;background-color:#fff;z-index:98}nav img{height:32px}nav .logout{position:absolute;display:flex;align-items:center;right:24px;top:50%;transform:translateY(-50%);gap:4px}nav .logout .b-icon{justify-content:center;font-size:22px}footer,nav .logout .b-icon{display:flex;flex-direction:row;align-items:center}footer{position:fixed;justify-content:space-between;bottom:0;left:0;width:calc(100vw - 128px);height:60px;background-color:#fff;z-index:90;padding:0 64px}footer button{position:absolute;left:50%;bottom:0;transform:translate(-50%);background-color:transparent}footer button .circle{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:80px;height:80px;border-radius:40px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}footer button .circle:before{content:"";position:absolute;width:70px;height:70px;border-radius:40px;background-color:#efb156;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;transition:.3s}footer button .circle .b-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:32px;color:#fff;z-index:5;transition:.3s}footer button p{font-size:12px;margin-top:8px;margin-bottom:6px;color:#000}footer button.active .circle:before{background-color:#a96969}footer button.active .circle .b-icon{transform:rotate(45deg)}footer div{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}footer div.active{color:#efb156}footer div .b-icon{font-size:20px}footer div p{font-size:12px}.view-game{width:calc(100% - 80px);height:calc(100vh - 270px);display:flex;flex-direction:column;gap:24px;padding:40px}@media screen and (max-width:900px){.view-game{width:100vw;padding:68px 0 0 0;display:flex;align-items:center;flex-direction:column;gap:12px}}.view-game .operation{display:flex;justify-content:space-between;width:100%;gap:24px}.view-game .operation .keyin-container{display:flex;gap:24px}@media screen and (max-width:900px){.view-game .operation .keyin-container{width:100%}}.view-game .operation .keyin{display:grid;grid-template-columns:1fr 220px;row-gap:8px;-moz-column-gap:4px;column-gap:4px}.view-game .operation .keyin .input-group{display:flex;gap:4px;grid-row-start:2}.view-game .operation .keyin .input-group input{width:20px;font-size:20px;padding:4px 6px;border-radius:4px;outline:none;text-align:center;border:none;background-color:#c9c9c9}.view-game .operation .keyin .extra,.view-game .operation .keyin h3{grid-column-start:1;grid-column-end:3;font-size:12px;color:#fff}.view-game .operation .keyin h3{font-size:20px;font-weight:300}.view-game .operation .keyin .button-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.view-game .operation .keyin .button-group button{width:80px;height:100%;border-radius:4px;cursor:pointer}.view-game .operation .keyin .button-group button:hover{background-color:#252b24;color:#fff}.view-game .operation .close-game{padding:0 24px;border-radius:8px;cursor:pointer}.view-game .operation .close-game .b-icon{display:block;font-size:32px;color:#909090}.view-game .operation .close-game:hover{background-color:#252b24;color:#fff}.view-game .operation .close-game:hover .b-icon{color:#fff}.view-game .operation .accPower,.view-game .operation .currentValue{display:flex;color:#fff;gap:16px}@media screen and (max-width:900px){.view-game .operation .accPower,.view-game .operation .currentValue{width:100%;justify-content:center}}.view-game .operation .accPower h3,.view-game .operation .currentValue h3{font-size:20px;font-weight:300}@media screen and (max-width:900px){.view-game .operation .accPower h3,.view-game .operation .currentValue h3{font-size:16px}}.view-game .operation .accPower p,.view-game .operation .currentValue p{font-size:52px;font-weight:200}@media screen and (max-width:900px){.view-game .operation .accPower p,.view-game .operation .currentValue p{font-size:16px}}.view-game main{display:flex;gap:16px}@media screen and (max-width:900px){.view-game main{width:100vw;align-items:center;flex-direction:column-reverse;gap:0}.view-game main .match-log-title{width:100vw;color:#fff;margin-top:20px;text-align:center;display:flex}.view-game main .match-log-title span{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:100%;background-color:#ddd;color:#252b24}.view-game main .match-log-title span.focus{background-color:#2d2d27;color:#fff}}.view-game main .match-log{position:relative;width:60%;height:calc(100vh - 452px);background-color:#2d2d27;border-radius:8px;padding:24px 32px}@media screen and (max-width:900px){.view-game main .match-log{width:100vw;height:auto;padding:0}}.view-game main .match-log .wrapper{height:calc(100vh - 452px);overflow-y:scroll}@media screen and (max-width:900px){.view-game main .match-log .wrapper{position:relative;display:flex;width:100vw;padding:0;overflow-y:auto;overflow-x:scroll;padding-top:24px;padding-bottom:12px;height:70px}}.view-game main .match-log .match{display:flex}.view-game main .match-log .match~.match{margin-top:12px}@media screen and (max-width:900px){.view-game main .match-log .match~.match{margin-top:0;margin-left:20px}}.view-game main .match-log .match:nth-child(odd) .card{color:#b6a07e}@media screen and (max-width:900px){.view-game main .match-log .match:first-child{margin-left:24px}.view-game main .match-log .match:last-child{margin-right:24px}}.view-game main .match-log .card{background-color:#fff;width:-moz-fit-content;width:fit-content;padding:20px 12px;border-radius:4px;font-family:Unbounded;color:#a96969;font-size:22px;box-shadow:-2px 4px 4px rgba(0,0,0,.12);z-index:1}.view-game main .match-log .card:first-child{transform:translateX(0);z-index:0}@media screen and (max-width:1600px){.view-game main .match-log .card{padding:12px 8px;font-size:16px}}@media screen and (max-width:900px){.view-game main .match-log .card{padding:20px 12px;font-size:22px}}.view-game main .match-log .leave-cards{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-direction:column;position:absolute;right:0;top:0;width:calc(50% - 48px);height:calc(100% - 48px);background-color:rgba(0,0,0,.5);padding:24px;z-index:3}@media screen and (max-width:900px){.view-game main .match-log .leave-cards{position:absolute;width:100vw;background-color:#2d2d27;padding:12px 0;height:100%}}.view-game main .match-log .leave-cards .close{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;right:20px;top:20px;width:40px;height:40px;border-radius:4px;cursor:pointer}@media screen and (max-width:900px){.view-game main .match-log .leave-cards .close{display:none}}.view-game main .match-log .leave-cards .close:hover{background-color:hsla(0,0%,100%,.6)}.view-game main .match-log .leave-cards .close .b-icon{color:#fff;font-size:24px}.view-game main .match-log .leave-cards header{color:#fff;margin-bottom:24px;font-size:20px}@media screen and (max-width:900px){.view-game main .match-log .leave-cards header{display:none}}.view-game main .match-log .leave-cards .cards-wrapper{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:1600px){.view-game main .match-log .leave-cards .cards-wrapper{row-gap:16px;-moz-column-gap:24px;column-gap:24px}}@media screen and (max-width:900px){.view-game main .match-log .leave-cards .cards-wrapper{width:100vw;height:100%;display:flex;align-items:center;overflow-x:scroll}}.view-game main .match-log .leave-cards .cards-wrapper .card{position:relative;width:50px;height:70px;padding:0;text-align:center;line-height:70px;color:#b6a07e}@media screen and (max-width:1600px){.view-game main .match-log .leave-cards .cards-wrapper .card{width:32px;height:52px;line-height:52px}}@media screen and (max-width:900px){.view-game main .match-log .leave-cards .cards-wrapper .card{transform:translateX(0);padding:0 12px;width:50px;height:70px;line-height:70px}.view-game main .match-log .leave-cards .cards-wrapper .card:first-child{margin-left:40px}.view-game main .match-log .leave-cards .cards-wrapper .card:last-child{margin-right:40px}}.view-game main .match-log .leave-cards .cards-wrapper .card span{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background-color:#a96969;color:#fff;border-radius:12px;font-size:12px;line-height:24px;text-align:center}.view-game main .match-log .show-pivot{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;right:20px;top:20px;height:40px;padding:0 12px;border-radius:4px;color:#fff;cursor:pointer}.view-game main .match-log .show-pivot:hover{background-color:hsla(0,0%,100%,.6)}.view-game main .match-log .show-pivot .b-icon{color:#fff;font-size:24px}.view-game main .keyboard-control{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:64px;background-color:#2d2d27;gap:8px}.view-game main .keyboard-control button{background-color:#909090;width:calc(100% - 48px);height:32px;border-radius:4px;color:#252b24;font-size:16px}.view-game main .suggest{width:40%;height:calc(100vh - 404px)}@media screen and (max-width:900px){.view-game main .suggest{width:calc(100% - 40px);height:220px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:60px;gap:12px}}.view-game main .suggest .suggest-card{height:calc(16.66667vh - 74px);display:flex;justify-content:space-between;background-color:#2d2d27;border-radius:8px;overflow:hidden;position:relative}@media screen and (max-width:900px){.view-game main .suggest .suggest-card{align-items:center;height:auto}}.view-game main .suggest .suggest-card~.suggest-card{margin-top:8px}@media screen and (max-width:900px){.view-game main .suggest .suggest-card~.suggest-card{margin:0}}.view-game main .suggest .suggest-card .content{display:flex;align-items:center;padding:24px 32px;gap:24px}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .content{padding:0 12px;height:48px}}.view-game main .suggest .suggest-card .content p{font-size:24px;color:#fff;font-weight:300}@media screen and (max-width:1600px){.view-game main .suggest .suggest-card .content p{font-size:20px}}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .content p{position:absolute;top:0;left:0;font-size:12px}}.view-game main .suggest .suggest-card .content span{width:160px;padding:8px 0;background-color:#bcbcbc;text-align:center;border-radius:4px}@media screen and (max-width:1600px){.view-game main .suggest .suggest-card .content span{width:100px}}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .content span{width:80px;padding:8px 0;font-size:14px}}.view-game main .suggest .suggest-card .light{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 60px;background-color:#414141}.view-game main .suggest .suggest-card .light .b-icon{font-size:40px}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .light .b-icon{font-size:28px}}@media screen and (max-width:1600px){.view-game main .suggest .suggest-card .light{padding:0 24px}.view-game main .suggest .suggest-card .light .b-icon{font-size:32px}}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .light{height:100%;padding:0 16px}}.view-game main .suggest .suggest-card .extra{position:absolute;color:#fff;bottom:0;background-color:transparent;right:0}@media screen and (max-width:1600px){.view-game main .suggest .suggest-card .extra{font-size:12px}}@media screen and (max-width:900px){.view-game main .suggest .suggest-card .extra{font-size:10px;right:0}}.view-game main .suggest .suggest-card.active span{background-color:#efb156;color:#fff}.view-game main .suggest .suggest-card.active .light{color:#efb156}.keyboard-container{position:fixed;bottom:0;z-index:99;width:100vw;height:240px;background:rgba(53,53,53,.8);box-shadow:0 -2px 4px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.keyboard-container header{display:flex;align-items:center;justify-content:space-between;height:52px;background:hsla(0,0%,65.9%,.6)}.keyboard-container header .wrapper{display:flex;padding:0 12px;gap:6px}.keyboard-container header .wrapper input{width:32px;height:40px;padding:0 4px;text-align:center;background-color:#d9d9d9;border-radius:4px;outline:none;border:none}.keyboard-container header .wrapper input.focus{outline:1px solid #b6a07e;background-color:#fff}.keyboard-container header button{margin-right:12px;width:40px;height:100%;background-color:transparent;color:#252b24}.keyboard-container header button .b-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:28px}.keyboard-container main{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px}.keyboard-container main button{padding:12px 0;border-radius:4px;background-color:#7e8286;color:#fff;font-size:16px;box-shadow:1px 0 2px rgba(0,0,0,.8)}.keyboard-container main button.submit{background-color:#218cf7}.keyboard-container main .back-space{grid-column-start:5;grid-row-start:2;background-color:#636363}.keyboard-container main .back-space .b-icon{font-size:20px;line-height:19px}.view-login{display:flex;width:100vw;height:100vh}@media screen and (max-width:900px){.view-login{position:relative;width:100vw;height:100vh}}.view-login .login-container{width:660px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;gap:30px}@media screen and (max-width:900px){.view-login .login-container{position:absolute;background-color:transparent;z-index:5;width:calc(100% - 80px);top:50%;left:50%;transform:translate(-50%,-50%)}}.view-login .login-container .logo{text-align:center}@media screen and (max-width:900px){.view-login .login-container .logo{color:#fff}.view-login .login-container .logo img{width:160px}}.view-login .login-container .form{display:flex;flex-direction:column}@media screen and (max-width:900px){.view-login .login-container .form{width:100%;color:#fff}}.view-login .login-container .form label{width:400px;border-bottom:1px solid #333;padding:4px 12px}@media screen and (max-width:900px){.view-login .login-container .form label{width:100%;border-color:#fff;padding:0}}.view-login .login-container .form label .b-icon{font-size:24px;margin-right:12px;color:#333}@media screen and (max-width:900px){.view-login .login-container .form label .b-icon{color:#fff}}.view-login .login-container .form label input{border:none;outline:none;height:48px;line-height:48px;font-size:20px;font-weight:300}@media screen and (max-width:900px){.view-login .login-container .form label input{line-height:32px;font-size:16px;background-color:transparent;color:#fff;width:calc(100% - 60px)}}.view-login .login-container .form .extras{display:flex;justify-content:space-between}.view-login .login-container .form a{color:#909090;font-size:14px;margin-top:4px}@media screen and (max-width:900px){.view-login .login-container .form a{color:#fff}}.view-login .login-container button{padding:12px 40px;border:1px solid #333;border-radius:8px;color:#333;background-color:transparent;font-size:18px;cursor:pointer;transition:.3s}.view-login .login-container button:hover{background-color:#333;color:#fff}@media screen and (max-width:900px){.view-login .login-container button{border-color:#fff;color:#fff}.view-login .login-container button:hover{background-color:#fff;color:#333}}.view-login .bg-container{position:relative;width:calc(100% - 660px);display:flex;justify-content:flex-end;overflow:hidden}@media screen and (max-width:900px){.view-login .bg-container{width:100vw;height:100vh}}.view-login .bg-container img{display:block;height:100vh}.view-login .bg-container .mask{position:absolute;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:linear-gradient(304.58deg,#252b24 6.29%,#3d4b3b 99.2%);width:100%;height:100%;opacity:.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:0}.view-login .bg-container .content{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;padding:120px}@media screen and (max-width:900px){.view-login .bg-container .content{display:none}}.view-login .bg-container .content h1{font-weight:300;font-size:52px;margin-bottom:6px}.view-login .bg-container .content span{font-size:16px;font-weight:200;display:block}.view-login .bg-container .content button{padding:16px 46px;background-color:transparent;border:1px solid #fff;border-radius:4px;color:#fff;font-size:20px;margin-top:22px;cursor:pointer;transition:.3s}.view-login .bg-container .content button:hover{background-color:#fff;color:#333}.view-register .login-container .title{font-size:24px;font-weight:400}@media screen and (max-width:900px){.view-register .login-container .title{color:#fff}}.view-register .login-container input{width:300px}@media screen and (max-width:900px){.view-register .login-container input{width:250px}}.view-register .login-container .form .checkbox{border-bottom:none;display:flex;gap:4px;color:#333;margin-top:8px;font-weight:300}@media screen and (max-width:900px){.view-register .login-container .form .checkbox{color:#fff}}.view-register .login-container .form .checkbox input{width:auto;width:20px;line-height:24px;height:24px}.view-shop{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:24px}@media screen and (max-width:900px){.view-shop{width:100vw;height:auto;padding-top:80px}}.view-shop h1{font-size:36px;font-weight:300;color:#fff}@media screen and (max-width:900px){.view-shop h1{font-size:20px}}.view-shop main{display:flex;flex-direction:row;justify-content:center;align-items:center;height:400px;gap:16px}@media screen and (max-width:900px){.view-shop main{flex-direction:column;height:auto;width:calc(100% - 80px);padding:0 40px}}.view-shop main .card{width:200px;height:calc(100% - 112px);background:linear-gradient(348.63deg,#20201b 36.69%,#504f44 117.08%);padding:56px 40px;text-align:center;color:#fff;border-radius:8px;cursor:pointer;transition:.3s}@media screen and (max-width:900px){.view-shop main .card{width:calc(100% - 48px);padding:20px 24px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:36px 60px 40px;text-align:left;-moz-column-gap:8px;column-gap:8px}.view-shop main .card h2{font-size:24px;font-weight:400}}.view-shop main .card:hover{transform:translateY(-10px)}@media screen and (max-width:900px){.view-shop main .card:hover{transform:translateY(0)}}.view-shop main .card .b-icon{display:block;font-size:92px;color:#efb156;margin:32px 0}@media screen and (max-width:900px){.view-shop main .card .b-icon{display:flex;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;font-size:24px;align-items:center;height:100%;width:20px;margin:0}}.view-shop main .card p{font-size:20px;margin-bottom:8px}@media screen and (max-width:900px){.view-shop main .card p{grid-column-start:1;grid-column-end:3;grid-row-start:2;margin-top:20px}}.view-shop main .card button{background:linear-gradient(103.13deg,#be8e45 10.19%,#f3bd6b 76.74%);width:100%;padding:8px 0;border-radius:4px}@media screen and (max-width:900px){.view-shop main .card button{grid-column-start:1;grid-column-end:3;grid-row-start:3}}@media screen and (max-width:900px){#hubspot-messages-iframe-container{top:0;left:0}}