:root{--portfolio-backdrop:#000000e0;--portfolio-control:#0000007a;--portfolio-caption-gradient:linear-gradient(transparent, #000c);--portfolio-focus:var(--cyan-500,var(--text-inverse))}.yg-portfolio-carousel{width:100%;min-width:0;position:relative}.yg-portfolio-viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.yg-portfolio-track{display:flex}.yg-portfolio-slide{box-sizing:border-box;flex:0 0 36%;min-width:0;padding:0 5px}.yg-portfolio-thumb{aspect-ratio:9/16;touch-action:pan-y pinch-zoom;position:relative;background:var(--surface-inverse)!important;color:var(--text-inverse)!important;display:block!important}.yg-portfolio-thumb img,.yg-portfolio-thumb video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.yg-portfolio-thumb:focus-visible{outline:2px solid var(--portfolio-focus);outline-offset:-3px}.yg-portfolio-play{border-radius:var(--radius-pill);background:var(--portfolio-control);width:30px;height:30px;color:var(--text-inverse);place-items:center;display:grid;position:absolute;bottom:10px;left:10px}.yg-portfolio-position{text-align:center;font:var(--text-caption);font-variant-numeric:tabular-nums;padding-top:8px;display:block}.yg-portfolio-unavailable{height:100%;font:var(--text-caption);place-items:center;display:grid}.yg-portfolio-overlay{z-index:2000;background:var(--portfolio-backdrop);color:var(--text-inverse);overscroll-behavior:none;font-family:var(--font-ui);place-items:center;display:grid;position:fixed;inset:0}.yg-portfolio-viewer{aspect-ratio:9/16;background:var(--surface-inverse);width:min(90vw,504px,56.25dvh - 13.5px);height:auto;max-height:calc(100% - 24px);position:relative;overflow:hidden}.yg-portfolio-scroller{touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.yg-portfolio-panel{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.yg-portfolio-media{object-fit:contain;width:100%;height:100%;display:block}.yg-portfolio-media[data-portrait=true]{object-fit:cover}.yg-portfolio-top{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:10px;right:10px}.yg-portfolio-top>*{pointer-events:auto}.yg-portfolio-counter{font:600 12px/1 var(--font-ui);border-radius:var(--radius-pill);background:var(--portfolio-control);padding:8px 10px}.yg-portfolio-caption{padding:72px 70px max(22px, env(safe-area-inset-bottom)) 16px;background:var(--portfolio-caption-gradient);pointer-events:none;text-align:left;gap:7px;display:grid;position:absolute;inset:auto 0 0}.yg-portfolio-caption>*{overflow-wrap:anywhere;min-width:0;margin:0}.yg-portfolio-caption strong{font-size:16px;line-height:1.3}.yg-portfolio-caption h2{font-size:14px;font-weight:600;line-height:1.35}.yg-portfolio-caption p{pointer-events:auto;max-height:6em;font-size:12px;line-height:1.45;overflow-y:auto}.yg-portfolio-rail{right:10px;bottom:max(22px, env(safe-area-inset-bottom));justify-items:center;gap:10px;display:grid;position:absolute}.yg-portfolio-error{justify-items:center;gap:12px;font-size:13px;display:grid}.yg-portfolio-status{pointer-events:none;position:absolute}@media (width<=375px){.yg-portfolio-caption{padding-left:12px;padding-right:66px}.yg-portfolio-caption strong{font-size:14px}.yg-portfolio-caption h2{font-size:13px}}