<|endoftext|>font-size: 18px;
line-height: 24px;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: transparent;
position: relative;
z-index: 10;
pointer-events: none;
outline: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
@media only screen and (max-width: 768px) {
.XIVyE {
position: absolute;
width: 100%;
height: 100%;
min-height: 100vh;
}
}
@media only screen and (max-width: 768px) {
.TgNMj {
position: relative;
}
}
@media only screen and (max-width: 768px) {
.gLOatX {
position: relative;
max-height: none;
max-width: none;
border-radius: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-animation: none;
animation: none;
height: 100vh;
width: 100vw;
}
}"
`;
exports[`Layer is accessible 1`] = `
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:768px) {
}
<div
data-testid="test-body-node"
>
<input />
<input
tabindex="10"
/>
</div>
`;
exports[`Layer is accessible 2`] = `
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:768px) {
}
<div
data-testid="test-layer-node"
>
This is a layer
<input
data-testid="test-input"
/>
</div>
`;
exports[`Layer is accessible 3`] = `
<div
data-testid="test-body-node"
>
<input />
<input
tabindex="10"
/>
</div>
`;
exports[`Layer margin large 1`] = `
.c0 {
font-size: 18px;
line-height: 24px;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: transparent;
position: relative;
z-index: 10;
pointer-events: none;
outline: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.c1 {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,0,0,0.5);
color: #f8f8f8;
pointer-events: all;
}
.c2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 48px;
background-color: #FFFFFF;
color: #