@layer components{.vent{background-color:var(--grey-2);background-image:linear-gradient(0deg, var(--grey-1) 12.5%, var(--grey-2) 12.5%, var(--grey-2) 50%, var(--grey-1) 50%, var(--grey-1) 62.5%, var(--grey-2) 62.5%, var(--grey-2) 100%);border:.4vmin solid var(--grey-3);background-size:1vmin 1vmin;width:30%;height:50%;position:absolute;top:25%;right:10%;box-shadow:.1vmin .2vmin 0 .1vmin #0000004d}.vent__rivet{--size:.2vmin;width:var(--size);height:var(--size);background-color:var(--grey-4);border-radius:50%;position:absolute;box-shadow:.05vmin .05vmin 0 .05vmin #0003}.vent__rivet:first-child{bottom:100%;right:100%}.vent__rivet:nth-child(2){bottom:100%;left:100%}.vent__rivet:nth-child(3){top:100%;left:100%}.vent__rivet:nth-child(4){top:100%;right:100%}}