/**
 * Disable smooth scrolling when users have prefers-reduced-motion enabled
 */
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* 
 * Utility class to hide content visually while keeping it
 * screen reader-accessible.
 * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html 
 */
.visually-hidden:not(:focus, :active) {
    clip-path: inset(100%); 
    height: 1px; 
    overflow: hidden; 
    position: absolute; 
    white-space: nowrap; 
    width: 1px; 
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTtBQUNGO0NBQ0M7RUFDQyxxQkFBcUI7Q0FDdEI7QUFDRDtBQUNBOzs7O0VBSUU7QUFDRjtJQUNJLHNCQUFzQjtJQUN0QixXQUFXO0lBQ1gsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsVUFBVTtBQUNkIiwiZmlsZSI6ImluZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRGlzYWJsZSBzbW9vdGggc2Nyb2xsaW5nIHdoZW4gdXNlcnMgaGF2ZSBwcmVmZXJzLXJlZHVjZWQtbW90aW9uIGVuYWJsZWRcbiAqL1xuQG1lZGlhIHNjcmVlbiBhbmQgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuXHRodG1sIHtcblx0XHRzY3JvbGwtYmVoYXZpb3I6IGF1dG87XG5cdH1cbn1cbi8qIFxuICogVXRpbGl0eSBjbGFzcyB0byBoaWRlIGNvbnRlbnQgdmlzdWFsbHkgd2hpbGUga2VlcGluZyBpdFxuICogc2NyZWVuIHJlYWRlci1hY2Nlc3NpYmxlLlxuICogU291cmNlOiBodHRwczovL3d3dy5zY290dG9oYXJhLm1lL2Jsb2cvMjAxNy8wNC8xNC9pbmNsdXNpdmVseS1oaWRkZW4uaHRtbCBcbiAqL1xuLnZpc3VhbGx5LWhpZGRlbjpub3QoOmZvY3VzLCA6YWN0aXZlKSB7XG4gICAgY2xpcC1wYXRoOiBpbnNldCgxMDAlKTsgXG4gICAgaGVpZ2h0OiAxcHg7IFxuICAgIG92ZXJmbG93OiBoaWRkZW47IFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsgXG4gICAgd2lkdGg6IDFweDsgXG59XG4iXX0= */:root {
    --copy-button-success: green;
}

copy-button {
    width: 1rem;
    height: 1rem;
    background: none;
    padding: 0.3rem 0.1rem;
    color: black;
}

copy-button .copy-wrapper {
        fill: var(--copy-button, black);
    }

copy-button button {
        border: none;
        background-color: transparent;
        position: relative;
        top: 2px;
    }

copy-button .success-svg {
        fill: var(--copy-button-success, black);
    }
:root {
    --copy-button-success: darkgreen;
    --copy-button: darkblue;
}

button {
    cursor: pointer;
}