.IndexView__container{background-color:var(--color-neutral-05);width:100%;min-height:90vh;padding:var(--size-2);box-sizing:border-box}.IndexView{width:calc(4 * 300px + 3 * var(--size-4));margin:0 auto}.IndexView_nav{padding-top:var(--size-2);display:flex;flex-direction:row;gap:var(--size-0-5);width:100%;justify-content:center}.IndexView_nav-link{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);padding:var(--size-1);border-radius:var(--radius-md);color:var(--color-black);text-decoration:none}.IndexView_nav-link-current{color:#00f;background-color:#00f2;cursor:pointer}.IndexView__documents{display:grid;margin:var(--size-0) auto;grid-template-columns:repeat(4,300px);row-gap:var(--size-4);column-gap:var(--size-4);margin-bottom:var(--size-1)}.IndexView__documents a{text-decoration:none}.IndexView__documents a:visited{color:var(--color-black)}.IndexView__document-header{font-weight:var(--font-weight-semibold)}.IndexView__document{--document-width: 300px;width:var(--document-width);display:flex;flex-direction:column;gap:var(--size-0-5)}.IndexView__document-preview{width:var(--document-width);aspect-ratio:16 / 9;border-radius:var(--size-2);border:1px solid var(--color-neutral-10);background-color:var(--color-white);box-shadow:var(--shadow-sm);transition:.3s ease-in-out;font-size:64px;color:var(--color-neutral-50);display:grid;justify-items:center;align-items:center}.IndexView__document-preview:hover{border:var(--size-px) solid var(--color-neutral-20)}.IndexView__document-preview-add-new{display:grid;justify-items:center;align-items:center;color:var(--color-neutral-50)}.IndexView__document-detail-container{overflow-x:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.IndexView__document-details{flex-shrink:1;min-width:0;color:var(--color-black)}.IndexView__document-pre-title{margin-top:var(--size-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray)}.IndexView__document-title{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-black);padding-top:2px}.IndexView__document-post-title{font-size:var(--font-size-sm);color:var(--color-gray);padding-top:2px}.IndexView__document-menu-button{border-radius:100%;width:var(--size-4);padding:var(--size-0-5);aspect-ratio:1;cursor:pointer;display:grid;justify-items:center;align-items:center}.IndexView__document-menu-button:hover{background-color:var(--color-neutral-10)}.IndexView__document-menu{background-color:var(--color-white);min-width:110px;border-radius:var(--size-1);box-shadow:var(--shadow-md);overflow:hidden}.IndexView__document-menu:focus{outline:none}.IndexView__document-menu-item{cursor:pointer;padding:var(--size-1-5);display:flex;flex-direction:row;gap:var(--size-1);align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.IndexView__document-menu-item bp-icon{flex-shrink:0}.IndexView__document-menu-item:hover{background-color:var(--color-neutral-10)}.IndexView__document-modal{display:flex;flex-direction:column;padding:var(--size-3);gap:var(--size-2)}.IndexView__document-modal input{appearance:none;border:2px solid var(--color-neutral-10);padding:var(--size-1-5);border-radius:var(--radius-md);font-size:var(--font-size-lg)}.IndexView__document-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans)}.IndexView__document-modal-button-container{margin-top:var(--size-1);display:flex;flex-direction:row;gap:var(--size-2)}.IndexView__document-modal-button{flex:1}.IndexView__document-modal-button:hover{background-color:var(--color-neutral-10)}