.tport-wrap{max-width:90rem}.tport-heading{margin:0 0 .5rem;text-transform:uppercase}.tport-subheading{margin:0 0 2rem;color:rgba(var(--color-foreground),.75)}.tport-toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.tport-toolbar-row{display:flex;flex-wrap:wrap;gap:.8rem}.tport-chip{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));padding:.8rem 1.6rem;border-radius:999px;font-size:1.3rem;font-weight:600;cursor:pointer;font-family:var(--font-heading-family)}.tport-chip--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.tport-chip--dropdown:after{content:"";display:inline-block;margin-left:.7rem;width:.6rem;height:.6rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:translateY(-.2rem) rotate(45deg)}.tport-dropdown{position:relative}.tport-menu{display:none;position:fixed;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.8rem;padding:1rem;box-shadow:0 .6rem 2rem #0000001f;z-index:10;width:220px;max-height:32rem;overflow-y:auto}.tport-menu.open{display:block}.tport-menu label{display:flex;align-items:center;gap:.8rem;padding:.5rem .4rem;font-size:1.3rem;white-space:nowrap;cursor:pointer}.tport-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media screen and (min-width:750px){.tport-grid{grid-template-columns:repeat(4,1fr)}}.tport-item{display:block;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.05);border:0;padding:0;margin:0;font:inherit;cursor:pointer}.tport-item[hidden]{display:none}.tport-item img,.tport-item svg{width:100%;height:100%;object-fit:cover;display:block}.tport-item:hover img{opacity:.85}.tport-empty{text-align:center;color:rgba(var(--color-foreground),.6);margin-top:2rem}.tport-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.tport-lightbox[hidden]{display:none}.tport-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.tport-lightbox-panel{position:relative;z-index:1;max-width:60rem;width:92vw;max-height:92vh;overflow:hidden;background:rgb(var(--color-background));border-radius:1.2rem}.tport-lightbox-panel-inner{max-height:92vh;overflow-y:auto;padding:2rem}.tport-lightbox-item-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.tport-lightbox-item-nav{flex:0 0 auto;width:3.8rem;height:3.8rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08);border:0;border-radius:50%;color:rgba(var(--color-foreground),.85);font-size:1.6rem;cursor:pointer}.tport-lightbox-close{font-size:2rem;line-height:1}.tport-lightbox-media{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}.tport-lightbox-img{max-width:100%;max-height:60vh;display:block;border-radius:.6rem;object-fit:contain}.tport-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000008c;color:#fff;border:0;width:4rem;height:4rem;border-radius:50%;font-size:1.8rem;cursor:pointer}.tport-lightbox-nav[hidden]{display:none}.tport-lightbox-prev{left:.5rem}.tport-lightbox-next{right:.5rem}.tport-lightbox-dots{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.2rem}.tport-lightbox-dots[hidden]{display:none}.tport-lightbox-dot{width:.7rem;height:.7rem;border-radius:50%;background:rgba(var(--color-foreground),.25)}.tport-lightbox-dot.active{background:rgb(var(--color-foreground))}.tport-lightbox-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.tport-lightbox-tags[hidden]{display:none}.tport-lightbox-tag{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.4rem 1rem;border-radius:999px;background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.8)}.tport-lightbox-caption{white-space:pre-line;font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.85);margin:0 0 1.2rem}.tport-lightbox-ig-link{display:inline-block;font-size:1.2rem;color:rgba(var(--color-foreground),.55);text-decoration:underline}.tport-lightbox-ig-link[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tattoo-portfolio.css.map */