.header .project-name{font-size:16px;line-height:24px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:640px){.header .project-name{font-size:20px;line-height:28px}}@media (max-width:640px){.header .btn-sign-in{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.header .btn-sign-up{display:none}}@media (max-width:400px){.header .project-name{width:180px}}:root{--shadows-sm-strong:0px 1px 3px 0px rgba(16,24,40,.1),0px 1px 2px -1px rgba(0,0,0,.1)}.preview{background-color:#96a3b7;border-radius:8px;box-shadow:var(--shadows-sm-strong);height:340px;overflow:hidden;position:relative;max-width:520px}.preview .frame{background-color:#e3e8f0;height:304px;left:0;position:absolute;top:36px;width:100%}.preview .http-subdomain-wrapper{position:relative;background-color:#fff;border-radius:32px;height:32px;overflow:hidden;margin-bottom:10px}.preview .http-subdomain{color:#67748a;font-family:Inter-Medium,Helvetica;font-size:14px;font-weight:500;left:11px;letter-spacing:0;line-height:28px;position:absolute;top:1px;white-space:nowrap}.preview .div{align-items:flex-end;display:inline-flex;gap:16px;left:16px;position:absolute;top:58px}.preview .productname{color:#67748a;font-family:Inter-SemiBold,Helvetica;font-size:16px;font-weight:600;letter-spacing:0;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content}.preview .rectangle-wrapper{height:28px;position:relative;width:95px}.preview .rectangle{background-color:#f8fafc;border-radius:4px;height:8px;position:relative;top:10px}.preview .frame-2{background-color:#ccd5e1;border-radius:4px;height:188px;overflow:hidden;padding:12px}.preview .chevron-up-wrapper{position:relative;background-color:#f8fafc;border-radius:4px;height:50px;overflow:hidden;width:100%;margin-bottom:7px}.preview .chevron-up{height:24px!important;left:9px!important;position:absolute!important;top:13px!important;width:24px!important}.preview .img{height:140px;left:376px;position:absolute;top:96px;width:128px}.preview .overlap-group{background-color:#f2f5f9;border-radius:6px 6px 0 0;height:27px;left:20px;position:absolute;top:9px;width:147px}.preview .overlap-group .rectangle-2{background-color:#e3e8f0;border-radius:4px;height:8px;left:8px;position:relative;top:10px;width:95px}.mini-frame{position:relative;padding:12px;background-color:#ccd5e1;border-radius:4px;height:140px;overflow:hidden}.mini-frame .mini-frame-title{margin-bottom:5px}.mini-frame .mini-frame-footer,.mini-frame .mini-frame-title{background-color:#f8fafc;border-radius:2px;height:10px;width:43px}.mini-frame .mini-frame-name{background-color:#f8fafc;border-radius:2px;height:10px;margin-bottom:5px}.mini-frame .mini-frame-description{background-color:#f8fafc;border-radius:2px;height:74px;margin-bottom:5px}