.invite-hero{position:relative;overflow:hidden;background:#1a1e23;padding:1.5rem 1.25rem 0;border-radius:1rem 1rem 0 0}.invite-preview{display:flex;gap:.375rem;border-radius:.625rem;overflow:hidden;background:#12161b;border:.0625rem solid hsla(0,0%,100%,.06);min-height:12.5rem}.invite-preview-sidebar{display:flex;flex-direction:column;width:5rem;flex-shrink:0;padding:.625rem .5rem;gap:.5rem;background:#151a1f;border-right:.0625rem solid hsla(0,0%,100%,.06)}.invite-preview-logo{width:3rem;height:.875rem;border-radius:.1875rem;background:linear-gradient(90deg,#c4c4c4 40%,transparent 0)}.invite-preview-divider{height:.0625rem;background:hsla(0,0%,100%,.06)}.invite-preview-sidebody{display:flex;flex-direction:column;gap:.375rem;flex:1}.invite-preview-nav{height:1.75rem;border-radius:.375rem;background:hsla(0,0%,100%,.04)}.invite-preview-nav-active{background:rgba(58,183,134,.15);border:.0625rem solid rgba(58,183,134,.3)}.invite-preview-menu{display:flex;flex-direction:column;gap:.25rem}.invite-preview-menu-item{height:.625rem;border-radius:.1875rem;background:hsla(0,0%,100%,.06);width:80%}.invite-preview-menu-item:nth-child(2){width:65%}.invite-preview-menu-item:nth-child(3){width:72%}.invite-preview-menu-item:nth-child(4){width:55%}.invite-preview-card{height:1.5rem;border-radius:.375rem;background:hsla(0,0%,100%,.04);margin-top:auto}.invite-preview-main{flex:1;display:flex;flex-direction:column;gap:.375rem;padding:.625rem .625rem .625rem 0}.invite-preview-strip{display:flex;align-items:center;gap:.5rem;height:1.375rem}.invite-preview-pair{width:3.75rem;height:.875rem;border-radius:.25rem;background:hsla(0,0%,100%,.12)}.invite-preview-strip-item{width:2rem;height:.5rem;border-radius:.1875rem;background:hsla(0,0%,100%,.06)}.invite-preview-strip-item.accent{background:rgba(58,183,134,.5)}.invite-preview-toolbar{height:.75rem;border-radius:.1875rem;background:hsla(0,0%,100%,.04);width:50%}.invite-preview-workspace{flex:1;display:flex;gap:.375rem;min-height:5.625rem}.invite-preview-tools{display:flex;flex-direction:column;gap:.1875rem;width:1.125rem;flex-shrink:0}.invite-preview-tool{width:1.125rem;height:1.125rem;border-radius:.1875rem;background:hsla(0,0%,100%,.05)}.invite-preview-chart{flex:1;border-radius:.25rem;background:hsla(0,0%,100%,.03);position:relative;overflow:hidden}.invite-preview-chart:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:60%;display:flex;background:repeating-linear-gradient(90deg,rgba(58,183,134,.5),rgba(58,183,134,.5) .375rem,transparent 0,transparent .5rem,rgba(239,83,80,.5) 0,rgba(239,83,80,.5) .875rem,transparent 0,transparent 1rem);border-radius:.125rem .125rem 0 0}.invite-preview-rail{display:flex;flex-direction:column;gap:.375rem;width:3.75rem;flex-shrink:0}.invite-preview-mode{height:1.25rem;border-radius:.25rem;background:hsla(0,0%,100%,.06)}.invite-preview-summary{flex:1;border-radius:.25rem;background:hsla(0,0%,100%,.04);position:relative}.invite-preview-summary span{display:block;position:absolute;top:.375rem;left:.375rem;right:.375rem;height:.5rem;border-radius:.125rem;background:hsla(0,0%,100%,.06)}.invite-preview-summary-card{height:1.5rem;border-radius:.25rem;background:hsla(0,0%,100%,.04)}.invite-preview-bottom{height:.875rem;border-radius:.25rem;background:hsla(0,0%,100%,.04)}