.test{padding:30px;border:2px solid #000;background:#6d0808;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.test h3{margin-bottom:0}.test:after,.test:before{color:#fff;white-space:pre}.test:before{font-size:20px;font-size:2rem}.test:after{content:" = false"}.test.-insideHeight:before{content:"mq(inside-height, 600px, 800px)"}@media (max-height:800px) and (min-height:601px){.test.-insideHeight{background:#004700}.test.-insideHeight:after{content:" = true"}}.test.-insideHeightVar:before{content:"mq($MQ-insideHeightVar)"}@media (max-height:800px) and (min-height:601px){.test.-insideHeightVar{background:#004700}.test.-insideHeightVar:after{content:" = true"}}.test.-maxHeight:before{content:"mq(max-height, 800px)"}@media (max-height:800px){.test.-maxHeight{background:#004700}.test.-maxHeight:after{content:" = true"}}.test.-maxHeightVar:before{content:"mq($MQ-maxHeightVar)"}@media (max-height:800px){.test.-maxHeightVar{background:#004700}.test.-maxHeightVar:after{content:" = true"}}.test.-minHeight:before{content:"mq(min-height, 800px)"}@media (min-height:801px){.test.-minHeight{background:#004700}.test.-minHeight:after{content:" = true"}}.test.-minHeightVar:before{content:"mq($MQ-minHeightVar)"}@media (min-height:801px){.test.-minHeightVar{background:#004700}.test.-minHeightVar:after{content:" = true"}}.test.-outsideHeight:before{content:"mq(outside-height, 600px, 800px)"}@media (max-height:600px),(min-height:801px){.test.-outsideHeight{background:#004700}.test.-outsideHeight:after{content:" = true"}}.test.-outsideHeightVar:before{content:"mq($MQ-outsideHeightVar)"}@media (max-height:600px),(min-height:801px){.test.-outsideHeightVar{background:#004700}.test.-outsideHeightVar:after{content:" = true"}}.test.-notMedia:before{content:"mq(min, 800px, 'not')"}@media not all and (min-width:801px){.test.-notMedia{background:#004700}.test.-notMedia:after{content:" = true"}}.test.-onlyMedia:before{content:"mq('screen')"}@media screen{.test.-onlyMedia{background:#004700}.test.-onlyMedia:after{content:" = true"}}.test.-simpleMedia:before{content:"mq(min, 800px, 'screen')"}@media screen and (min-width:801px){.test.-simpleMedia{background:#004700}.test.-simpleMedia:after{content:" = true"}}.test.-complexOr:before{content:"mq($MQ-complexOr)"}@media (max-aspect-ratio:1/1),(min-aspect-ratio:2/1),screen and (max-width:800px) and (min-width:601px){.test.-complexOr{background:#004700}.test.-complexOr:after{content:" = true"}}.test.-multiOr:before{content:"mq($MQ-multiOr)"}@media (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1),(max-width:1000px) and (min-width:601px),(min-height:801px),print,screen and (min-width:801px){.test.-multiOr{background:#004700}.test.-multiOr:after{content:" = true"}}.test.-orPlusCombo:before{content:"mq($MQ-orPlusCombo)"}@media screen and (max-width:1000px) and (min-width:601px) and (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1),screen and (min-width:801px) and (min-height:801px){.test.-orPlusCombo{background:#004700}.test.-orPlusCombo:after{content:" = true"}}.test.-simpleOr:before{content:"mq($MQ-simpleOr)"}@media (min-height:801px),(min-width:801px){.test.-simpleOr{background:#004700}.test.-simpleOr:after{content:" = true"}}.test.-complexPlus:before{content:"mq($MQ-complexPlus)"}@media print and (max-width:800px) and (min-width:601px) and (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1){.test.-complexPlus{background:#004700}.test.-complexPlus:after{content:" = true"}}.test.-ignoredMediaType:before{content:"mq($MQ-ignoredMediaType)"}@media (max-width:800px) and (min-width:601px) and (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1){.test.-ignoredMediaType{background:#004700}.test.-ignoredMediaType:after{content:" = true"}}.test.-inlinePlus:before{content:"mq((min-width, 800px) plus (min-height, 600px))"}@media (min-width:801px) and (min-height:601px){.test.-inlinePlus{background:#004700}.test.-inlinePlus:after{content:" = true"}}.test.-mediaOnlyPlus:before{content:"mq('screen' plus (min, 800px))"}@media screen and (min-width:801px){.test.-mediaOnlyPlus{background:#004700}.test.-mediaOnlyPlus:after{content:" = true"}}.test.-multiPlus:before{content:"mq($MQ-multiPlus)"}@media screen and (min-width:801px) and (min-height:401px) and (max-width:1000px) and (min-width:601px) and (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1){.test.-multiPlus{background:#004700}.test.-multiPlus:after{content:" = true"}}.test.-simplePlus:before{content:"mq($MQ-simplePlus)"}@media (min-width:801px) and (min-height:601px){.test.-simplePlus{background:#004700}.test.-simplePlus:after{content:" = true"}}.test.-exactRatioWorkAround1:before{content:"mq($MQ-exactRatioWorkAround1)"}@media not all and (max-aspect-ratio:2/1){.test.-exactRatioWorkAround1{background:#004700}.test.-exactRatioWorkAround1:after{content:" = true"}}.test.-exactRatioWorkAround2:before{content:"mq($MQ-exactRatioWorkAround2)"}@media not all and (max-aspect-ratio:2/1){.test.-exactRatioWorkAround2{background:#004700}.test.-exactRatioWorkAround2:after{content:" = true"}}.test.-exactRatioWorkAround3:before{content:"mq(max-ratio, '2 / 1', 'not')"}@media not all and (max-aspect-ratio:2/1){.test.-exactRatioWorkAround3{background:#004700}.test.-exactRatioWorkAround3:after{content:" = true"}}.test.-insideRatio:before{content:'mq(inside-ratio, "2 / 1", "1 / 1")'}@media (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1){.test.-insideRatio{background:#004700}.test.-insideRatio:after{content:" = true"}}.test.-insideRatioVar:before{content:"mq($MQ-insideRatioVar)"}@media (max-aspect-ratio:2/1) and (min-aspect-ratio:1/1){.test.-insideRatioVar{background:#004700}.test.-insideRatioVar:after{content:" = true"}}.test.-maxRatio:before{content:'mq(max-ratio, "2 / 1")'}@media (max-aspect-ratio:2/1){.test.-maxRatio{background:#004700}.test.-maxRatio:after{content:" = true"}}.test.-maxRatioVar:before{content:"mq($MQ-maxRatioVar)"}@media (max-aspect-ratio:2/1){.test.-maxRatioVar{background:#004700}.test.-maxRatioVar:after{content:" = true"}}.test.-minRatio:before{content:'mq(min-ratio, "2 / 1")'}@media (min-aspect-ratio:2/1){.test.-minRatio{background:#004700}.test.-minRatio:after{content:" = true"}}.test.-minRatioVar:before{content:"mq($MQ-minRatioVar)"}@media (min-aspect-ratio:2/1){.test.-minRatioVar{background:#004700}.test.-minRatioVar:after{content:" = true"}}.test.-outsideRatio:before{content:'mq(outside-ratio, "1 / 1", "2 / 1")'}@media (max-aspect-ratio:1/1),(min-aspect-ratio:2/1){.test.-outsideRatio{background:#004700}.test.-outsideRatio:after{content:" = true"}}.test.-outsideRatioVar:before{content:"mq($MQ-outsideRatioVar)"}@media (max-aspect-ratio:1/1),(min-aspect-ratio:2/1){.test.-outsideRatioVar{background:#004700}.test.-outsideRatioVar:after{content:" = true"}}.test.-ratio:before{content:'mq(ratio, "2 / 1")'}@media (aspect-ratio:2/1){.test.-ratio{background:#004700}.test.-ratio:after{content:" = true"}}.test.-ratioVar:before{content:"mq($MQ-ratioVar)"}@media (aspect-ratio:2/1){.test.-ratioVar{background:#004700}.test.-ratioVar:after{content:" = true"}}.test.-inside:before{content:"mq(inside, 800px, 600px)"}@media (max-width:800px) and (min-width:601px){.test.-inside{background:#004700}.test.-inside:after{content:" = true"}}.test.-insideVar:before{content:"mq($MQ-insideVar)"}@media (max-width:800px) and (min-width:601px){.test.-insideVar{background:#004700}.test.-insideVar:after{content:" = true"}}.test.-insideWidth:before{content:"mq(inside-width, 600px, 800px)"}@media (max-width:800px) and (min-width:601px){.test.-insideWidth{background:#004700}.test.-insideWidth:after{content:" = true"}}.test.-max:before{content:"mq(max, 800px)"}@media (max-width:800px){.test.-max{background:#004700}.test.-max:after{content:" = true"}}.test.-maxVar:before{content:"mq($MQ-maxVar)"}@media (max-width:800px){.test.-maxVar{background:#004700}.test.-maxVar:after{content:" = true"}}.test.-maxWidth:before{content:"mq(max-width, 800px)"}@media (max-width:800px){.test.-maxWidth{background:#004700}.test.-maxWidth:after{content:" = true"}}.test.-min:before{content:"mq(min, 800px)"}@media (min-width:801px){.test.-min{background:#004700}.test.-min:after{content:" = true"}}.test.-minVar:before{content:"mq($MQ-minVar)"}@media (min-width:801px){.test.-minVar{background:#004700}.test.-minVar:after{content:" = true"}}.test.-minWidth:before{content:"mq(min-width, 800px)"}@media (min-width:801px){.test.-minWidth{background:#004700}.test.-minWidth:after{content:" = true"}}.test.-outside:before{content:"mq(outside, 800px, 600px)"}@media (max-width:600px),(min-width:801px){.test.-outside{background:#004700}.test.-outside:after{content:" = true"}}.test.-outsideVar:before{content:"mq($MQ-outsideVar)"}@media (max-width:600px),(min-width:801px){.test.-outsideVar{background:#004700}.test.-outsideVar:after{content:" = true"}}.test.-outsideWidth:before{content:"mq(outside, 800px, 600px)"}@media (max-width:600px),(min-width:801px){.test.-outsideWidth{background:#004700}.test.-outsideWidth:after{content:" = true"}}
/*# sourceMappingURL=test-styles.css.map */