.docs-header{min-height:min(40vh,23rem);background:#fff380;display:flex;flex-direction:column;justify-content:flex-end;padding:4rem}@media (max-width: 675px){.docs-header{padding-left:3rem;padding-right:3rem}}@media (max-width: 450px){.docs-header{padding-left:2rem;padding-right:2rem}}.docs-header h1{font-size:2.75rem;margin:0}@media (max-width: 700px){.docs-header h1{font-size:2rem}}.docs-main{padding:4rem}@media (max-width: 675px){.docs-main{padding-left:3rem;padding-right:3rem}}@media (max-width: 450px){.docs-main{padding-left:2rem;padding-right:2rem}}.docs-main .docs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem}.docs-main .docs-list .create-new{width:100%;height:18rem;color:inherit;text-decoration:none;padding-top:4rem;text-align:center;border:1px solid rgba(0,0,0,.1);background:#fff380;border-radius:.5rem;position:relative;min-height:16rem;transition:.2s ease}.docs-main .docs-list .create-new .text{font-size:1.125rem;font-weight:450}.docs-main .docs-list .create-new:after{content:"+";margin:0;line-height:.75;font-size:24rem;width:.525em;height:.65em;font-weight:500;color:#0000001a;position:absolute;right:0;bottom:0;overflow:hidden;transition:.2s ease}.docs-main .docs-list .create-new:hover{background:#fff167}.docs-main .docs-list .create-new:hover:after{color:#00000020}.docs-main .docs-list .doc-wrapper{height:18rem;position:relative}.docs-main .docs-list .doc-wrapper .doc{display:block;color:inherit;text-decoration:none;background:#f5f5f5;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);padding:2rem;overflow:hidden;width:100%;height:100%}.docs-main .docs-list .doc-wrapper .doc-preview-text{font-size:.875rem;min-height:20rem}.docs-main .docs-list .doc-wrapper .doc-preview-text p{margin-top:0;line-height:1.5}.docs-main .docs-list .doc-wrapper .doc-preview-text mark{background:#fff45f40;border-bottom:2px solid #f8e700}.docs-main .docs-list .doc-wrapper .doc-preview-text mark.star{background:#85ff8740;border-bottom:2px solid #85ff87}.docs-main .docs-list .doc-wrapper .doc-preview-text mark.word-reduction{background:#ffb59540;border-bottom:2px solid #ffb595}.docs-main .docs-list .doc-wrapper .doc-preview-text mark.grammar-spelling{background:#84d6ff40;border-bottom:2px solid #84d6ff}.docs-main .docs-list .doc-wrapper .floating-trash-button{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;transition:.2s ease;display:grid;place-items:center}@media (min-width: 800px){.docs-main .docs-list .doc-wrapper .floating-trash-button{opacity:0}}.docs-main .docs-list .doc-wrapper .floating-trash-button:hover{cursor:pointer;opacity:1;color:#ff6e2f;border:1px solid #ff6e2f;transform:scale(.975)}.docs-main .docs-list .doc-wrapper:has(.doc:hover)>.floating-trash-button{opacity:1}.docs-main .docs-list .doc-wrapper .doc-info{position:absolute;left:0;right:0;bottom:0;background:#fff;padding:2rem;border:1px solid rgba(0,0,0,.1);border-radius:0 0 .5rem .5rem;transition:.2s ease}.docs-main .docs-list .doc-wrapper .doc-info h2{font-size:1.125rem;margin:0}.docs-main .docs-list .doc-wrapper .doc-info .type{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.docs-main .docs-list .doc-wrapper:hover .doc-info{background:#fcfcfc}.docs-main .loading-placeholder-doc{height:18rem;background:linear-gradient(70deg,#e5e5e5,#e5e5e5 47%,#f5f5f5,#e5e5e5 53%,#e5e5e5);background-size:400% 100%;animation-name:animated-loading-background;animation-duration:5s;animation-iteration-count:infinite;background-repeat:no-repeat;animation-timing-function:linear;border-radius:.5rem;border:1px solid #DDDDDD;position:relative;overflow:hidden}.docs-main .loading-placeholder-doc .placeholder-info{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #DDDDDD;padding:2rem}.docs-main .loading-placeholder-doc .placeholder-info h2,.docs-main .loading-placeholder-doc .placeholder-info span{color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;background:linear-gradient(70deg,#e5e5e5,#e5e5e5 47%,#f5f5f5,#e5e5e5 53%,#e5e5e5);background-size:400% 100%;animation-name:animated-loading-background;animation-duration:5s;animation-iteration-count:infinite;background-repeat:no-repeat;animation-timing-function:linear}.docs-main .loading-placeholder-doc .placeholder-info h2{font-size:1.25rem;margin:0}.docs-main .loading-placeholder-doc .placeholder-info span{display:block;margin-top:.5rem;width:50%;animation-duration:2.5s;animation-delay:-4.9s}@keyframes animated-loading-background{0%{background-position:75% 0}to{background-position:20% 0}}