.assignment-gallery{--gap:4px;--row:1;--col:5;display:flex;flex-wrap:wrap;gap:var(--gap);overflow:hidden}.assignment-gallery .gallery-item{background-color:var(--pp-main-2);flex:0 0 calc((100% - (var(--col) - 1)*var(--gap))/var(--col));overflow:hidden;position:relative}.assignment-gallery .gallery-item:before{content:"";display:block;padding-top:100%}.assignment-gallery .gallery-item:hover .gallery-item-text{opacity:.8}.assignment-gallery .gallery-item.is-show-more.sound-card .sound-line-box,.assignment-gallery .gallery-item.is-show-more.video-card .player-box{display:none}.assignment-gallery .gallery-item.is-show-more.show-icon .player-box,.assignment-gallery .gallery-item.is-show-more.show-icon .sound-line-box{display:block}@media(hover:none){.assignment-gallery .gallery-item:hover .gallery-item-text{opacity:1}.assignment-gallery .gallery-item:hover .gallery-item-image{transform:scale(1)}}.assignment-gallery .gallery-item .gallery-item-image,.assignment-gallery .gallery-item .gallery-item-more,.assignment-gallery .gallery-item .gallery-item-text{bottom:0;left:0;position:absolute;right:0;top:0}.assignment-gallery .gallery-item .gallery-item-image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;transform:scale(1);transition:all .3s ease-in-out;z-index:1}.assignment-gallery .gallery-item .gallery-item-image:after{bottom:0;box-shadow:0 0 0 1px var(--pp-primary-a20) inset;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.assignment-gallery .gallery-item .gallery-item-text{align-items:center;display:flex;word-wrap:break-word;padding:12px;z-index:3}.assignment-gallery .gallery-item .gallery-item-text>div{color:var(--white);display:-webkit-box;font-size:24px;font-weight:600;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:991.98px){.assignment-gallery .gallery-item .gallery-item-text>div{font-size:20px;font-weight:600;line-height:1.6}}@media(max-width:767.98px){.assignment-gallery .gallery-item .gallery-item-text>div{font-size:20px;font-weight:600;line-height:1.6}}@media(max-width:575.98px){.assignment-gallery .gallery-item .gallery-item-text>div{font-size:16px;font-weight:600;line-height:1.5}}.assignment-gallery .gallery-item .gallery-item-respond{bottom:8px;display:flex;position:absolute;right:8px;z-index:5}.assignment-gallery .gallery-item .gallery-item-respond>div{border:2px solid var(--white);border-radius:50%;box-shadow:var(--pp-shadow-2);height:28px;width:28px}.assignment-gallery .gallery-item .gallery-item-respond .gallery-item-review{background-color:var(--white);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;z-index:10}.assignment-gallery .gallery-item .gallery-item-respond .gallery-item-discuss{align-items:center;background-color:var(--white);color:var(--pp-main-10);display:flex;font-size:16px;font-weight:400;justify-content:center;line-height:1.5;margin-left:-4px}.assignment-gallery .gallery-item .gallery-item-more{align-items:center;background-color:var(--black-a60);color:var(--white);cursor:pointer;display:flex;font-size:32px;font-weight:600;justify-content:center;line-height:1.5;z-index:7}.assignment-gallery .gallery-item.sound-card:after{background-color:var(--black-a30);bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:3}.assignment-gallery .gallery-item.sound-card:hover .sound-line-box .sound-line-group .sound-line{animation-play-state:running;transition:height .8s}.assignment-gallery .gallery-item.sound-card .sound-line-box{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group{align-items:center;display:flex;justify-content:center;position:relative}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line{animation:sound 0ms linear 0ms infinite alternate paused;background:var(--white);margin:0 2px;width:3px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:first-child{animation-duration:474ms;height:9px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:nth-child(2){animation-duration:433ms;height:18px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:nth-child(3){animation-duration:407ms;height:30px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:nth-child(4){animation-duration:458ms;height:15px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:nth-child(5){animation-duration:474ms;height:23px}.assignment-gallery .gallery-item.sound-card .sound-line-box .sound-line-group .sound-line:nth-child(6){animation-duration:419ms;height:11px}.assignment-gallery .gallery-item.video-card:after{background-color:var(--black-a30);bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:3}.assignment-gallery .gallery-item.video-card:hover .player-box .stroke-solid{stroke-dashoffset:0;opacity:1}.assignment-gallery .gallery-item.video-card:hover .player-box .player-icon{transform:scale(1.2)}.assignment-gallery .gallery-item.video-card .player-box{height:35px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px;z-index:10}.assignment-gallery .gallery-item.video-card .player-box .stroke-solid{stroke:var(--white);stroke-dasharray:650;stroke-dashoffset:650;opacity:1;transition:all 1s ease-in-out}.assignment-gallery .gallery-item.video-card .player-box .player-icon{transform:scale(1);transform-origin:50% 50%;transition:transform .2s ease-in-out}@keyframes sound{0%{opacity:1}to{height:25px;opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}