.environment-indicator{position:fixed;top:0;left:0;right:0;height:100vh;border:5px solid;z-index:10;pointer-events:none}.environment-indicator--disabled{display:none}.environment-indicator--dev{border-color:var(--dev-color)}.environment-indicator--live{border-color:var(--live-color)}.environment-indicator--test{border-color:var(--test-color)}.skip-links{position:fixed;left:50%;transform:translate(-50%, -100%);background-color:white;box-shadow:0 0 5px 0 var(--shadow-color, rgba(0,0,0,0.5));z-index:99}.skip-links:focus-within{transform:translate(-50%, 40px)}.skip-links:focus-within::before{opacity:1;pointer-events:auto}.skip-links::before{position:absolute;z-index:-1;top:50%;left:50%;width:200vw;height:200vh;content:"";transition:var(--animation-duration, 0.125s);transform:translate(-50%, -50%);pointer-events:none;opacity:0;background-color:rgba(0,0,0,0.4)}.skip-links .skip-links__heading,.skip-links .skip-links__link-wrapper{padding:16px 13.3333333333px}.skip-links .skip-links__heading{display:block;background-color:var(--box-color, #ebebeb)}.skip-links .skip-links__link-wrapper{background-color:white}