.nav-header-container{display:flex;justify-content:space-between;width:100%;background:#24292f}.nav-logo{color:#fff;display:inline-block;line-height:61px;font-weight:700;margin-left:20px;font-size:30px;font-family:Luckiest Guy;transform:translateY(5px);cursor:pointer}.nav-header-container .el-menu{display:flex;justify-content:flex-end}*{margin:0;padding:0}body,html{width:100%;overflow-x:hidden;min-height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}@font-face{font-family:Luckiest Guy;font-style:normal;font-weight:400;font-display:swap;src:local("Luckiest Guy Regular"),local("LuckiestGuy-Regular"),url(../fonts/luckiest_guy.ea045d18.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.screen-container{position:relative}.screen-container .el-loading-spinner{display:inline-block!important}.transition{transition:all .5s;transition-timing-function:linear}.gallery-container .el-tabs__nav{transform:translateX(-50%)!important;margin-left:50%}.gallery-container .el-tabs{margin-top:2em}.gallery-card-container{display:grid;grid-template-columns:repeat(4,1fr)}.gallery-card{background-color:#fff;color:#303133;transition:.3s;cursor:pointer;width:100%;height:0;padding:0;position:relative}.gallery-card-content{border-radius:4px;border:1px solid #ebeef5;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;overflow:hidden}.gallery-card-content:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.device-radio{text-align:end;margin-right:20px}.device-icon{cursor:pointer;padding:3px 6px;transition:color .3s}.device-icon:hover{cursor:pointer;color:#409eff!important}.top-container{display:flex;justify-content:flex-start;align-items:center;height:480px;padding:0 72px}.top-text{margin-left:80px;display:flex;flex-direction:column;align-items:flex-start;width:40%;text-align:start}.top-text>h1{margin:.2em 0;font-weight:700;font-size:50px}.top-text>p{font-size:20px;margin-bottom:1em}.device-container{width:45%;height:100%;position:relative}.home-container .el-carousel__container{transition:all .5s;transition-timing-function:linear;width:100%}.home-container .el-carousel__indicator--horizontal{display:inline-block!important}.phone-container{position:absolute;transform-origin:right bottom;z-index:2000}.phone-container .el-carousel{z-index:0;border-radius:40px;overflow:hidden}.input-label[data-v-55b03386]{display:inline-block;padding-right:.5em}.field-container[data-v-55b03386]{padding:.25em 0;font-size:14px}.row[data-v-55b03386]{display:flex;justify-content:space-between;align-items:center}.col[data-v-55b03386]{display:flex;flex-direction:column;align-items:flex-start}.col .input-label[data-v-55b03386],.col>span[data-v-55b03386]{margin-bottom:.5em}.group-container{padding:1em 1em 0 1em}.group-container-name{width:100%;text-align:left;display:inline-block;font-weight:700}.group-children{padding:.5em 0}.group-container-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:.25em}.group-help-icon{padding-right:5px;cursor:pointer}.group-help-content{word-wrap:break-word;word-break:normal}.image-uploader{width:250px;min-height:10px}.image-height{height:250px}.image-uploader-icon{font-size:28px;color:#8c939d;width:250px;height:250px;line-height:250px;text-align:center}.image-uploader .el-upload{border-radius:6px;border:1px dashed #d9d9d9;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%}.image-dash-border{border:1px dashed #d9d9d9;padding:10px;border-radius:6px}.image-uploader .el-upload:hover{border-color:#409eff}.image{width:100%;display:block}.image-overlay{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3)}.input-number-overlay{position:fixed;width:100%;height:100%;z-index:1100;left:0;top:0}.collapse-children{overflow:hidden;will-change:height}.collapse-icon{cursor:pointer;transition:transform .3s}.collapse-icon-container{height:32px;vertical-align:middle;line-height:32px}.emoji-picker-content{max-height:200px;overflow:scroll;font-size:16px;display:grid;grid-template-columns:repeat(6,1fr)}.emoji-picker-item{padding:3px;cursor:pointer;border-radius:4px;text-align:center;font-size:20px}.emoji-picker-item:hover{background:#eee}.emoji-picker-container .el-tabs__header{margin-top:0!important}.emoji-picker-container .el-tabs__item{font-size:20px}.emoticon-picker-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px}.emoticon-picker-header span{display:inline-block;margin-left:.5em}.emoticon-picker-header>span{display:inline-block;text-align:center;cursor:pointer}.emoticon-picker-item{padding:8px 10px;display:inline-block;cursor:pointer;border-radius:4px;color:#606266;font-weight:400}.emoticon-picker-content{max-height:197px;overflow:scroll}.emoticon-picker-container{max-height:236px}.emoticon-picker-item:hover{background:#eee}.emoji-input-popover{padding:0 12px;padding-bottom:12px}.symbol-input-container .el-popover{padding:0}.emoji-input-popover .el-tabs__item{height:36px;padding:0 6px;color:#606266;font-weight:400}.emoji-input-popover .el-tabs__nav-wrap:after{height:1px}.image-color-picker-container{display:flex;justify-content:flex-start;width:100%;position:relative}.image-color-picker-colors{width:calc(100% - 250px);text-align:start;margin-left:20px;border:1px dashed #d9d9d9;border-radius:6px;padding:20px}.image-color-picker-color-item{display:inline-block;width:46px;height:46px;margin-right:15px;margin-top:15px;border-radius:5px;cursor:pointer;border-width:4px;border-style:solid}.color-palette-container .el-empty{padding:5px}.color-empty-wrapper{cursor:pointer;position:relative}.color-palette-btns{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.color-palette-container .el-dialog__header{font-weight:700}.color-palette-container .el-dialog__body{padding-top:10px}.color-palette-container .el-empty__image{width:50px}.color-palette-container .el-card__body{padding:0}.color-palette-container .el-card__header{padding:8px;display:flex;justify-content:space-between;align-items:center}.color-palette-container{border-style:dashed;border-width:1px;border-radius:6px;padding:8px;margin:.25em 0}.color-palette-tab-container{display:grid;grid-template-columns:repeat(4,1fr);max-height:500px;overflow:scroll}.color-palette-colors:after{display:block;content:"";clear:both}.color-palette-item{float:left;width:20px;height:20px;border-radius:2px;margin:5px 5px 5px 0;cursor:grab}.color-palette-des{font-size:16px;text-align:start;margin:.5em 8px 1em 8px}.color-palette-link{cursor:pointer;padding-left:10px}.color-field{cursor:grab}.radio-container{height:32px;display:flex;align-items:center;justify-content:space-between}.radio-container .el-radio{margin-right:12px}.editor-container{height:calc(100vh - 61px)}.el-aside{background-color:#fff}.el-container{background-color:#e5e5e5;overflow:hidden;padding:0}.main-container{width:100%}.tools-container{height:48px;width:100%;background:#f7f7f7;display:flex;justify-content:center}.tools-container .el-input-number--mini{width:100px}.tool-item{margin-right:15px;cursor:pointer;color:#606266}.el-dropdown-link:hover,.tool-item:hover{color:#409eff}.tools{display:flex;align-items:center;margin:0 auto;height:48px}.preview-container{height:calc(100vh - 109px);width:100%}.tools-container .el-button{margin:0 6px}.preview{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:1005}.icon-switch{transform:rotate(90deg);padding:0 10px}.scale-text{font-size:12px;line-height:28px}.pattern-card-container{cursor:pointer}.pattern-card-container .pattern{border-radius:10px;overflow:hidden;width:100%;height:100%;transition:box-shadow .3s}.pattern-card-container .pattern:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.story-container{margin:0 172px}.story-container .el-select{margin-top:1em;margin-right:1em}.story-header{display:flex;align-items:center;margin:1em 0}.storey-make-button{margin-top:1.5em;margin-bottom:2.5em;float:right}.story-image{margin-left:5%;border-radius:40px}.story-image img{border-radius:50px}.story-header h1{font-size:50px;margin:.2em 0}.story-header p{text-align:left;font-size:20px;margin:1em 0}.story-emoji-container{display:grid;grid-template-columns:repeat(24,1fr)}.story-emoji-container span{display:inline-block;font-size:20px;padding:.5em 0;cursor:pointer;border-radius:10px}.story-emoji-container span:hover{background:#eee}.story-emoticon-item{padding:.5em .5em;margin:.5em .5em;display:inline-block;font-size:20px;cursor:pointer;border-radius:10px;background:#eee}.story-emoticon-item:hover{color:#409eff}.story-color-item{text-align:center;margin-right:1.25em}.story-color-item-wrapper{border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .3s}.story-color-collection{text-align:left;margin-bottom:2em}.story-color-container{display:grid;grid-template-columns:repeat(6,1fr)}.story-color-collection-des{margin:.75em 0}.story-color-item-wrapper:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.story-color-name{display:inline-block;margin:.5em 0}.story-body{margin-bottom:2.5em}.story-pattern-container{display:grid;grid-template-columns:repeat(4,1fr)}.story-pattern-item{margin:12px}

/*! Devices.css v0.1.16 | MIT License | github.com/picturepan2/devices.css */.device,.device *,.device:after,.device :after,.device:before,.device :before{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1)}.device,.device .device-frame{z-index:1}.device .device-content{background-color:#fff;background-position:50%;background-size:cover;-o-object-fit:cover;object-fit:cover;position:relative}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:868px;padding:28px;width:428px}.device-iphone-x .device-content{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe:after,.device-iphone-x .device-stripe:before{border:solid rgba(51,51,51,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe:after{top:85px}.device-iphone-x .device-stripe:before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header:after,.device-iphone-x .device-header:before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 0,#222 100%);left:-10px}.device-iphone-x .device-header:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 0,#222 100%);right:-10px}.device-iphone-x .device-sensors:after,.device-iphone-x .device-sensors:before{content:"";position:absolute}.device-iphone-x .device-sensors:after{background:#444;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors:before{background:#444;border-radius:50%;height:14px;left:50%;margin-left:40px;top:28px;width:14px}.device-iphone-x .device-btns{background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns:after,.device-iphone-x .device-btns:before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns:after{top:60px}.device-iphone-x .device-btns:before{top:140px}.device-iphone-x .device-power{background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-iphone-8{height:871px;width:419px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4;height:871px;padding:102px 22px;width:419px}.device-iphone-8 .device-content{border:2px solid #222;border-radius:4px;height:667px;width:375px}.device-iphone-8 .device-stripe:after,.device-iphone-8 .device-stripe:before{border:solid rgba(51,51,51,.15);border-width:0 7px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-8 .device-stripe:after{top:68px}.device-iphone-8 .device-stripe:before{bottom:68px}.device-iphone-8 .device-header{border:2px solid #c8cacb;border-radius:50%;bottom:25px;height:58px;left:50%;margin-left:-29px;position:absolute;width:58px}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-38px;position:absolute;top:52px;width:76px}.device-iphone-8 .device-sensors:after,.device-iphone-8 .device-sensors:before{background:#666;border-radius:50%;content:"";position:absolute}.device-iphone-8 .device-sensors:after{height:10px;left:50%;margin-left:-5px;top:-25px;width:10px}.device-iphone-8 .device-sensors:before{height:12px;left:-42px;margin-top:-6px;top:50%;width:12px}.device-iphone-8 .device-btns{background:#c8cacb;height:30px;left:-3px;position:absolute;top:102px;width:3px}.device-iphone-8 .device-btns:after,.device-iphone-8 .device-btns:before{background:#c8cacb;content:"";height:56px;left:0;position:absolute;width:3px}.device-iphone-8 .device-btns:after{top:62px}.device-iphone-8 .device-btns:before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;height:80px;position:absolute;right:-2px;top:160px;width:3px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-header{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns:after,.device-iphone-8.device-gold .device-btns:before,.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe:after,.device-iphone-8.device-spacegray .device-stripe:before{border-color:hsla(0,0%,80%,.35)}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns:after,.device-iphone-8.device-spacegray .device-btns:before{background:#74747a}.device-google-pixel-2-xl{height:832px;width:404px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c;height:832px;padding:56px 22px;width:404px}.device-google-pixel-2-xl .device-content{border-radius:27px;height:720px;width:360px}.device-google-pixel-2-xl .device-header{height:832px;left:50%;margin-left:-150px;position:absolute;top:0;width:300px}.device-google-pixel-2-xl .device-header:after,.device-google-pixel-2-xl .device-header:before{background:#333;border-radius:3px;content:"";height:6px;left:50%;margin-left:-73px;margin-top:-3px;position:absolute;width:146px}.device-google-pixel-2-xl .device-header:after{top:24px}.device-google-pixel-2-xl .device-header:before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;height:14px;left:54px;margin-top:-7px;position:absolute;top:36px;width:14px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;height:102px;position:absolute;right:-3px;top:306px;width:3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;height:58px;position:absolute;right:-3px;top:194px;width:3px}.device-google-pixel{height:744px;width:360px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff;height:744px;padding:82px 18px 86px 18px;width:360px}.device-google-pixel .device-content{border:2px solid #222;border-radius:2px;height:576px;width:324px}.device-google-pixel .device-stripe{border-top:6px solid rgba(51,51,51,.15);bottom:0;left:254px;position:absolute;top:0;width:8px}.device-google-pixel .device-stripe:after,.device-google-pixel .device-stripe:before{border:solid rgba(51,51,51,.15);border-width:0 6px;content:"";height:10px;left:-254px;position:absolute;width:360px;z-index:9}.device-google-pixel .device-stripe:after{top:60px}.device-google-pixel .device-stripe:before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;height:5px;left:50%;margin-left:-39px;margin-top:-2.5px;position:absolute;top:41px;width:78px}.device-google-pixel .device-sensors:after,.device-google-pixel .device-sensors:before{background:#333;border-radius:6px;content:"";position:absolute}.device-google-pixel .device-sensors:after{height:12px;left:50%;margin-left:-14px;top:21.5px;width:28px}.device-google-pixel .device-sensors:before{height:10px;left:-81px;margin-top:-5px;top:50%;width:10px}.device-google-pixel .device-btns{background:#c8cacb;height:102px;position:absolute;right:-2px;top:298px;width:3px}.device-google-pixel .device-power{background:#c8cacb;height:50px;position:absolute;right:-2px;top:184px;width:3px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe:after,.device-google-pixel.device-black .device-stripe:before{border-color:rgba(13,13,13,.35)}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors:after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns:after,.device-google-pixel.device-black .device-btns:before,.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns:after,.device-google-pixel.device-blue .device-btns:before,.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{height:828px;width:380px}.device-galaxy-s8 .device-frame{background:#222;border:solid #cfcfcf;border-radius:55px;border-width:5px 0;box-shadow:inset 0 0 0 2px #9c9c9c;height:828px;padding:48px 10px 40px 10px;width:380px}.device-galaxy-s8 .device-content{border:2px solid #222;border-radius:34px;height:740px;width:360px}.device-galaxy-s8 .device-stripe:after,.device-galaxy-s8 .device-stripe:before{border:solid rgba(51,51,51,.15);border-width:5px 0;content:"";height:828px;position:absolute;top:0;width:6px;z-index:9}.device-galaxy-s8 .device-stripe:after{left:48px}.device-galaxy-s8 .device-stripe:before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;height:6px;left:50%;margin-left:-24px;margin-top:-3px;position:absolute;top:32px;width:48px}.device-galaxy-s8 .device-sensors:after,.device-galaxy-s8 .device-sensors:before{background:#666;border-radius:50%;content:"";position:absolute;top:50%}.device-galaxy-s8 .device-sensors:after{box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333;height:8px;margin-top:-4px;right:-90px;width:8px}.device-galaxy-s8 .device-sensors:before{box-shadow:186px 0 #666;height:12px;left:-90px;margin-top:-6px;width:12px}.device-galaxy-s8 .device-btns{height:116px;left:-3px;top:144px}.device-galaxy-s8 .device-btns,.device-galaxy-s8 .device-btns:after{background:#9c9c9c;border-radius:3px 0 0 3px;position:absolute;width:3px}.device-galaxy-s8 .device-btns:after{content:"";height:54px;left:0;top:164px}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;height:54px;position:absolute;right:-3px;top:260px;width:3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe:after,.device-galaxy-s8.device-blue .device-stripe:before{border-color:hsla(0,0%,100%,.35)}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns:after,.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-ipad-pro{height:804px;width:560px}.device-ipad-pro .device-frame{background:#fff;border-radius:38px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4;height:804px;padding:62px 25px;width:560px}.device-ipad-pro .device-content{border:2px solid #222;border-radius:2px;height:680px;width:510px}.device-ipad-pro .device-header{border:2px solid #c8cacb;border-radius:50%;bottom:17px;height:34px;left:50%;margin-left:-17px;position:absolute;width:34px}.device-ipad-pro .device-sensors{background:#666;border-radius:50%;height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:34px;width:10px}.device-ipad-pro.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 6px #f7e8dd}.device-ipad-pro.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a,inset 0 0 0 6px #facfc9}.device-ipad-pro.device-rosegold .device-header{border-color:#f6a69a}.device-ipad-pro.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #818187,inset 0 0 0 6px #9b9ba0}.device-ipad-pro.device-spacegray .device-header{border-color:#818187}.device-surface-pro{height:394px;width:561px}.device-surface-pro .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #c8c8c8;height:394px;margin:0 auto;padding:26px 24px;width:561px}.device-surface-pro .device-content{border:2px solid #121212;border-radius:2px;height:342px;width:513px}.device-surface-pro .device-btns:after,.device-surface-pro .device-btns:before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-pro .device-btns:after{left:48px;width:26px}.device-surface-pro .device-btns:before{left:94px;width:48px}.device-surface-pro .device-sensors{background:#333;border-radius:50%;height:6px;left:50%;margin-left:-3px;margin-top:-3px;position:absolute;top:14px;width:6px}.device-surface-book{height:424px;width:728px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;box-shadow:inset 0 0 0 2px #c8c8c8;height:408px;margin:0 auto;padding:24px 22px;position:relative;width:584px}.device-surface-book .device-content{border:2px solid #121212;border-radius:2px;height:360px;width:540px}.device-surface-book .device-btns:after,.device-surface-book .device-btns:before{background:#c8c8c8;content:"";height:2px;position:absolute;top:-2px}.device-surface-book .device-btns:after{left:122px;width:20px}.device-surface-book .device-btns:before{left:168px;width:44px}.device-surface-book .device-power{background:linear-gradient(180deg,#eee,#c8c8c8);border:solid #c8c8c8;border-radius:2px;border-width:0 2px;height:12px;margin-top:4px;position:relative;width:728px}.device-surface-book .device-power:after,.device-surface-book .device-power:before{content:"";position:absolute}.device-surface-book .device-power:after{background:radial-gradient(circle at center,#eee 0,#eee 95%,#a2a1a1 100%);border-radius:0 0 6px 6px;height:8px;left:50%;margin-left:-125px;top:0;width:250px;z-index:1}.device-surface-book .device-power:before{background:linear-gradient(180deg,#eee,#c8c8c8);border-radius:2px 2px 0 0;bottom:12px;height:8px;left:50%;margin-left:-292px;width:584px}.device-macbook-pro{height:444px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook-pro .device-frame:after{background:#272626;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro .device-frame:before{bottom:10px;color:#c8cacb;content:"MacBook Pro";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro .device-content{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power:after,.device-macbook-pro .device-power:before{content:"";position:absolute}.device-macbook-pro .device-power:after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro.device-spacegray .device-power:after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-macbook{height:432px;width:740px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px 19px;position:relative;width:614px}.device-macbook .device-frame:after{background:#272626;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook .device-frame:before{bottom:10px;color:#c8cacb;content:"MacBook";font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook .device-content{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:0 4px;height:4px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook .device-power:after,.device-macbook .device-power:before{content:"";position:absolute}.device-macbook .device-power:after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);border:solid #adb0b3;border-width:0 2px;height:4px;left:50%;margin-left:-60px;width:120px}.device-macbook .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:10px;left:-4px;margin:0 auto;top:4px;width:740px}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power:after{background:radial-gradient(circle at center,#f7e8dd 0,#f7e8dd 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power:before{background:#edccb4;box-shadow:inset 0 -2px 6px 0 #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power:after{background:radial-gradient(circle at center,#facfc9 0,#facfc9 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power:before{background:#f6a69a;box-shadow:inset 0 -2px 6px 0 #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power:after{background:radial-gradient(circle at center,#909496 0,#909496 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.device-surface-studio{height:506px;width:640px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;box-shadow:inset 0 0 0 2px #000;height:440px;padding:20px;width:640px}.device-surface-studio .device-content{border:2px solid #121212;border-radius:2px;height:400px;width:600px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;bottom:0;height:4px;left:50%;margin-left:-117px;position:absolute;width:234px}.device-surface-studio .device-stripe:after,.device-surface-studio .device-stripe:before{content:"";left:50%;position:absolute;top:-75px}.device-surface-studio .device-stripe:after{border:6px solid #d5d6d8;border-radius:0 0 18px 18px;border-top:0;box-shadow:inset 0 0 0 4px #c8cacb;height:60px;margin-left:-140px;width:280px;z-index:-1}.device-surface-studio .device-stripe:before{border:15px solid #e2e3e4;border-radius:0 0 4px 4px;border-top:0;height:70px;margin-left:-150px;width:300px;z-index:-2}.device-surface-studio .device-power{background:#eff0f0;border:solid #e2e3e4;border-radius:0 0 2px 2px;border-width:0 4px 2px 4px;height:32px;margin:30px auto 0 auto;position:relative;width:250px}.device-surface-studio .device-power:after{background:#adb0b3;content:"";height:2px;left:-4px;position:absolute;top:4px;width:250px}.device-imac-pro{height:484px;width:624px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;box-shadow:inset 0 0 0 2px #080808;height:428px;padding:24px 24px 80px 24px;position:relative;width:624px}.device-imac-pro .device-frame:after{background:#2f2e33;border-radius:0 0 18px 18px;bottom:2px;content:"";height:54px;left:2px;position:absolute;width:620px}.device-imac-pro .device-frame:before{bottom:15px;color:#0d0d0d;content:"";font-size:24px;height:24px;left:50%;line-height:24px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:9}.device-imac-pro .device-content{border:2px solid #121212;border-radius:2px;height:324px;width:576px}.device-imac-pro .device-power:after,.device-imac-pro .device-power:before{content:""}.device-imac-pro .device-power:after{background:#222225;border-radius:2px;height:6px;margin:0 auto;position:relative;width:180px}.device-imac-pro .device-power:before{border:solid transparent;border-bottom-color:#333;border-width:0 8px 50px 8px;height:50px;margin:0 auto;position:relative;width:130px}.device-apple-watch{height:234px;width:200px}.device-apple-watch .device-frame{background:#0d0d0d;border-radius:40px;box-shadow:inset 0 0 2px 2px #adb0b3,inset 0 0 0 6px #e2e3e4,inset 0 0 0 8px #e2e3e4;height:234px;padding:32px;position:relative;width:200px}.device-apple-watch .device-frame:after{border-radius:30px;box-shadow:inset 0 0 25px 0 hsla(0,0%,100%,.75);content:"";height:216px;left:9px;position:absolute;top:9px;width:182px}.device-apple-watch .device-content{border:2px solid #121212;border-radius:2px;height:170px;width:136px}.device-apple-watch .device-btns{background:#e2e3e4;border-left:2px solid #adb0b3;border-radius:8px 4px 4px 8px/20px 4px 4px 20px;box-shadow:inset 0 0 2px 2px #adb0b3;height:44px;position:absolute;right:-10px;top:52px;width:16px;z-index:9}.device-apple-watch .device-btns:after{background:#e2e3e4;border-radius:4px 2px 2px 4px/10px 2px 2px 10px;box-shadow:inset 0 0 1px 2px #adb0b3;content:"";height:66px;position:absolute;right:6px;top:68px;width:8px}.device-apple-watch .device-btns:before{background:#adb0b3;box-shadow:0 -16px #adb0b3,0 -12px #adb0b3,0 -8px #adb0b3,0 -4px #adb0b3,0 4px #adb0b3,0 8px #adb0b3,0 12px #adb0b3,0 16px #adb0b3;content:"";height:2px;margin-top:-1px;position:absolute;right:0;top:50%;width:6px}