@keyframes ugs-modal{0%{opacity:0;transform:scale(.95);visibility:hidden}1%{visibility:visible}to{opacity:1;transform:scale(1)}}@keyframes ugs-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0}}.mobile-picbox-modal{align-items:stretch;background:var(--modal-background,var(--grey4));display:flex;inset:0;justify-content:center;position:fixed;z-index:110}.mobile-picbox-modal.closing{animation:ugs-modal-out .2s ease forwards}.mobile-picbox-dialog{animation:ugs-modal .2s ease forwards;background:#fff;border-radius:var(--shop-radius) var(--shop-radius) 0 0;box-sizing:border-box;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:900px;position:relative;top:3em;width:100%}.mobile-picbox-dialog .youtube-hint{margin:var(--spacer-xs)}@media(min-width:768px){.mobile-picbox-dialog{max-width:600px;top:1em}}.mobile-picbox-list{background:#fff;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:8px 0 24px}.mobile-picbox-item{margin:0;padding:0}.mobile-picbox-item img{display:block;height:auto;width:100%}.mobile-picbox-filter{align-items:center;background:#fff;border-radius:var(--shop-radius) var(--shop-radius) 0 0;display:flex;gap:12px;padding:8px 12px;position:sticky;top:0;z-index:2}.mobile-picbox-filter-btn{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--grey7);border-radius:var(--button-border-radius);color:#000;cursor:pointer;font-size:14px;height:44px;line-height:1;opacity:.85;padding:6px 12px}.mobile-picbox-filter-btn.active{background:var(--button-background);border-color:var(--button-background);color:var(--button-color);font-weight:600;opacity:1}