.masbox{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;flex-direction:column;z-index:99999999;overflow:visible;opacity:0;transition:opacity .3s ease}.masbox-inner{display:flex;flex-direction:column;max-width:100vw;max-height:100vh;width:100%;height:100%;box-sizing:border-box}@media screen and (max-width:900px){.masbox-inner{position:relative}}.masbox-caption,.masbox-pagination,.masbox-thumbnails,.masbox-toolbar{flex-shrink:0;padding:12px;text-align:center;color:#fff}.masbox-loader{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:masbox-spin 1s linear infinite;z-index:9999}@keyframes masbox-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.masbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 15px;background:0 0;position:relative;z-index:99999}@media screen and (max-width:900px){.masbox-toolbar{position:unset}}.masbox-toolbar-group{display:flex;align-items:center;justify-content:center;flex:1 1 calc(33.333% - 1rem)}@media screen and (max-width:900px){.masbox-toolbar-group{gap:8px}}.masbox-toolbar-group.left{justify-content:flex-start}@media screen and (max-width:900px){.masbox-toolbar-group.left{display:none}}.masbox-toolbar-group.right{justify-content:flex-end}.masbox-toolbar-pagination{display:inline-block;white-space:nowrap;padding:0 20px;font-family:Lato,"Open Sans","Helvetica Neue","Segoe UI",sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.5;color:#fff;text-align:center;text-decoration:none}.masbox-toolbar-action{background:0 0;border:none;color:#fff;font-size:1.2rem;cursor:pointer;width:50px;height:50px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:rgba(54,54,54,.45)}@media screen and (max-width:900px){.masbox-toolbar-action{width:30px;height:30px}}.masbox-toolbar-action:hover{background:rgba(54,54,54,.85)}.masbox-toolbar-action svg{width:22px;height:22px;stroke:currentcolor;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:opacity .15s}.masbox-toolbar-action svg.fullscreen{fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.masbox-viewer{position:relative;width:100%;flex:1 1 auto;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:20;transition:max-height .3s ease}.masbox-image{max-height:100%;max-width:100%;object-fit:contain;transition:opacity .3s ease,transform .3s ease;cursor:grab;user-select:none;position:relative;z-index:25;opacity:0;will-change:transform,opacity;opacity:1}.masbox-image.is-fading-out{opacity:0}.masbox-image-clone{position:fixed;object-fit:contain;transition:transform .5s ease,opacity .25s ease;transform-origin:center center;z-index:9999;pointer-events:none}.masbox-caption{font-family:Lato,"Open Sans","Helvetica Neue","Segoe UI",sans-serif!important;padding:20px;font-size:15px!important;font-weight:400!important;line-height:1.5;color:#fff;text-align:center;flex-shrink:0;max-width:700px;margin:0 auto}.masbox-thumbnails{padding:1rem;display:flex;justify-content:center;overflow-x:auto;border-top:1px solid #222;gap:.5rem;flex-shrink:0;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:120px;opacity:1}.masbox-thumbnails.is-hidden{max-height:0;opacity:0;pointer-events:none}.masbox-thumbnails-item{cursor:pointer;display:inline-block;width:60px;height:80px;border-radius:4px;opacity:.6;transition:opacity .3s ease,width .3s ease}.masbox-thumbnails-item.active{opacity:1;width:100px}.masbox-thumbnails-item:hover{opacity:.9}.masbox-thumbnails-item img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px;display:block}.masbox-navigation{padding:0 30px;position:absolute;width:100%;box-sizing:border-box;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:auto;transition:opacity .3s ease;z-index:9999}.masbox-navigation button{cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(54,54,54,.65);width:50px;height:50px;border-radius:50px;border:none;color:#fff}.masbox-dropdown{position:relative}@media screen and (max-width:900px){.masbox-dropdown{position:unset}}.masbox-dropdown-menu{position:absolute;top:110%;right:0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:.5rem;overflow:hidden;padding:0;z-index:999;width:max-content;min-width:220px;display:flex;flex-direction:column;animation:fadeIn .25s ease forwards}@media screen and (max-width:900px){.masbox-dropdown-menu{top:auto;bottom:0;width:100%;border-radius:0;border-top-left-radius:15px;border-top-right-radius:15px;padding-top:10px}}.masbox-dropdown-menu__item{cursor:pointer;width:100%;border:none;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;color:#333;font-size:.95rem;transition:background .2s ease;background:#fff}@media screen and (max-width:900px){.masbox-dropdown-menu__item{padding:15px 20px;border-bottom:1px solid #e5e5e5}.masbox-dropdown-menu__item:last-child{border-bottom:none}}.masbox-dropdown-menu__item svg{width:18px;height:18px;flex-shrink:0}.masbox-dropdown-menu__item:hover{background:#f0f0f0}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.masbox-has-icon{position:relative;display:block}.masbox-has-icon .masbox-zoom-icon{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;padding:4px;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s ease}.masbox-has-icon .masbox-zoom-icon svg{display:block}.masbox-has-icon:hover .masbox-zoom-icon{opacity:1!important}.masbox.masbox--open{opacity:1}.masbox.masbox--open .masbox-image{opacity:1}