tint-photo-gallery.tint-photos{display:block;width:100%;min-width:0;color:rgb(var(--color-foreground));--tint-photo-border:rgba(var(--color-foreground),.2)}
.tint-photos button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tint-photos__hero{position:relative;display:block;width:100%;aspect-ratio:1;border:1px solid var(--tint-photo-border);border-radius:16px;padding:0;overflow:hidden;background:#f7f7f7;cursor:zoom-in!important}
.tint-photos__hero>img{display:block;width:100%;height:100%;object-fit:contain}
.tint-photos__zoom-label{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #00000016;border-radius:999px;background:#fffffff0;color:#202525;font-size:11px;font-weight:650;line-height:1.4}
.tint-photos svg{display:block;width:20px;height:20px;flex-shrink:0}
.tint-photos__caption{padding:10px 2px 9px;font-size:13px;font-weight:650;line-height:1.4}
.tint-photos__selections{display:flex;gap:8px;margin:0 0 12px}
.tint-photos__selection{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px 9px;min-height:44px;flex:1;padding:8px 10px;background:rgba(var(--color-foreground),.04);border:1px solid var(--tint-photo-border);border-radius:9px;font-size:12px!important;line-height:1.3}
.tint-photos__selection>span{opacity:.7}
.tint-photos__selection[aria-pressed=true]{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.7)}
.tint-photos__thumbnails{display:flex;gap:8px;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;list-style:none;padding:3px 2px 10px;margin:0;scroll-padding:2px}
.tint-photos__thumbnails>li{flex:0 0 76px;list-style:none;margin:0;padding:0}
.tint-photos__thumbnail{display:flex;flex-direction:column;width:100%;min-height:100px;gap:5px;padding:4px 4px 6px;border:1px solid var(--tint-photo-border);border-radius:9px;background:rgba(var(--color-foreground),.035);font-size:10px!important;line-height:1.3}
.tint-photos__thumbnail>img{display:block;width:66px;height:66px;object-fit:contain;background:#f7f7f7;border-radius:5px}
.tint-photos__thumbnail>span{display:block;width:100%;text-align:center;white-space:nowrap}
.tint-photos__thumbnail[aria-pressed=true]{border-color:rgba(var(--color-foreground),.9);box-shadow:0 0 0 1px rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.12)}
.tint-photos__help{margin:0 2px 10px;font-size:11px;line-height:1.4;opacity:.65}
.tint-photos button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
.tint-photos__dialog{width:min(96vw,1100px);height:min(94dvh,1050px);max-width:none;max-height:none;box-sizing:border-box;position:fixed;padding:20px 64px 48px;border:0;border-radius:16px;background:#f5f5f5;color:#202525;overflow:hidden}
.tint-photos__dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.tint-photos__dialog>img{width:100%;height:100%;object-fit:contain;display:block}
.tint-photos__dialog>p{position:absolute;left:60px;right:60px;bottom:10px;text-align:center;font-size:13px;font-weight:650;margin:0;line-height:1.6}
.tint-photos__close,.tint-photos__arrow{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid #0002;border-radius:50%;background:#fffe;color:#202525!important;padding:10px}
.tint-photos__close{top:12px;right:12px}
.tint-photos__arrow{top:calc(50% - 22px)}
.tint-photos__arrow--previous{left:10px}
.tint-photos__arrow--next{right:10px}
.tint-photos__dialog button:focus-visible{outline-color:#202525}
@media(min-width:750px){.tint-photos__hero{max-height:660px}.tint-photos__thumbnail:hover{border-color:rgba(var(--color-foreground),.65)}}
@media(max-width:749px){.tint-photos__hero{border-radius:12px}.tint-photos__zoom-label{right:9px;bottom:9px;font-size:10px}.tint-photos__dialog{width:100vw;height:100dvh;border-radius:0;padding:58px 10px 54px}.tint-photos__arrow{top:auto;bottom:8px}.tint-photos__dialog>p{bottom:20px}.tint-photos__close{top:10px;right:10px}}