.gallery{width:100%;display:flex;flex-direction:column}.gallery .main-photo{padding:0 1%}img{display:block;max-width:100%;max-height:100%}
.thumbnail-container{display:flex;margin-top:10%;height:100px;position:relative}.thumbnail-container .more-photo,.thumbnail-container .thumbnail-photo{display:inline-block;height:100%;padding:1%;cursor:pointer}.thumbnail-container .more-photo,.thumbnail-container .thumbnail-photo img{border-radius:5%;border:1px solid gray}.thumbnail-photo-list{top:0;right:0;bottom:0;left:20%;overflow:hidden;position:absolute;font-size:0;height:100px;text-align:right}.thumbnail-photo img{max-width:unset}.thumbnail-photo-list>.thumbnail-photo:first-child{margin-right:0}.thumbnail-photo-list>.thumbnail-photo:last-child{margin-left:0}.thumbnail-container .more-photo{width:18%;display:flex;align-items:center;justify-content:center;top:5%;left:1%;bottom:5%;padding:0;height:unset;position:absolute}
.more-photo svg{width:60%;height:60%}.modal-content{padding:50px 24px 16px;position:relative}.modal-gallery-container{padding-top:66%;direction:ltr;position:relative;border:1px solid #e9e9e9}.modal-gallery{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;overflow:hidden}.modal-main-photo{flex:1;margin:10px;overflow:hidden;position:relative}.zoom-tools{position:absolute;width:200px;left:0;right:0;bottom:20px;margin:auto;background:#d3d3d3;display:flex;align-items:center;border-radius:10px}.zoom-tools .zoom-in,.zoom-tools .zoom-out{display:flex;font-size:20px;cursor:pointer;align-items:center}.modal-thumbnail-items{height:100%;display:flex;flex-direction:column;overflow-y:auto;width:150px;padding:50px 0;border-left:1px solid #e6e6e6}.modal-gallery .next-img,.modal-gallery .prev-img{width:50px;height:50px;right:50px;display:block;font-size:25px;border-radius:50%;cursor:pointer;position:absolute;text-align:center;background:#fff;box-shadow:0 0 2px 5px rgba(0,0,0,.4)}.modal-gallery .next-img{bottom:-25px}.modal-gallery .next-img svg{margin-bottom:10px}.modal-gallery .prev-img{top:-25px;padding-top:10px}.modal-thumbnail-items>.modal-thumbnail-photo{flex:1;margin:10px 0;padding:0 15px;cursor:pointer}.modal-thumbnail-photo.active{border-left:1px solid #008b8b}.modal-thumbnail-items>.modal-thumbnail-photo:first-child{margin-top:0}.modal-thumbnail-items>.modal-thumbnail-photo:last-child{margin-bottom:0}