.add-flashcard-modal__container{opacity:0;max-height:0;overflow:hidden;transition:max-height .6s ease,opacity .6s ease;border-radius:32px;margin-top:-20px!important}.add-flashcard-modal__container.open{opacity:1;max-height:1000px}.add-flashcard-modal__container.close{opacity:0;max-height:0}.image-loader{width:64px;height:64px;position:relative;background:#fff;border-radius:4px;overflow:hidden}.image-loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#f2f3f2;box-shadow:32px -34px 0 5px #4900c9;animation:slide 2s ease-in-out infinite alternate}.image-loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#4900c9;transform:rotate(0deg);transform-origin:35px 145px;animation:rotate 2s ease-in-out infinite}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0deg)}to{transform:rotate(25deg)}}.choose-image{position:relative;margin-left:auto;margin-right:auto;min-height:200px;width:60%;overflow:hidden;border-radius:1.5rem;border-width:2px;border-style:dotted;--tw-border-opacity:1;border-color:rgb(209 209 209/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem}.choose-image__list-image{position:relative;z-index:999;display:grid;max-height:200px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;overflow:auto;overflow-x:hidden;padding-right:.5rem}.choose-image__list-image::-webkit-scrollbar{width:5px}.choose-image__list-image::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #ccc;border-radius:10px}.choose-image__list-image::-webkit-scrollbar-thumb{background:#d6d6d7;border-radius:10px}.choose-image__list-image::-webkit-scrollbar-thumb:hover{background:#d6d6d7}.choose-image__camera{position:absolute;bottom:-30px;left:50%;z-index:1002;display:flex;height:4rem;width:4rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;justify-content:center;border-radius:50%;border-width:2px;border-style:dotted;--tw-border-opacity:1;border-color:rgb(209 209 209/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:0 0 8px rgba(0,0,0,.14)}.choose-image__camera .image-component{min-height:0!important;min-width:0!important}.choose-image .loader{width:36px;height:36px;border:5px solid #dbf6f8;border-bottom-color:#4267cd;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.choose-image__tick{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1001;height:100%;width:100%}.choose-image__tick .close{position:absolute;top:.75rem;right:.75rem;display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));border-radius:50%;padding:6px;z-index:1005}@media(max-width:500px){.choose-image{width:100%}.choose-image__camera{width:60px;height:60px}.choose-image__camera .image-component{min-height:0!important;min-width:0!important}}