.browser-mockup{border-radius:3px 3px 0 0;border-top:2em solid hsla(0,0%,90%,.7);box-shadow:0 .1em 1em 0 rgba(0,0,0,.4);position:relative}.browser-mockup:before{background-color:#f44;border-radius:50%;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5;content:"";display:block;height:.5em;left:1em;position:absolute;top:-1.25em;width:.5em}.browser-mockup.with-tab:after{border-bottom:2em solid #fff;border-left:.8em solid transparent;border-right:.8em solid transparent;content:"";display:block;height:0;left:5.5em;position:absolute;top:-2em;width:20%}.browser-mockup.with-url:after{background-color:#fff;border-radius:2px;content:"";display:block;height:1.2em;left:5.5em;position:absolute;top:-1.6em;width:calc(100% - 6em)}.browser-mockup>*,.browser-url{display:block}.browser-url{left:100px;max-width:300px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:-2.2em;white-space:nowrap;z-index:2;FONT-SIZE:10px}