.fabric-details{position:fixed;padding:20px;top:0;left:0;width:100%;height:100%;background:white;z-index:9999;overflow-y:auto;display:none;padding:2rem;box-sizing:border-box}.fabric-details.show{display:flex;flex-flow:wrap;width:100%;animation:fadeIn .3s ease-in-out}.fabric-details .colors{display:flex;width:30%;flex-wrap:wrap;row-gap:10px;justify-content:center;margin-top:2rem}.fabric-details .close-button{position:absolute;top:1rem;right:1rem;font-size:2rem;cursor:pointer;z-index:10000;background:rgba(255,255,255,0.8);border-radius:5px;padding:.3rem .7rem;color:#333}.fabric-details .close-button:hover{background:#eee}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}