form{width:100%;position:relative;margin:0}.promptcontainer h1{font-size:25px;text-align:center;margin:0;margin-bottom:22px}.promptcontainer{width:90%;margin:0 auto;margin-bottom:15px}.promptcontainer form:focus-within{box-shadow:var(--grey) 0 0 0 1px}.promptcontainer form{border-radius:10px;height:40px;width:100%;padding:25px;resize:none;height:auto;padding:0;border:1px solid var(--darkgrey);min-height:90px}.promptcontainer form .search{height:100%;border:0;outline:0;margin:0;font-size:24px;padding:0;resize:none;border:0;outline:0;border-radius:15px;width:100%;height:80px;padding:15px 63px 0 15px;margin-bottom:50px;max-height:50vh;font-size:inherit}.promptcontainer form .search:focus{outline:0;box-shadow:none}.promptcontainer .dropdown{max-height:200px;border-radius:0 0 10px 10px;box-shadow:none;border:1px solid rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.18);border-top:0}.promptcontainer .action-item{position:absolute;width:auto;right:15px;left:15px;bottom:8px}.promptcontainer .action-item .button:not(.list .button),.promptcontainer .action-item button{border:.1px solid var(--darkergrey);background:var(--linecolor);padding:8px 15px;border-radius:10px;cursor:pointer;min-height:40px;margin:0;font-size:12px;font-weight:unset;border-radius:9999px}.promptcontainer .action-item button i{font-size:16px}.promptcontainer .action-item button[type=submit]{background:var(--grey);border:0;opacity:.8}.promptcontainer .action-item button[type=submit].active{color:var(--secondarycolor);border:0;background:var(--primarycolor)}.promptcontainer .action-item .button:not(.list .button).loading{border:0;cursor:unset}.promptcontainer .action-item .reading-level i{font-size:12px}.promptcontsainer .upload{border:1px solid var(--darkgrey)}.promptcontainer .filepreview{max-width:80%;padding:.75em}.promptcontainer .filepreview .item{margin:0;padding:1.5px 10px;width:auto;min-width:50%;border-radius:10px}.promptcontainer .upload i{transform:rotate(30deg);font-size:15px}.promptcontainer button i{font-size:16px}.suggestions{margin:25px 0 0 0}.suggestions .item{border:1px solid var(--darkgrey);padding:5px 15px;border-radius:15px;text-align:center;cursor:pointer}.suggestions .item:hover{box-shadow:var(--darkergrey) 0 0 0 .5px}.suggestions{font-size:12px;margin:15px 0 0 0}.suggestions .title{margin-bottom:10px}.page-study .main:not(.resource){height:calc(85vh - var(--header-height))}.text-xs{font-size:.75rem;line-height:1rem}.text-center{text-align:center}.p-3{padding:.75rem}.border-gray-300{border-color:var(--darkgrey)}.border-dashed{border-style:dashed}.border{border-width:1px}.rounded-md{border-radius:8px}.grey-bg{background:var(--lightergrey)}.prompt-label{max-height:0;overflow:hidden;transition:max-height .5s}.prompt-label.expand{max-height:unset;padding:.75em}article .highlight{cursor:pointer;position:relative}article{overflow:auto}.blue{background:var(--highlight-blue);border-bottom:1px solid #33f}.red{background:var(--highlight-red);border-bottom:1px solid #f33}.yellow{background:var(--highlight-yellow);border-bottom:1px solid #ffdf33}.green{background:var(--highlight-green);border-bottom:1px solid #393}span.annotation{display:none}article .tooltip{animation:fadeInContent .3s ease-in-out;transition-property:opacity,visibility;visibility:hidden}article .tooltip.active{background:unset;padding:unset;border-bottom:unset;position:fixed;background:var(--backgroundcolor);width:250px;border-radius:10px;padding:15px 15px;box-shadow:0 3px 10px rgb(0 0 0 / .2);-webkit-box-shadow:0 3px 10px rgb(0 0 0 / .2);display:inline-block;top:0;left:0;overflow:auto;z-index:1;visibility:visible}button.floating-button{height:50px;width:50px;font-size:40px;position:sticky;bottom:10px;left:calc(50% - 25px);background:var(--grayscale);font-size:20px;animation:fadeInContent .3s ease-in-out;transition-property:opacity,visibility}button.floating-button.hidden{visibility:hidden;opacity:0}article .content [data-page]:before{content:attr(data-page);color:var(--light-text-color);font-size:15px;margin-bottom:10px}article .content [data-page]{display:flex;flex-direction:column}article .content:has(.flip-card)[data-page]:before{position:absolute;top:10px;left:15px}article .content:has(.flip-card) [data-page]:before{content:""}article .content{margin-bottom:20px}article .content:has(.flip-card) [data-page].flip-card.active:not(.flipped):before{content:attr(data-page);font-size:14px;max-width:80%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media only screen and (min-width:768px){.promptcontainer .filepreview{max-width:45%}.promptcontainer h1{font-size:42px}}@media only screen and (min-width:992px){.promptcontainer{width:60%;padding:0}}