@layer gallery{.complex-gallery{--gm:768px;--gc:5;--gt:144px;--gg:12px;--gr:768px;width:min(100%, var(--gm));flex-direction:column;gap:12px;margin:0 auto;display:flex}.complex-gallery--empty{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-muted);min-height:220px}.complex-gallery__empty{text-align:center;flex-direction:column;justify-content:center;min-height:220px;padding:24px;display:flex}.complex-gallery__empty-title,.complex-gallery__empty-body,.complex-gallery__media-notice{margin:0}.complex-gallery__empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.complex-gallery__empty-body,.complex-gallery__media-notice{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.complex-gallery__empty-body{max-width:42rem;margin:8px auto 0}.complex-gallery__media-notice{background:var(--color-action-surface);padding:10px 12px}.complex-gallery__media-notice: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))){border-left:3px solid var(--color-action)}.complex-gallery__media-notice: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)){border-right:3px solid var(--color-action)}.complex-gallery__main{border-radius:var(--radius-lg);background:var(--color-surface-muted);align-items:center;justify-items:center;width:100%;display:grid;position:relative;overflow:clip}.complex-gallery__main-link{align-items:center;justify-items:center;width:100%;min-width:0;min-height:0;display:grid}.complex-gallery__main-link picture{width:fit-content;max-width:100%;min-width:0;margin-left:auto;margin-right:auto;display:block}.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:100%;max-width:100%;height:auto;margin-left:auto;margin-right:auto;display:block;overflow:clip}.complex-gallery__thumbs{grid-template-columns:repeat(var(--gc), minmax(0, var(--gt)));gap:var(--gg);width:min(100%, var(--gr));margin:0 auto 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{align-items:center;justify-items:center;height:100%;display:grid}.complex-gallery__thumb-link picture{display:contents}.complex-gallery__thumb-img{object-fit:contain;width:100%;height:100%;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;align-items:center;justify-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.complex-gallery__render-badge{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;top:10px;left: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;margin:0 3px 0 5px}.complex-gallery__thumb .complex-gallery__render-badge{padding:4px;top:6px;left:6px}.complex-gallery__actions{z-index:3;gap:8px;display:flex;position:absolute;top:16px;right: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;align-items:center;justify-items:center;padding:6px;display:grid}.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 (max-width:800px){.complex-gallery{--gc:4;--gt:160px;--gg:16px;--gr:688px}}@media (max-width:650px){.complex-gallery{--gc:3;--gt:192px;--gg:12px;--gr:600px}}@media (max-width:500px){.complex-gallery{--gc:2;--gt:208px;--gg:16px;--gr:432px}}@media (max-width:479px){.complex-gallery{--gt:192px;--gr:400px}}@media (max-width:447px){.complex-gallery{--gt:176px;--gr:368px}}@media (max-width:415px){.complex-gallery{--gm:368px;--gt:160px;--gr:336px}}@media (max-width:399px){.complex-gallery{--gm:352px}}@media (max-width:383px){.complex-gallery{--gm:336px;--gt:144px;--gr:304px}}@media (max-width:367px){.complex-gallery{--gm:320px}}@media (max-width:351px){.complex-gallery{--gm:304px}}@media (max-width:335px){.complex-gallery{--gm:288px;--gt:128px;--gr:272px}}}