.invitation-container{height:100%;width:100%}.normal-nav{align-items:center;background:#fff;box-shadow:0 2px 4px 0 rgba(204,206,228,.5);box-sizing:border-box;display:flex;flex-shrink:0;height:2.75rem;justify-content:space-between;padding:.625rem .75rem;width:100%}.back-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.normal-nav-title{color:#121410;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:-.3px;line-height:normal;text-align:center;text-transform:capitalize}.invitation-content{overflow-y:auto;width:100%}.content-top{background-image:url(/static/media/bg1.5f5e0e943cb9eca942af.webp);box-sizing:border-box;top:0}.content-mid,.content-top{background-repeat:no-repeat;background-size:cover;height:23rem;left:0;position:absolute;width:100%}.content-mid{background-image:url(/static/media/bg2.d8ca5ba89c40cfcda803.webp);top:23rem}.content-bottom{background-image:url(/static/media/bg3.024af8e617a74866bf92.webp);background-repeat:no-repeat;background-size:cover;height:16.4375rem;left:0;position:absolute;top:46rem;width:100%}.real-content-top{padding-top:20.625rem}.code-wrap,.real-content-top{box-sizing:border-box;position:relative;width:100%}.code-wrap{padding:0 .875rem}.invitation-rule{align-items:center;background:linear-gradient(180deg,#006fff,#00a6b1);border-radius:.5rem;box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.3);box-sizing:border-box;display:flex;gap:.25rem;height:2.5rem;justify-content:center;padding:.5rem .75rem;position:absolute;right:.875rem;top:-3.25rem;width:4.875rem}.invitation-rule-text{color:#fff;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.code-bg{background-image:url(/static/media/code-bg.523440091586abbc5086.webp);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:6.0625rem;padding:2.25rem 1.4375rem 0 2.375rem;width:100%}.code-action-wrap{align-items:center;display:flex;flex-direction:row;height:3rem;justify-content:space-between;width:100%}.code-text{color:#fff;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;letter-spacing:.125rem;line-height:normal;margin-left:-.95rem;text-align:center;width:9.85rem}.code-actions{align-items:center;display:flex;flex-direction:row;gap:.25rem;justify-content:end}.copy-action{background-image:url(/static/media/copy-btn.b5b5a2d511a3fc50eca1.webp);width:5rem}.copy-action,.refresh-action{background-repeat:no-repeat;background-size:cover;height:2.25rem}.refresh-action{background-image:url(/static/media/refresh-btn.fec86d512b524d08cdee.webp);width:2.25rem}.invitation-tabs{align-items:center;background:linear-gradient(180deg,#2fe5c9,#257995);box-sizing:border-box;display:flex;gap:.25rem;margin-top:.75rem;padding:.5rem .5rem 0;width:100%}.invitation-tab-active{background:linear-gradient(180deg,#ffbf00,#b14d00);box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.3);color:#fff}.invitation-tab-active,.invitation-tab-default{align-items:center;border-radius:.5rem .5rem 0 0;box-sizing:border-box;display:flex;flex:1 0;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;gap:.625rem;height:2.75rem;justify-content:center;letter-spacing:-.3px;line-height:normal;padding:.5rem .75rem;text-align:center;text-transform:capitalize}.invitation-tab-default{background:linear-gradient(180deg,#008a95,#00a9a6);color:#eee}.invitation-tab1-content{background:linear-gradient(180deg,transparent 2%,#20b7d3 25%,#20b7d3);display:flex;flex-direction:column;gap:.75rem;padding:1rem 0 3rem}.tab1-top{background-image:url(/static/media/1.62a8f63c2a8cc0afe734.webp);height:34.875rem}.tab1-top,.tab2-top{background-repeat:no-repeat;background-size:cover;width:100%}.tab2-top{background-image:url(/static/media/2.8967c1cc12b88b7197ff.webp);height:45.5rem}.tab3-top{background-image:url(/static/media/3.a86078001895cb8280e8.webp);height:46.25rem;width:100%}.tab3-top,.tab4-top{background-repeat:no-repeat;background-size:cover}.tab4-top{background-image:url(/static/media/4.96b2e681c1d3e63152d3.webp);height:2.8125rem;margin:0 .875rem;width:calc(100% - 1.75rem)}.invitation-tab1-content .tc-top{color:var(--T1);display:flex;font-size:.875rem;font-weight:500;letter-spacing:-.3px;line-height:normal;padding:0 .875rem;word-break:break-word}