.welcome-tour{position:fixed;inset:0;z-index:10000}.welcome-tour-blocker{position:absolute;inset:0}.welcome-tour-spotlight{position:fixed;border-radius:1rem;box-shadow:0 0 2.5rem 200vmax rgba(0,0,0,.72);pointer-events:none}.welcome-tour-spotlight.is-moving{transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1)}.welcome-pin{position:fixed;width:28rem;max-width:calc(100vw - 2rem);padding:1.75rem 1.75rem 1.25rem;border-radius:1rem;background:#fff;color:#111;box-shadow:0 30px 80px rgba(0,0,0,.5)}.welcome-pin.wide{width:32rem}.welcome-pin .welcome-pin-arrow{position:absolute;width:1rem;height:1rem;border-radius:.1875rem;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.welcome-pin .welcome-pin-arrow.below{top:0}.welcome-pin .welcome-pin-arrow.above{top:100%}.welcome-pin .welcome-pin-arrow.right{left:0}.welcome-pin .welcome-pin-arrow.left{left:100%}.welcome-pin .welcome-pin-arrow.on-hero,.welcome-pin.has-hero .welcome-pin-arrow.below{background:#f4f4f5}.welcome-pin.has-hero{padding-top:0}.welcome-pin .welcome-pin-close{position:absolute;z-index:2;top:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:hsla(0,0%,100%,.8);font-size:.5625rem;color:#111;cursor:pointer;transition:background-color .15s ease-in}.welcome-pin .welcome-pin-close:hover{background:#fff}.welcome-pin .welcome-pin-count{display:block;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.4)}.welcome-pin .welcome-pin-count .welcome-pin-new{display:inline-flex;align-items:center;height:1.25rem;margin-right:.5rem;padding:0 .5rem;border-radius:2rem;background:#111;font-size:.6875rem;letter-spacing:.06em;color:#fff}.welcome-pin h4{margin:.625rem 2rem 0 0;font-family:var(--font-instrument-serif),serif;font-size:1.75rem;font-weight:400;line-height:2.125rem;letter-spacing:.02rem;color:#111;text-wrap:balance}.welcome-pin>p{margin:.75rem 0 0;font-size:1rem;font-weight:400;line-height:1.625rem;letter-spacing:0;color:rgba(0,0,0,.7);text-wrap:pretty}.welcome-pin .welcome-pin-steps{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(0,0,0,.08);list-style:none}.welcome-pin .welcome-pin-steps li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;font-weight:400;line-height:1.5rem;color:#111}.welcome-pin .welcome-pin-steps span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.375rem;height:1.375rem;border-radius:50%;background:#f4f4f5;font-size:.6875rem;font-weight:600;color:#111}.welcome-pin .welcome-pin-labels{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.welcome-pin .welcome-type-tag{display:inline-flex;align-items:center;height:1.875rem;padding:0 .875rem;border-radius:2rem;border:1px solid rgba(0,0,0,.14);background:#fff;font-size:.8125rem;font-weight:500;color:#111}.welcome-pin .welcome-pin-note{display:flex;align-items:center;gap:.875rem;margin-top:1.25rem;padding:.875rem 1rem;border-radius:.75rem;background:#f4f4f5}.welcome-pin .welcome-pin-note>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:#111;font-size:.875rem;color:#fff}.welcome-pin .welcome-pin-note p{margin:0;font-size:.9375rem;font-weight:400;line-height:1.375rem;letter-spacing:0;color:rgba(0,0,0,.7);text-wrap:pretty}.welcome-pin .welcome-pin-note strong{font-weight:600;color:#111}.welcome-pin .welcome-pin-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.welcome-pin .welcome-pin-skip{font-size:.875rem;font-weight:500;color:rgba(0,0,0,.4);cursor:pointer;transition:color .15s ease-in}.welcome-pin .welcome-pin-skip:hover{color:#111}.welcome-pin .cta.primary{padding:0 1.5rem;background-color:#111;color:#fff}.welcome-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;height:2.5rem;padding:0 1.375rem;border-radius:2rem;font-size:1rem;font-weight:500;letter-spacing:.01rem;color:#fff;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.18)}.welcome-tag.web{background:#ff4a4a}.welcome-tag.shot{background:#2d5fff}.welcome-tag.video{background:var(--likeColor)}.welcome-tag.social{background:#8138d8}.welcome-tag.learn{background:#009649}.welcome-tag.resource{background:#e06c00}.welcome-fan,.welcome-stickers,.welcome-team{position:relative;height:13rem;margin:0 -1.75rem 1.5rem;overflow:hidden;border-radius:1rem 1rem 0 0;background:linear-gradient(180deg,#F4F4F5,#ECECEE);border-bottom:1px solid rgba(0,0,0,.06)}.welcome-stickers{display:flex;align-items:center;justify-content:center}.welcome-stickers .welcome-sticker{position:relative;z-index:1}.welcome-stickers .welcome-sticker img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25));user-select:none;animation:welcome-sticker-drift 5s ease-in-out 1.6s infinite}.welcome-stickers .welcome-sticker.nominated{width:7rem;margin-right:-.5rem}.welcome-stickers .welcome-sticker.picked{width:8.5rem;margin-left:-.5rem}.welcome-stickers .welcome-sticker.picked img{animation-delay:2.6s}.welcome-stickers .welcome-stickers-trail{position:relative;z-index:0;width:6rem;margin-top:-3rem;color:rgba(0,0,0,.3)}.welcome-stickers .welcome-stickers-glow{position:absolute;top:50%;left:50%;width:18rem;height:18rem;margin:-9rem 0 0 -1rem;border-radius:50%;background:radial-gradient(circle,rgba(255,180,67,.45) 0,rgba(255,146,9,.12) 40%,transparent 70%);pointer-events:none}.welcome-team{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-team .welcome-team-project{width:14rem;height:9rem;overflow:hidden;border-radius:.625rem;box-shadow:0 16px 36px rgba(0,0,0,.22)}.welcome-team .welcome-team-project img{width:100%;height:100%;object-fit:cover}.welcome-team .welcome-team-byline{display:flex;align-items:center;gap:.75rem;margin-top:-1.5rem;padding:.5rem .5rem .5rem .625rem;border-radius:2rem;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16)}.welcome-team .welcome-team-avatars{display:flex;flex-shrink:0}.welcome-team .welcome-team-avatars .avatar .monogram,.welcome-team .welcome-team-avatars .avatar img{border-radius:50%!important;outline:none}.welcome-team .welcome-team-avatars>*{position:relative;z-index:auto}.welcome-team .welcome-team-avatars .avatar .badge{z-index:1}.welcome-team .welcome-team-avatars>:not(:first-child){margin-left:-6px}.welcome-team .welcome-team-avatars>:not(:first-child) .avatar .monogram,.welcome-team .welcome-team-avatars>:not(:first-child) .avatar img,.welcome-team .welcome-team-avatars>:not(:first-child).avatar-count{-webkit-mask-image:radial-gradient(circle calc(2rem / 2 + 2px) at calc(6px - 2rem / 2) 50%,transparent 99%,#000 100%);mask-image:radial-gradient(circle calc(2rem / 2 + 2px) at calc(6px - 2rem / 2) 50%,transparent 99%,#000 100%)}.welcome-team .welcome-team-avatars>:not(:first-child) .avatar.has-badge .monogram,.welcome-team .welcome-team-avatars>:not(:first-child) .avatar.has-badge img{-webkit-mask-image:radial-gradient(circle calc(2rem / 2 + 2px) at calc(6px - 2rem / 2) 50%,transparent 99%,#000 100%),linear-gradient(#000 0 0),radial-gradient(circle var(--cut-r) at calc(50% - var(--cut-reach)) 100%,#000 calc(100% - .5px),transparent 100%),radial-gradient(circle var(--cut-r) at calc(50% + var(--cut-reach)) 100%,#000 calc(100% - .5px),transparent 100%),linear-gradient(#000 0 0);mask-image:radial-gradient(circle calc(2rem / 2 + 2px) at calc(6px - 2rem / 2) 50%,transparent 99%,#000 100%),linear-gradient(#000 0 0),radial-gradient(circle var(--cut-r) at calc(50% - var(--cut-reach)) 100%,#000 calc(100% - .5px),transparent 100%),radial-gradient(circle var(--cut-r) at calc(50% + var(--cut-reach)) 100%,#000 calc(100% - .5px),transparent 100%),linear-gradient(#000 0 0);-webkit-mask-size:100% 100%,100% 100%,100% 100%,100% 100%,calc(var(--cut-reach)*2) var(--cut-h);mask-size:100% 100%,100% 100%,100% 100%,100% 100%,calc(var(--cut-reach)*2) var(--cut-h);-webkit-mask-position:0 0,0 0,0 0,0 0,left 50% bottom calc(var(--cut-h)/-2);mask-position:0 0,0 0,0 0,0 0,left 50% bottom calc(var(--cut-h)/-2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in,source-out,source-over,source-over;mask-composite:intersect,subtract,add,add}.welcome-team .welcome-team-names{font-size:.875rem;font-weight:500;color:#111;white-space:nowrap}.welcome-team .welcome-team-invite{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .875rem;border-radius:2rem;background:#111;font-size:.8125rem;font-weight:600;color:#fff}.welcome-team .welcome-team-invite i{font-size:.625rem}@keyframes welcome-sticker-drift{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-1.5deg)}}.welcome-fan .welcome-fan-card,.welcome-fan .welcome-tag{zoom:.84}.welcome-fan .welcome-fan-card{position:absolute;top:2.25rem;left:50%;width:8.25rem;height:14rem;overflow:hidden;border-radius:.625rem;background:#ddd;box-shadow:0 16px 36px rgba(0,0,0,.22)}.welcome-fan .welcome-fan-card img{width:100%;height:100%;object-fit:cover}.welcome-fan .welcome-fan-card.c0{margin-left:-14.25rem;top:3.75rem}.welcome-fan .welcome-fan-card.c1{margin-left:-10.25rem;top:2.75rem;z-index:0}.welcome-fan .welcome-fan-card.c2{margin-left:-7rem;top:1.75rem;width:14rem;height:14rem;z-index:1}.welcome-fan .welcome-fan-card.c3{margin-left:2rem;top:2.75rem;z-index:0}.welcome-fan .welcome-fan-card.c4{margin-left:6rem;top:3.75rem}.welcome-fan .welcome-tag{z-index:2}.welcome-fan .welcome-tag.t0{left:3.5rem;top:7.25rem;rotate:-12deg}.welcome-fan .welcome-tag.t1{left:8rem;top:2.5rem;rotate:-6deg}.welcome-fan .welcome-tag.t2{left:8.5rem;top:11rem;rotate:-9deg}.welcome-fan .welcome-tag.t3{right:7.5rem;top:2.25rem;rotate:7deg}.welcome-fan .welcome-tag.t4{right:3.25rem;top:7rem;rotate:11deg}.welcome-fan .welcome-tag.t5{right:8.25rem;top:10.75rem;rotate:8deg}@media screen and (max-height:820px){.welcome-fan,.welcome-stickers,.welcome-team{height:10rem;margin:0 -1.5rem 1.125rem}.welcome-fan .welcome-fan-card,.welcome-fan .welcome-tag{zoom:.66}.welcome-stickers .welcome-sticker.nominated{width:5.75rem}.welcome-stickers .welcome-sticker.picked{width:7rem}.welcome-stickers .welcome-stickers-trail{width:4rem;margin-top:-2rem}.welcome-team .welcome-team-project{width:11.5rem;height:6.75rem}.welcome-pin{padding:1.25rem 1.5rem 1.125rem}.welcome-pin h4{font-size:1.5rem;line-height:1.875rem}.welcome-pin>p{font-size:.9375rem;line-height:1.5rem}.welcome-pin .welcome-pin-steps li{font-size:.875rem;line-height:1.375rem}.welcome-pin .welcome-pin-footer{margin-top:1.125rem}}@media(prefers-reduced-motion:reduce){.welcome-tour-spotlight.is-moving{transition:none}}section#feed .welcome-demo{margin-bottom:2.5rem}section#feed .welcome-demo li:after{content:"Example";position:absolute;top:.75rem;right:.75rem;z-index:3;display:flex;align-items:center;height:1.5rem;padding:0 .625rem;border-radius:2rem;background:rgba(0,0,0,.65);font-size:.75rem;font-weight:500;color:#fff;pointer-events:none}