@layer gallery{.complex-gallery{flex-direction:column;gap:12px;width:min(100%,768px);margin-left:auto;margin-right:auto;display:flex}.complex-gallery__main{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-surface-muted);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:clip}.complex-gallery__main-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.complex-gallery__trigger{border-radius:inherit;color:inherit;text-decoration:none;position:relative}.complex-gallery__main:has(>.complex-gallery__main-link:hover){box-shadow:var(--shadow-surface)}.complex-gallery__thumb:has(.complex-gallery__thumb-link:hover){box-shadow:var(--shadow-surface)}.complex-gallery__trigger:focus-visible{outline:3px solid var(--color-action);outline-offset:-3px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.7)}.complex-gallery__image{border-radius:var(--radius-lg);width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:clip}.complex-gallery__placeholder{width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.complex-gallery__thumbs{grid-template-columns:repeat(5,minmax(0,144px));gap:12px;width:100%;margin-top:0;margin-bottom:12px;padding:0;list-style:none;display:grid}.complex-gallery__thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;position:relative;overflow:clip}.complex-gallery__thumb-link{width:100%;height:100%;display:block}.complex-gallery__thumb-img{width:100%;height:auto;display:block}.complex-gallery__more-count{z-index:2;background:var(--color-overlay-strong);color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.complex-gallery__render-badge{top:10px;z-index:2;border-radius:var(--radius-full);background:var(--color-overlay-strong);color:var(--color-text-inverse);pointer-events:none;align-items:center;padding:5px;display:inline-flex;position:absolute}.complex-gallery__render-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.complex-gallery__render-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.complex-gallery__render-badge-icon{flex:none;display:block}.complex-gallery__render-badge-label{white-space:nowrap;opacity:0;max-width:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);overflow:hidden}.complex-gallery__main .complex-gallery__render-badge-label{opacity:1;max-width:160px}.complex-gallery__main .complex-gallery__render-badge-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:5px;margin-right:3px}.complex-gallery__main .complex-gallery__render-badge-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:3px;margin-right:5px}.complex-gallery__thumb .complex-gallery__render-badge{top:6px;padding:4px}.complex-gallery__thumb .complex-gallery__render-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:6px}.complex-gallery__thumb .complex-gallery__render-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:6px}.complex-gallery__actions{top:16px;z-index:3;gap:8px;display:flex;position:absolute}.complex-gallery__actions:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:16px}.complex-gallery__actions:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px}.complex-gallery__action-btn{border-radius:var(--hp-radius-favorite);background:var(--hp-color-bg-favorite);width:32px;height:32px;color:var(--color-text-inverse);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.complex-gallery__action-btn:hover{background:var(--color-overlay-scrim)}.complex-gallery__action-btn:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.complex-gallery__action-btn.favorites-btn--active{color:var(--color-danger-solid)}@media not (min-width:800px){.complex-gallery__thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}}}