@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap");.disable-selection{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.react-modal-sheet-content-scroller{scrollbar-width:none;-ms-overflow-style:none}.react-modal-sheet-content-scroller::-webkit-scrollbar{display:none}#options-list{max-height:calc(100% - env(safe-area-inset-top) - 260px)}.roll-out{animation:roll-out 2s ease infinite}@keyframes roll-out{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}.material-choice .swiper-wrapper{animation:to-right 2s ease-in-out alternate}.roll-in{animation:roll-in 2s ease infinite}@keyframes roll-in{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.to-right{animation:to-right 2s ease-in-out alternate}@keyframes to-right{0%{opacity:.5;transform:translateX(30px)}50%{opacity:1;transform:translateX(-30px)}to{opacity:0;transform:translateX(0)}}.shake{animation:shake 2s ease}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@media (max-width:768px){@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}}.fade{animation:fade 2s ease-in-out}@keyframes fade{0%,to{opacity:.2}50%{opacity:.7}}