.image-container{display:grid;gap:1rem}@media(min-width:768px){.image-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.image-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.image-container{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1536px){.image-container{grid-template-columns:repeat(6,minmax(0,1fr))}}.image-container .image-div{display:flex;flex-direction:column;align-items:center;gap:.5rem}[dir] .image-container .image-div{border-radius:5px;padding:.5rem}@media(min-width:768px){.image-container .image-div{height:22.5rem}}.image-container .image-div .image-area{display:flex;align-items:center;justify-content:center;width:100%}@media(min-width:768px){.image-container .image-div .image-area{height:15rem}}.image-container .image-div .image-area img{width:100%;max-height:100%}[dir] .image-container .image-div .image-area img{border-radius:5px;background-color:#bdc3c7;cursor:pointer}.image-container .image-div .process-area{width:100%;display:grid;gap:.5rem}.image-container .image-div .process-area .image-description-area{max-width:100%;overflow:hidden;height:2rem}.image-container .image-div .process-area .image-description-area p{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:2rem}[dir] .image-container .image-div .process-area .image-description-area p{margin:0!important;padding:0!important}.image-container .image-div .process-area .process-buttons{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.selected-image{display:flex;justify-content:center;align-items:center}.selected-image img{max-width:75%}[dir] .selected-image img{border-radius:5px;background-color:#bdc3c7}.choosed-photo-container{display:flex;gap:1rem;max-height:47rem;overflow-y:auto}[dir] .choosed-photo-container{padding:.5rem;margin-bottom:.5rem}.choosed-photo-container .choosed-photo-area{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:23rem}[dir] .choosed-photo-container .choosed-photo-area{border-radius:5px}.choosed-photo-container .choosed-photo-area .photo-area{display:flex;align-items:center;height:20rem}[dir] .choosed-photo-container .choosed-photo-area .photo-area{border-radius:5px;padding:.25rem}.choosed-photo-container .choosed-photo-area .photo-area img{width:20rem}[dir] .choosed-photo-container .choosed-photo-area .photo-area img{background-color:#bdc3c7;border-radius:5px}