.expandable{max-height:0;opacity:.5;overflow:hidden;transition:max-height .3s ease-out,opacity .5s ease-in}.expandable.expanded{overflow-y:auto;max-height:80vh;opacity:1}.quantity-container,.quantity-slide{display:flex;align-items:center;gap:5px}.quantity-slide{max-width:0;opacity:0;overflow:hidden;transition:max-width .5s ease,opacity .3s ease,background-color .3s ease}.quantity-slide.show{max-width:200px;opacity:1}.previewable-image-container{overflow:hidden;background-color:#f0f0f0;transition:transform .3s ease}.previewable-image-container:hover{transform:scale(1.02)}.previewable-image-error{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e8e8e8;color:#999}.error-content{text-align:center;font-size:12px}.preview-mask{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:rgba(0,0,0,.5);color:#fff}.zoom-hint-overlay{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:4px;font-size:16px;pointer-events:none;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ant-image-preview-mask{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-image-preview-img{max-width:90vw;max-height:90vh;object-fit:contain}@media (max-width:768px){.previewable-image-container:hover{transform:none}.zoom-hint-overlay{display:none}.preview-mask{font-size:12px}.preview-mask .anticon{font-size:20px!important}}.navbar-item{cursor:pointer;height:60px;align-content:center;padding:10px;transition:all .3s ease-in-out}.navbar-item:hover{background:#fff;box-shadow:inset 0 5px 10px rgba(0,0,0,.1)}.drawer-nav-item{transition:all .3s ease-in-out}.drawer-nav-item:hover{background:#d3d3d3;color:#fff}.nav-bar-drawer>div .ant-drawer-header{border-bottom:none!important}