.smoothmg-gallery.theme-playlist{align-items:center;display:flex;justify-content:center;max-width:unset;overflow:hidden;position:relative;width:100%}.smoothmg-gallery.theme-playlist .smoothmg-bg-layer{inset:0;pointer-events:none;position:absolute;z-index:1}.smoothmg-gallery.theme-playlist .smoothmg-overlay-layer{border-radius:12px;height:calc(100% - 113px);left:24px;overflow:hidden;pointer-events:none;position:absolute;top:24px;width:calc(100% - 48px);z-index:4}.smoothmg-gallery.theme-playlist .smoothmg-content{background:var(--smoothmg-theme-frame);border:4px solid rgba(0,0,0,.6);border-radius:18px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 4px 18px rgba(0,0,0,.45);overflow:hidden;padding-bottom:65px;position:relative;z-index:5}@media screen and (max-width:768px){.smoothmg-gallery.theme-playlist .smoothmg-content{aspect-ratio:var(--screen-ratio)}}.smoothmg-gallery.theme-playlist .smoothmg-image-container{border-radius:12px;height:calc(100% - 24px);margin:12px;overflow:hidden;position:relative;width:calc(100% - 24px)}@supports(width:round(down,calc(100% - 24px),1px)){.smoothmg-gallery.theme-playlist .smoothmg-image-container{height:round(down,100% - 24px,1px);width:round(down,100% - 24px,1px)}}.smoothmg-gallery.theme-playlist .swiper-wrapper{display:flex!important;height:100%;width:100%}.smoothmg-gallery.theme-playlist .swiper-slide{align-items:center;display:flex;flex-shrink:0!important;height:100%!important;justify-content:center;width:100%!important}.smoothmg-gallery.theme-playlist .swiper-slide img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.smoothmg-gallery.theme-playlist .swiper-pagination--wrapper{box-sizing:border-box;height:100%;order:0;padding:6px;width:calc(50% - 98px)}.smoothmg-gallery.theme-playlist .swiper-pagination{background:rgba(0,0,0,.06);border-radius:2px;border-bottom-left-radius:12px;box-shadow:inset 0 0 40px rgba(0,0,0,.4);height:100%;overflow:hidden;position:relative;scroll-behavior:smooth;width:100%}.smoothmg-gallery.theme-playlist .swiper-pagination-bullet{align-items:center;box-sizing:border-box;color:var(--smoothmg-theme-accent);display:block;font-family:monospace;font-size:12px;height:100%;justify-content:center;line-height:48px;overflow:hidden;padding:0 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.smoothmg-gallery.theme-playlist .smoothmg-controls{align-items:center;background:var(--smoothmg-theme-frame);border-top:4px solid rgba(0,0,0,.6);bottom:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);box-sizing:border-box;display:flex;flex-direction:row;height:64px;justify-content:space-between;left:0;position:absolute;width:100%;z-index:20}.smoothmg-gallery.theme-playlist .smoothmg-btn--wrapper{align-items:center;background:rgba(0,0,0,.6);border-left:4px solid rgba(0,0,0,.6);border-right:4px solid rgba(0,0,0,.6);display:flex;flex-direction:row;gap:4px;height:100%;justify-content:center;order:1}.smoothmg-gallery.theme-playlist .smoothmg-btn{align-items:center;background:var(--smoothmg-theme-frame);border:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);cursor:pointer;display:flex;fill:var(--smoothmg-theme-accent);height:60px;justify-content:center;min-width:60px;outline:none;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:60px}.smoothmg-gallery.theme-playlist .smoothmg-btn svg{position:relative;z-index:2}.smoothmg-gallery.theme-playlist .smoothmg-btn.smoothmg-fullscreen{order:3;padding:12px}.smoothmg-gallery.theme-playlist .smoothmg-btn--small{padding:12px}.smoothmg-gallery.theme-playlist .smoothmg-btn:hover{box-shadow:0 6px 0 1px hsla(0,0%,100%,.06);transform:translateY(-6px)}.smoothmg-gallery.theme-playlist .smoothmg-btn:after{background:rgba(0,0,0,.2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:20}.smoothmg-gallery.theme-playlist .smoothmg-btn:active{box-shadow:0 -4px 0 1px hsla(0,0%,100%,.06);transform:translateY(4px)}.smoothmg-gallery.theme-playlist .smoothmg-btn:active:after{opacity:1}.smoothmg-gallery.theme-playlist .smoothmg-volume--wrapper{align-items:center;background:var(--smoothmg-theme-frame);border-right:4px solid rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;order:2;padding:0 24px;width:calc(50% - 148px)}.smoothmg-gallery.theme-playlist .smoothmg-volume{accent-color:var(--smoothmg-theme-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--smoothmg-theme-accent--opacity-light);height:4px;outline:none;position:static;transform:none;width:100%}.smoothmg-gallery.theme-playlist .smoothmg-volume:hover{cursor:pointer}.smoothmg-gallery.theme-playlist .smoothmg-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--smoothmg-theme-accent);border-radius:50%;cursor:pointer;height:14px;width:14px}.smoothmg-gallery.theme-playlist .smoothmg-volume::-moz-range-thumb{background:var(--smoothmg-theme-accent);border-radius:50%;cursor:pointer;height:14px;width:14px}.smoothmg-gallery.theme-playlist:not(.smoothmg--fullscreen) .smoothmg-icon--expand{display:block}.smoothmg-gallery.theme-playlist.smoothmg--fullscreen .smoothmg-icon--expand,.smoothmg-gallery.theme-playlist:not(.smoothmg--fullscreen) .smoothmg-icon--collapse{display:none}.smoothmg-gallery.theme-playlist.smoothmg--fullscreen .smoothmg-icon--collapse{display:block}.smoothmg-gallery.theme-playlist .smoothmg-music-meta,.smoothmg-gallery.theme-playlist .smoothmg-music-progress{display:none}@keyframes smoothmg-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.smoothmg-gallery .smoothmg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--smoothmg-theme-accent);pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.smoothmg-gallery .smoothmg-btn svg{display:block;fill:currentColor;flex:0 0 auto;height:24px;max-height:70%;max-width:70%;pointer-events:none;width:24px}.smoothmg-gallery .smoothmg-btn path{fill:currentColor}.smoothmg-gallery .smoothmg-btn--wrapper,.smoothmg-gallery .smoothmg-controls,.smoothmg-gallery .smoothmg-volume--wrapper,.smoothmg-gallery .swiper-pagination--wrapper{pointer-events:auto}
