#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227ff;border:none;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:4rem;text-shadow:2px 2px 8px #806c6c;left:1em;top:50%;max-width:400px;word-wrap:break-word;white-space:normal}.nah{visibility:hidden}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#fff;margin:0%;padding:0%;font-size:26px}.face-title{position:absolute;top:50%;transform:translate(15%,30%)}.face-title.active{opacity:1;transform:translate(10%,-95%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width: 1500px){.face-title,.face-description{display:none}}.face-title,.face-description{color:#fff}.cover{width:40vw;max-height:40vh;margin-left:30vw;margin-right:30vw;box-shadow:0 10px 30px #0009;display:block;overflow:hidden}.reciepe{color:#fff;position:absolute;word-break:none;word-wrap:break-word;width:40vw;height:auto;max-height:40vh;padding:1.5vw;padding-top:.7vh;overflow:hidden;overflow-y:auto;overflow-x:hidden;background-color:#000000b3;border:.5px solid whitesmoke;border-radius:5px;top:24vh;transition:1s ease-in-out}.reciepe:hover{background-color:#000c;transform:scale(1.01)}.line-one{display:flex;justify-content:space-between;align-items:center;padding-left:.2vw;padding-right:1vw;font-weight:500;font-size:large;font-family:sans-serif}.close-btn{background-color:transparent;cursor:pointer;color:red;outline:none;border:.5px solid whitesmoke;border-radius:75%;padding:.5vw .7vw}.contentss{display:flex;justify-content:center;align-items:center;font-family:cursive}.reciepe::-webkit-scrollbar,.contentss::-webkit-scrollbar{display:none}.reciepe,.contentss{-ms-overflow-style:none;scrollbar-width:none}h1{color:#fff;z-index:99;background-color:transparent;position:absolute;top:10vh;right:10vw}.searchable-dropdown{position:absolute;top:5vh;left:40vw}input[type=text]{width:9vw;height:3vh;border:none;border-bottom:1px solid white;color:azure;border-radius:2px;padding-left:1vw;padding-right:1vw;min-width:20px;min-height:10px;max-width:220px;background-color:transparent;font-family:cursive;font-weight:350;outline:none;max-height:30px;transition:.5s ease-in-out}input[type=text]:hover{width:12vw;padding-left:4vw}.options-list{color:#faebd7;list-style:none}.inactive{visibility:hidden}.active{visibility:visible}.options{background-color:#ae515180;border-radius:4%;display:block;cursor:pointer}