.mini-compare{background:#fff;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 17px 84px 0 rgba(52,55,62,.2);display:inline-flex;left:50%;opacity:.3;padding:1rem;position:fixed;transform:translateX(-50%) translateY(100%);transition:transform .2s ease-in,opacity .2s ease-in}.mini-compare.active{opacity:1;transform:translateX(-50%) translateY(0);z-index:5}body.open .mini-compare{transform:translateX(calc(-50% + 160px)) translateY(100%)}body.open .mini-compare.active{opacity:1;transform:translateX(calc(-50% + 160px)) translateY(0)}.mini-compare-item{margin-right:1rem;position:relative}@media screen and (hover: none){.mini-compare-item{margin-right:1rem}}.mini-compare-item::after{border:2px dashed #e7e7ed;border-radius:4px;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .2s ease-in}.mini-compare-item.active::after{opacity:0}.mini-compare-item.active .mini-compare-delete{opacity:1;transform:scale(1) translate(50%, -50%)}.mini-compare-item.active .mini-compare-thumbnail-container{opacity:1;transform:scale(1)}.mini-compare-thumbnail{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.mini-compare-thumbnail-container{opacity:0;position:relative;transform:scale(0.6);transition:all .2s ease-in}.mini-compare-delete{align-items:center;background-color:#da1414;border:none;border-radius:4px;color:#f7f8f9;display:inline-flex;font-size:12px;height:1.2rem;justify-content:center;opacity:0;padding:0;position:absolute;right:2px;top:2px;transform:scale(0) translate(50%, -50%);transition:all .2s ease-in;width:1.2rem;z-index:10}.mini-compare-delete .lexicon-icon{margin-top:-1px}/*# sourceMappingURL=mini_compare.css.map */