.gallery-item-more-btn{font-size:1.1rem;line-height:1}.gallery-item-popover{border:1px solid var(--black-100);border-radius:var(--radius-lg);width:min(28rem,100vw - 2rem);box-shadow:var(--shadow-lg);z-index:30;background:#fff;padding:1rem;position:absolute;top:calc(100% + .5rem);right:0}
.search-and-paging{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.gallery-items{justify-content:center;gap:calc(var(--spacing) * 8);flex-wrap:wrap;display:flex}.iframe-wrapper{aspect-ratio:1;width:30rem;height:30rem;box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);position:relative}.iframe-wrapper iframe{aspect-ratio:1;transform-origin:0 0;border-radius:var(--radius-xl);border:none;width:60rem;overflow:auto;transform:scale(.5)}@media (max-width:40rem){.iframe-wrapper{width:24rem;height:24rem}.iframe-wrapper iframe{width:48rem}}@media (max-width:32rem){.iframe-wrapper{width:16rem;height:16rem}.iframe-wrapper iframe{width:32rem}}@media (max-width:24rem){.iframe-wrapper{width:12rem;height:12rem}.iframe-wrapper iframe{width:24rem}}@media (max-width:18rem){.iframe-wrapper{width:8rem;height:8rem}.iframe-wrapper iframe{width:16rem}}.gallery-items:has(:popover-open) [popover]{max-width:30rem;max-height:30rem;overflow:auto}@media (max-width:40rem){.gallery-items:has(:popover-open) [popover]{max-width:24rem;max-height:24rem}}@media (max-width:32rem){.gallery-items:has(:popover-open) [popover]{max-width:16rem;max-height:16rem}}@media (max-width:24rem){.gallery-items:has(:popover-open) [popover]{max-width:12rem;max-height:12rem}}@media (max-width:18rem){.gallery-items:has(:popover-open) [popover]{max-width:8rem;max-height:8rem}}