.custom-metafield{box-sizing:border-box;width:100%}.custom-metafield__heading{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 1.5rem}.custom-metafield__content{position:relative;font-family:var(--font-body-family);font-size:1.6rem;color:rgb(var(--color-foreground));text-align:justify;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.2) transparent}.custom-metafield__content::-webkit-scrollbar{width:.4rem}.custom-metafield__content::-webkit-scrollbar-track{background:transparent}.custom-metafield__content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.2);border-radius:.4rem}.custom-metafield__inner{width:100%}.custom-metafield__image{max-width:100%;height:auto;display:block}.custom-metafield__file-link,.custom-metafield__link{color:rgb(var(--color-link));text-decoration:underline;transition:opacity .3s ease}.custom-metafield__file-link:hover,.custom-metafield__link:hover{opacity:.7}.custom-metafield__color-wrapper{display:flex;align-items:center;gap:1rem}.custom-metafield__color-swatch{width:3rem;height:3rem;display:inline-block;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.2)}.custom-metafield__json{background-color:rgba(var(--color-foreground),.05);padding:1rem;border-radius:.4rem;overflow:auto;white-space:pre-wrap;font-family:monospace;font-size:1.4rem}.custom-metafield__empty{opacity:.7;font-style:italic;color:rgba(var(--color-foreground),.75)}.custom-metafield__scroll-indicator{display:none;text-align:center;color:rgba(var(--color-foreground),.5);padding:.5rem 0;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgba(var(--color-background),.9) 50%);position:absolute;bottom:0;left:0;right:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.custom-metafield__content.has-overflow .custom-metafield__scroll-indicator{display:block;opacity:1}.custom-metafield__scroll-indicator svg{animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.5rem)}60%{transform:translateY(-.3rem)}}@media screen and (max-width: 749px){.custom-metafield__heading{font-size:2rem}.custom-metafield__content{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){.custom-metafield__scroll-indicator svg{animation:none}.custom-metafield__file-link,.custom-metafield__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-metafield-display.css.map */