.loading{display:flex;justify-content:center;align-items:center}.loading svg{font-size:5px;font-weight:900;text-transform:uppercase;letter-spacing:1px;-webkit-animation:text 1s ease-in-out infinite;animation:text 1s ease-in-out infinite}@-webkit-keyframes text{50%{opacity:.1}}@keyframes text{50%{opacity:.1}}.loading polygon{stroke-dasharray:22;stroke-dashoffset:1;animation:dash 4s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse}@-webkit-keyframes dash{to{stroke-dashoffset:234}}@keyframes dash{to{stroke-dashoffset:234}}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));justify-content:center;margin:20px 0}.products .card{margin:10px auto}.products .card-img-top{height:250px;width:100%}.products .card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products .card-text{height:70px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.detail_page .img-thumbnail.active{border-color:#ff4500;padding:2px}.profile_page .avatar{width:150px;height:150px;overflow:hidden;position:relative;margin:15px auto;border:1px solid #ddd;border-radius:50%;cursor:pointer}.profile_page .avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile_page .avatar span{position:absolute;bottom:-100%;left:0;width:100%;height:50%;background:hsla(0,0%,100%,.53);text-align:center;font-weight:400;color:#ff8c2d;-webkit-transition:.3 ease-in-out;transition:.3 ease-in-out}.profile_page .avatar:hover span{bottom:-15%}.profile_page #file_up{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}::-webkit-file-upload-button{cursor:pointer}.img-up .file_img{position:relative;width:25%;height:100px;cursor:pointer}.img-up .file_img:first-of-type{width:100%;height:400px}.img-up .file_img img{width:100%;height:100%;display:block;object-fit:cover}.img-up .file_img span{position:absolute;top:-1px;right:-2px;z-index:4;background:#fff;color:#dc143c;padding:3px 7px;border-radius:50%;font-size:10px;font-weight:bolder;border:1px solid #dc143c}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}img{object-fit:cover;object-position:0 30%}