:root{--nav-height:56px;--nav-w-sm:64px;--nav-w-full:250px}@media (max-width:760px){:root{--nav-w-sm:64px;--nav-height:54px}}.imi{position:relative;display:flex;padding:8px 10px;border-radius:2px;border:.8px solid #d4d4d4;--display-s:10px;--actions-s:30px}.imi .imi-label{position:absolute;height:100%;width:100%;z-index:2;cursor:pointer;margin:-10px 0 0 -10px}.imi .imi-link{position:absolute;top:0;left:74px;right:0;bottom:0;margin:auto;height:98%;width:calc(100% - 78px);z-index:5;display:none;padding:1em .7em .6em;background-color:#fff}.imi .imi-link label{display:flex;position:relative;align-items:center;margin-bottom:.4em!important;justify-content:space-between}.imi .imi-link label span{height:10px;width:10px;position:absolute;top:0;right:0;left:auto;bottom:0;margin:auto;display:block}.imi .imi-link input{padding:8px 12px;margin-top:.2em}.imi .imi-link.open{display:block}.imi .imi-preview{position:relative;margin-right:.5em;height:45px;z-index:1}.imi .imi-preview .imi__preview-box{position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:50%}.imi .imi-detail{width:calc(100% - var(--display-s) - var(--actions-s));display:flex;z-index:1;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:.2em 0 .2em 0}.imi .imi-detail .imi__ttl{margin:0;font-size:1em;max-width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imi .imi-detail .imi__size{margin:0;font-size:.9em}.imi .imi-actions{position:relative;width:var(--actions-s);min-width:var(--actions-s);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;z-index:4;padding:.3em 0}.imi .imi-actions .imi__delete{cursor:pointer;height:10px;width:10px;color:#8d8b8b}.imi .imi-actions .imi__link-open{cursor:pointer;height:16px;width:12px;color:#8d8b8b}.imi__input{position:absolute;left:-9999px}.imi__err{font-size:1em;width:100%;color:#e55}