.card{background-color:#fff;border:1px solid #ececec;border-radius:15px;width:100%;box-shadow:0 2px 10px #00000014}.loading-card{background-color:#e0e0e0;border-radius:10px;animation:1.5s ease-in-out infinite pulse}.tool-card{background-color:#fff;border:1px solid #ececec;border-radius:15px;width:100%;padding:20px;position:relative;box-shadow:0 2px 10px #00000014}.tool-card.note-maker{border:2px solid #ff6c16}.tool-card.human-writer{border:2px solid #b20acf}.tool-card.quiz-maker{border:2px solid #48c416}.tool-card.essay-grader{border:2px solid #f31268}.tool-card .icon{color:#fff;border-radius:100%;padding:10px;position:absolute;top:20px;right:20px}.tool-card.human-writer .icon{background:linear-gradient(#4b0058,#800396)}.tool-card.essay-grader .icon{background:linear-gradient(#c4004b,#ff1b72)}.tool-card.quiz-maker .icon{background:linear-gradient(#186101,#48c416)}.tool-card.note-maker .icon{background:linear-gradient(#c75001,#f17126)}.tool-card.human-writer button{background:linear-gradient(#740188,#a60ac2)}.tool-card.essay-grader button{background:linear-gradient(#d3105a,#ff1b72)}.tool-card.quiz-maker button{background:linear-gradient(#1a6e01,#399e12)}.tool-card.note-maker button{background:linear-gradient(#c75001,#f17126)}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}
.select{border:1px solid #ededed;border-radius:8px;justify-content:center;align-items:center;width:200px;min-width:60px;display:flex;position:relative}.select .selected-option{cursor:pointer;justify-content:center;align-items:center;gap:.6rem;width:100%;height:100%;display:flex}.select .selected-option .content{background-color:#0000;align-items:center;gap:5px;width:100%;height:100%;padding:8px 14px;display:flex}.select .selected-option .arrow{justify-content:center;align-items:center;width:fit-content;height:100%;padding:0 12px;display:flex}.select .options-list{z-index:5;background-color:#fff;border:1px solid #ededed;border-radius:8px;flex-direction:column;gap:5px;width:100%;max-height:300px;padding:5px;display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden scroll}.select .options-list .option{align-items:center;gap:5px;width:100%;padding:5px 14px;display:flex}.select .options-list .option:hover{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f5f5;border-radius:8px}