.page{background-color:#f9fdff;font-family:Inter,Arial,Helvetica,sans-serif;margin:0 auto;min-height:100vh;min-width:320px;padding:0;position:relative}:root{--tenpx:10px}.find-pair{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.find-pair__logo{background-image:url(/find-pair/static/media/find-pair-logo.fe0cfb4dd6313827a3dd.svg);height:35vh;width:35vh}.find-pair__menu{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.find-pair__menu:first-child{padding-bottom:7px}.find-pair__menu:nth-child(2){padding-top:7px}.find-pair__menu:has(.find-pair__menu-option:hover)>.find-pair__menu-option:not(:hover){opacity:.5;transform:scale(.95)}.find-pair__menu-option-container{cursor:pointer;height:50px;width:200px}.find-pair__menu-option-container:first-child{padding-bottom:7px}.find-pair__menu-option-container:nth-child(2){padding-top:7px}.find-pair__menu:hover>.find-pair__menu-option-container:not(:hover){opacity:.5}.find-pair__menu-option-container:hover{opacity:1;transform:scale(1.1)}.find-pair__menu-option{align-items:center;background-color:#4e89c8;border-radius:25px;border-style:none;box-sizing:border-box;color:#daebf8;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;line-height:22px;padding:0;text-decoration:none;transition:transform .2s ease .1s,opacity .2s ease .1s;width:200px}.find-pair__menu-option:first-child{margin-bottom:20px}.find-pair__menu-option:hover{opacity:1;transform:scale(1.1)}.find-pair__back-link{bottom:50px;color:#2a2643;font-size:12px;font-weight:300;justify-self:center;line-height:15px;padding:0 50px;position:fixed;text-decoration:none;transition:opacity .2s ease}.find-pair__back-link:hover{cursor:pointer;opacity:.7}.get-player-name{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.get-player-name__icon{background-image:url(/find-pair/static/media/get-player-name.20f15b1d757cbbdc7c57.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;pointer-events:none;width:200px;z-index:10}.get-player-name__title{color:#3162ac;font-size:24px;font-weight:400;line-height:27px;margin:0 0 20px;padding:0}.get-player-name__form{align-items:center;display:flex;flex-direction:column;margin-top:-22px}.get-player-name__input{border:2px solid #cfe0f3;border-radius:5px;box-sizing:border-box;color:#848282;font-size:14px;font-weight:300;height:40px;line-height:17px;padding:0 16px;width:300px}.get-player-name__input:focus{border:2px solid #3162ac;outline:none}.get-player-name__error{color:#d7596b;font-size:12px;font-weight:300;height:15px;line-height:15px;margin:10px 16px}.get-player-name__submit-btn{background-color:#4e89c8;border-radius:20px;border-style:none;box-sizing:border-box;color:#daebf8;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:17px;margin:10px;transition:transform .4s ease;width:100px}.get-player-name__submit-btn:not(:disabled):hover{transform:scale(1.1)}.get-player-name__submit-btn_disabled{cursor:not-allowed;opacity:.5}.leaderboard{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.leaderboard__icon{background-image:url(/find-pair/static/media/leaderboard.75ba74dd317224b8b54c.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;width:300px}.leaderboard__title{color:#3162ac;font-size:24px;font-weight:500;line-height:27px;margin:10px 0 25px;padding:0}.leaderboard__list-wrapper{position:relative}.leaderboard__list{filter:blur(6px);list-style:none;margin:0;padding:0;pointer-events:none;-webkit-user-select:none;user-select:none}.leaderboard__element{align-items:center;display:flex;margin-bottom:10px}.leaderboard__element:last-child{margin:0}.leaderboard__element-icon{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:32px;font-weight:700;height:50px;justify-content:center;line-height:35px;width:50px}.leaderboard__element-icon_place_first{background-color:#f3eb4e}.leaderboard__element-icon_place_second{background-color:#d1d0d1}.leaderboard__element-icon_place_third{background-color:#da7b34}.leaderboard__element-name{margin:0 55px 0 30px}.leaderboard__element-name,.leaderboard__element-time{color:#2a2643;font-size:20px;font-weight:200;line-height:24px;padding:0}.leaderboard__element-time{margin:0}.leaderboard__overlay{display:flex;font-size:20px;font-weight:600;inset:0;position:absolute}.game,.leaderboard__overlay{align-items:center;justify-content:center}.game{grid-gap:0 50px;display:grid;gap:0 50px;grid-template-columns:calc(90vh + 75px) 220px;height:100vh}.game__info,.game__info-container{align-items:center;display:flex;flex-direction:column}.game__info{position:relative;width:-webkit-max-content;width:max-content}.game__player-icon{background-color:initial;background-image:url(/find-pair/static/media/Player.44dd96e3c69572ea1f66.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;margin-bottom:-17px;pointer-events:none;position:relative;width:200px;z-index:1}.game__player-name{background:#f9fdff;border:2px solid #cfe2f2;border-radius:5px;box-sizing:border-box;color:#3162ac;flex-shrink:1;font-size:22px;font-weight:400;line-height:30px;margin:0;max-width:220px;min-width:200px;overflow:hidden;padding:5px 15px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:2}.game__restart-btn{background-color:#4e89c8;border-radius:20px;border-style:none;color:#daebf8;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:17px;padding:10px 30px;transition:transform .4s ease}.game__restart-btn:hover{transform:scale(1.1)}.timer{align-items:center;display:flex;justify-content:space-around;margin:25px auto;width:100%}.timer__icon{background-color:initial;background-image:url(/find-pair/static/media/Timer.8be32b42ac7fcdd69ca1.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-style:none;height:70px;width:70px}.timer__time{color:#2a2643;font-size:22px;font-weight:200;line-height:30px;margin:0;text-align:start;width:105px}.cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,15vh);width:calc(90vh + 75px)}@media screen and (max-width:1240px){.cards{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,10vh);width:calc(40vh + 40px)}}.card-container{border:1px;height:15vh;perspective:800px;width:15vh}@media screen and (max-width:1240px){.card-container{height:10vh;width:10vh}}.card-wrapper{border-radius:5px;box-shadow:0 2px 4px #0000001f,0 6px 12px #00000014;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease,box-shadow .3s ease;width:100%}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;inset:0;position:absolute}.card_state_flipped{transform:rotateY(180deg)}.card_status_match{background-color:#c8fac5}.card_status_no-match{background-color:#ffd0d5}.card_status_normal{background-color:#f3f6f6}.card_side_front{margin:20px;transform:rotateY(180deg)}.card_side_back{background-color:#cfe2f2}.card_image_apple{background-image:url(/find-pair/static/media/Apple.a825c5d5c1c0fce229df.svg)}.card_image_banana{background-image:url(/find-pair/static/media/Banana.defe2553d1388769f615.svg)}.card_image_broccoli{background-image:url(/find-pair/static/media/Broccoli.a019b3f378833bb48ebf.svg)}.card_image_grapes{background-image:url(/find-pair/static/media/Grapes.d9fcb29789d1b639eff0.svg)}.card_image_carrot{background-image:url(/find-pair/static/media/Carrot.4075c61020287e326760.svg)}.card_image_corn{background-image:url(/find-pair/static/media/Corn.6a77612434a7e20936f8.svg)}.card_image_pumpkin{background-image:url(/find-pair/static/media/Pumpkin.d93aa5693f1ac3ecde37.svg)}.card_image_strawberries{background-image:url(/find-pair/static/media/Strawberries.3db49e655685c5986e23.svg)}.card_image_tomato{background-image:url(/find-pair/static/media/Tomato.4e740e9480d323575a72.svg)}.card_image_cucumber{background-image:url(/find-pair/static/media/Cucumber.659b77441def89cb017a.svg)}.card_image_eggplant{background-image:url(/find-pair/static/media/Eggplant.efff563a96d11d0a4eaa.svg)}.card_image_pear{background-image:url(/find-pair/static/media/Pear.dffa05852cb4a0e852a0.svg)}.popup{background-color:#000000b3;bottom:0;display:flex;left:0;max-height:100%;max-width:100%;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:visibility .5s,opacity .5s;visibility:hidden;z-index:3}.popup_is-opened{opacity:1;pointer-events:auto;visibility:visible}.popup__container{align-items:center;background-color:#f9fdff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;font-size:16px;justify-content:center;line-height:23px;margin:auto;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding:30px 40px;position:relative;width:380px}.popup__icon{width:200px}.popup__title{font-weight:600;margin:0}.popup__time,.popup__title{font-size:inherit;line-height:inherit}.popup__time{font-weight:400;margin:0 0 20px}.popup__close-btn{right:-36px;top:-36px}@media screen and (max-width:600px){.popup__close-btn{right:-26px;top:-26px}}.close-btn{background:url(/find-pair/static/media/close-btn.bb260c2dcef0325f343a.svg) no-repeat 50%;background-color:initial;border:none;cursor:pointer;height:32px;padding:0;position:absolute;transition:opacity .3s ease;width:32px}.close-btn:hover{opacity:.6}@media screen and (max-width:600px){.close-btn{height:24px;width:24px}}.page-not-found{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.page-not-found__image{background-image:url(/find-pair/static/media/not-found.526ca0ed3126d1699e2d.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;width:300px}.page-not-found__title{color:#3162ac;font-size:30px;font-weight:600;line-height:40px;margin:0 0 20px;padding:0}.page-not-found__description{font-size:16px;font-weight:200;line-height:23px;margin:0 0 30px}.page-not-found__link{align-items:center;background-color:#4e89c8;border-radius:25px;border-style:none;box-sizing:border-box;color:#daebf8;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;line-height:22px;padding:0;text-decoration:none;transition:transform .2s ease .1s,opacity .2s ease .1s;width:200px}
/*# sourceMappingURL=main.8517d275.css.map*/