.atsf-main{display:block;position:relative;width:100%;box-sizing:border-box;padding-right:30px}.atsf-screen{display:block;width:100%;text-align:center;margin-top:290px;margin-bottom:140px}.atsf-sign-in{display:inline-block;position:relative;padding:16px 56px 16px 36px;border-radius:4px;overflow:hidden;margin:30px 0 20px 0;color:#333;background-color:#fff;font-size:14px;text-decoration:none;box-shadow:0 1px 40px 0 rgba(0,0,0,0.1)}.atsf-sign-in strong{font-weight:700}.atsf-sign-in:hover{color:#333}.atsf-instagram .atsf-sign-in .stripe{display:block;position:absolute;right:0;top:0;width:5px;height:100%}.atsf-instagram .atsf-sign-in .stripe:nth-of-type(1){right:0;background-color:#0093be}.atsf-instagram .atsf-sign-in .stripe:nth-of-type(2){right:5px;background-color:#00d0c8}.atsf-instagram .atsf-sign-in .stripe:nth-of-type(3){right:10px;background-color:#fdd47b}.atsf-instagram .atsf-sign-in .stripe:nth-of-type(4){right:15px;background-color:#e93f97}.atsf-dribbble .atsf-sign-in .icon{display:block;position:absolute;right:0;top:0;height:100%;width:50px;background-image:url(../assets/ui.svg);background-size:500px;background-position:-140px -163px;background-repeat:no-repeat}
.atsf-popup{display:inline-block;position:relative;padding:12px 24px;border-radius:4px;background-color:#ec4060;color:#fff;overflow:hidden}.atsf-message{display:block;position:relative;color:#aaa;padding:12px 24px}.atsf-sign-in-wrap{display:block;position:relative}.atsf-sign-in-wrap::before{display:block;position:absolute;content:'';left:50%;top:-120px;margin-left:-50px;width:100px;height:100px;background-size:800px;background-repeat:no-repeat;opacity:.1}.atsf-instagram .atsf-sign-in-wrap::before{background-image:url(../assets/ui.svg);background-position:-50px -50px}.atsf-dribbble .atsf-sign-in-wrap::before{background-image:url(../assets/ui.svg);background-position:-250px -50px}.atsf-settings-screen{margin-top:120px;margin-bottom:90px}.atsf-avatar{display:inline-block;border-radius:100%;overflow:hidden;width:150px;height:150px;margin-bottom:15px}.atsf-avatar img{display:block;margin:0;width:100%}.atsf-name{font-size:20px;letter-spacing:-0.5px;font-weight:500;margin-bottom:6px}
.atsf-subtitle{color:#aaa}.atsf-help{display:block;max-width:400px;margin:20px auto 0 auto}.atsf-shortcode-preview[type="text"],.atsf-shortcode-preview[type="text"]:active,.atsf-shortcode-preview[type="text"]:focus{display:inline-block;width:220px;margin-top:20px;padding:6px;text-align:center;font-size:12px;font-family:monospace;box-shadow:none;border:0;outline:0;background-color:#ededed}.atsf-cache{margin-top:20px}.atsf-sample-media{display:block;width:100%;margin-top:40px}.atsf-sample-media em{display:block}.atsf-sample-feed{display:inline-block;margin-top:20px}.atsf-sample-feed li{display:block;position:relative;float:left;width:150px;height:150px;margin:0 10px;box-shadow:0 1px 30px 0 rgba(0,0,0,0.15)}.atsf-sample-feed a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}