.device-btn-group .btn{padding:.65rem .5rem;transition:all .2s ease-in-out}.device-btn-group .btn:hover{transform:translateY(-2px)}.device-btn-group .btn i{line-height:1}.screenshot-browser-mockup{border-radius:0 0 .5rem .5rem;overflow:hidden}.screenshot-browser-mockup .mockup-header{border-bottom:1px solid #e9ecef;-webkit-user-select:none;user-select:none}.screenshot-browser-mockup .mockup-dots .dot{width:11px;height:11px;border-radius:50%;display:inline-block}.screenshot-browser-mockup .mockup-dots .dot.dot-red{background-color:#ff5f56;border:1px solid #e0443e}.screenshot-browser-mockup .mockup-dots .dot.dot-yellow{background-color:#ffbd2e;border:1px solid #dea125}.screenshot-browser-mockup .mockup-dots .dot.dot-green{background-color:#27c93f;border:1px solid #1aab29}.screenshot-browser-mockup .mockup-address-bar{max-width:650px;background-color:#fff;font-size:.8125rem;box-shadow:inset 0 1px 2px #0000000a}.screenshot-canvas-wrapper{min-height:400px;max-height:750px;overflow:auto;position:relative;transition:background-color .25s ease}.screenshot-canvas-wrapper.bg-mode-light{background-color:#f1f3f5!important}.screenshot-canvas-wrapper.bg-mode-dark{background-color:#1a1d24!important}.screenshot-canvas-wrapper.bg-mode-checkered{background-color:#fff!important;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0px!important}.screenshot-canvas-inner{display:inline-block;transform-origin:top center;transition:transform .15s ease-out;margin:0 auto}.screenshot-rendered-image{max-width:100%;height:auto;border-radius:4px;box-shadow:0 10px 30px #0000001f;display:block;background-color:#fff}