:root{--attachment-size:125px;--page-aspect-ratio:1.3}.attached-page-wrapper{position:relative}.attached-page,.attached-page-wrapper{width:calc(var(--attachment-size)/var(--page-aspect-ratio))}.attached-page{height:var(--attachment-size);box-shadow:var(--dox-shadow-elevation-1);border-radius:var(--dox-border-radius-xs);border:none;overflow:hidden;z-index:1;background-color:var(--dox-bg-input)}.attached-page .attached-page-previewable,.attached-page img{-o-object-fit:cover;object-fit:cover;width:calc(var(--attachment-size)/1.3);height:var(--attachment-size);cursor:pointer}.attached-page .dox-loader-spinner{position:absolute}.attached-page .attached-edit-button-wrapper{display:flex;pointer-events:all;height:100%;width:100%;position:absolute;gap:var(--dox-spacing-xs);top:0;left:0;padding-bottom:var(--dox-spacing-xs);align-items:flex-end;justify-content:center;z-index:1}.attached-page .with-filename{padding-bottom:var(--dox-spacing-md)}.attached-page .dox-button{opacity:1;transition:opacity var(--dox-transition-duration) ease}.attached-page-file-name{font-size:var(--dox-font-size-xs);margin-top:var(--dox-spacing-xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.attached-page-cover{background-color:var(--dox-color-white);pointer-events:none}.attached-page-failed{background-color:var(--dox-bg-surface-sunken);cursor:pointer;position:relative;text-align:center}.attached-page-add-input{display:none}.attached-page-label-file-types{position:absolute;top:-1px;left:-1px;padding:0}.attached-page-cannot-be-previewed{padding:35% var(--dox-spacing-xs);text-align:center;color:var(--dox-color-text-tertiary)}.attached-page-cannot-be-previewed .dox-loader-spinner{position:relative}.attached-page-cannot-be-previewed svg{font-size:20px}.attached-page-cannot-be-previewed-text{font-size:10px}.attached-page-loading{display:flex;align-items:center}@media(width<=375px){.attached-page-wrapper{margin-right:15px}.attached-page-wrapper:nth-child(3n){margin-right:0}}@media(width<=360px){:root{--attachment-size:100px}.attached-page,.attached-page img,.attached-page-wrapper{width:calc(var(--attachment-size)/1.3);height:var(--attachment-size)}.attached-page-cannot-be-previewed{padding:21% 5px}.attached-page-cannot-be-previewed-text{font-size:9px}}@media(width<=310px){.attached-page-wrapper:nth-child(3n){margin-right:15px}}