.bf-group-participants{width:100%;max-width:64rem;padding:3rem 2rem}.bf-group-participants--two-columns{max-width:100%;margin:0}.bf-group-participants__grid{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width:750px){.bf-group-participants__grid{grid-template-columns:1fr 1fr}}.bf-group-participants__media-column{width:100%;display:flex;align-items:stretch}.bf-group-participants__media{width:100%;overflow:hidden;position:relative;display:flex;align-items:stretch}.bf-group-participants__media img,.bf-group-participants__media video{width:100%;height:100%;display:block;object-fit:cover}.bf-group-participants__media--fit-cover img,.bf-group-participants__media--fit-cover video{object-fit:cover}.bf-group-participants__media--fit-contain img,.bf-group-participants__media--fit-contain video{object-fit:contain}.bf-group-participants__media--fit-fill img,.bf-group-participants__media--fit-fill video{object-fit:fill}.bf-group-participants__media--fit-none img,.bf-group-participants__media--fit-none video{object-fit:none}@media screen and (min-width:750px){.bf-group-participants__grid{align-items:stretch}.bf-group-participants__media-column{height:100%}.bf-group-participants__media{height:100%;min-height:400px}}.bf-group-participants__media iframe{width:100%;aspect-ratio:16/9;border:none}.bf-group-participants__content-column{width:100%}.bf-group-participants__header{text-align:center;margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.bf-group-participants__title{margin:0 0 1.25rem;letter-spacing:.02em;font-weight:600}.bf-group-participants__owner-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#fbbf2426,#fbbf241a);border:.1rem solid rgba(251,191,36,.3);box-shadow:0 .1rem .3rem #fbbf2426;position:relative;overflow:hidden}.bf-group-participants__owner-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.2),transparent);transition:left .5s ease}.bf-group-participants__item:hover .bf-group-participants__owner-badge:before{left:100%}.bf-group-participants__owner-icon{width:1rem;height:1rem;color:#fbbf24;flex-shrink:0;transition:transform .3s ease}.bf-group-participants__item:hover .bf-group-participants__owner-icon{transform:scale(1.15)}.bf-group-participants__owner-label{font-size:calc(var(--font-body-scale) * .6875rem);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#f59e0b;line-height:1}.bf-group-participants__code-wrapper{margin-top:2.5rem}.bf-group-participants__code-container{display:flex;justify-content:center;align-items:center}.bf-group-participants__code-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:32rem}.bf-group-participants__code-label{font-size:calc(var(--font-body-scale) * .875rem);text-transform:uppercase;letter-spacing:.1em;font-weight:500;opacity:.6;color:rgba(var(--color-foreground),.7)}.bf-group-participants__code-display{display:flex;align-items:center;gap:.875rem;width:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.08));border:.15rem solid rgba(var(--color-foreground),.12);padding:1.25rem 1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 .2rem 1rem rgba(var(--color-foreground),.06),inset 0 .1rem #ffffff14}.bf-group-participants__code-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.bf-group-participants__code-display:hover{border-color:rgba(var(--color-foreground),.22);box-shadow:0 .5rem 1.5rem rgba(var(--color-foreground),.12),inset 0 .1rem #ffffff1a;transform:translateY(-.15rem)}.bf-group-participants__code-display:focus-within{outline:.2rem solid rgba(var(--color-foreground),.3);outline-offset:.2rem}.bf-group-participants__code-display:hover:before{left:100%}.bf-group-participants__code{flex:1;margin:0;font-weight:700;letter-spacing:.15em;font-size:calc(var(--font-heading-scale) * 1.5rem);color:rgb(var(--color-foreground));text-align:center;font-family:var(--font-heading-family-secondary, var(--font-heading-family)),var(--font-heading-family-fallback);position:relative;z-index:1}.bf-group-participants__copy-button{position:relative;background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));border:.15rem solid rgba(var(--color-foreground),.15);padding:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:all .3s cubic-bezier(.4,0,.2,1);min-width:3.25rem;height:3.25rem;flex-shrink:0;overflow:hidden;z-index:2}.bf-group-participants__copy-button:focus{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.15rem}.bf-group-participants__copy-button:focus:not(:focus-visible){outline:none}.bf-group-participants__copy-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(var(--color-foreground),.1);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.bf-group-participants__copy-button:hover{background:linear-gradient(135deg,rgba(var(--color-foreground),.16),rgba(var(--color-foreground),.11));border-color:rgba(var(--color-foreground),.28);transform:scale(1.08);box-shadow:0 .3rem .8rem rgba(var(--color-foreground),.18)}.bf-group-participants__copy-button:hover:before{width:200%;height:200%}.bf-group-participants__copy-button:active{transform:scale(.95)}.bf-group-participants__copy-button-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.bf-group-participants__copy-icon,.bf-group-participants__check-icon{position:absolute;width:1.125rem;height:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.bf-group-participants__copy-icon{opacity:1;transform:scale(1) rotate(0)}.bf-group-participants__check-icon{opacity:0;transform:scale(0) rotate(-45deg);color:#22c55e}.bf-group-participants__copy-button.copied .bf-group-participants__copy-icon{opacity:0;transform:scale(0) rotate(45deg)}.bf-group-participants__copy-button.copied .bf-group-participants__check-icon{opacity:1;transform:scale(1) rotate(0);animation:checkmark-pop .4s cubic-bezier(.4,0,.2,1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.bf-group-participants__copy-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(.25rem);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.375rem .75rem;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10;box-shadow:0 .2rem .6rem #00000026}.bf-group-participants__copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.4rem solid transparent;border-top-color:rgb(var(--color-foreground))}.bf-group-participants__copy-button:hover .bf-group-participants__copy-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.bf-group-participants__list{margin-bottom:3.5rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.015),rgba(var(--color-foreground),.025));padding:1rem;border:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 .25rem 1rem rgba(var(--color-foreground),.04),inset 0 .1rem #ffffff0f}.bf-group-participants__item{display:flex;align-items:center;gap:1.5rem;padding:1.625rem 2rem;transition:all .35s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--color-foreground),.02);border:.1rem solid transparent;position:relative;overflow:hidden;cursor:default}.bf-group-participants__item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(180deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bf-group-participants__item:nth-child(2n){background-color:rgba(var(--color-foreground),.035)}.bf-group-participants__item:hover{background-color:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.12);transform:translate(.3rem);box-shadow:0 .3rem .8rem rgba(var(--color-foreground),.1)}.bf-group-participants__item:nth-child(2n):hover{background-color:rgba(var(--color-foreground),.08)}.bf-group-participants__item:hover:before{opacity:1;width:.5rem}@media(prefers-reduced-motion:reduce){.bf-group-participants__item{transition:background-color .2s ease,border-color .2s ease}.bf-group-participants__item:hover{transform:none}}.bf-group-participants__item:not(:last-child){margin-bottom:.875rem}.bf-group-participants__item--owner{border:.15rem solid #fbbf24;background-color:#fbbf240d;position:relative}.bf-group-participants__item--owner:before{content:"";position:absolute;top:-.15rem;left:-.15rem;right:-.15rem;bottom:-.15rem;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 200%;animation:shimmer 3s ease infinite;z-index:-1}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bf-group-participants__avatar--owner{position:relative;border:.2rem solid #fbbf24;box-shadow:0 0 0 .2rem #fbbf2433,0 .2rem .8rem #fbbf244d}.bf-group-participants__crown{position:absolute;top:-.75rem;right:-.5rem;width:1.5rem;height:1.5rem;color:#fbbf24;filter:drop-shadow(0 .1rem .2rem rgba(0,0,0,.2));z-index:1}.bf-group-participants__avatar{width:4.5rem;height:4.5rem;background-color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 .25rem 1rem rgba(var(--color-foreground),.18);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.bf-group-participants__item:hover .bf-group-participants__avatar{transform:scale(1.08);box-shadow:0 .4rem 1.25rem rgba(var(--color-foreground),.25)}.bf-group-participants__avatar-initials{color:rgb(var(--color-background));font-weight:600;font-size:calc(var(--font-body-scale) * 1.375rem);font-family:var(--font-body-family),var(--font-body-family-fallback);letter-spacing:.03em;line-height:1}.bf-group-participants__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.bf-group-participants__primary-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bf-group-participants__name{margin:0;line-height:1.3;font-weight:700;font-size:calc(var(--font-heading-scale) * 1.5rem);color:rgb(var(--color-foreground));flex:1;min-width:0;letter-spacing:-.01em}.bf-group-participants__status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.1));border:.1rem solid rgba(var(--color-foreground),.15);font-size:calc(var(--font-body-scale) * .75rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 .1rem .3rem rgba(var(--color-foreground),.08);white-space:nowrap}.bf-group-participants__status-indicator{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(135deg,#22c55e26,#22c55e1a);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bf-group-participants__item:hover .bf-group-participants__status-indicator{transform:scale(1.1);background:linear-gradient(135deg,#22c55e33,#22c55e26)}.bf-group-participants__checkmark{color:#22c55e;width:1.25rem;height:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.bf-group-participants__item:hover .bf-group-participants__checkmark{transform:scale(1.1)}.bf-group-participants__secondary-info{display:flex;flex-direction:column;gap:.25rem}.bf-group-participants__method{margin:0;opacity:.65;font-weight:500;font-size:calc(var(--font-body-scale) * .875rem);line-height:1.4}.bf-group-participants__join-date{margin:0;opacity:.55;font-size:calc(var(--font-body-scale) * .8125rem);font-weight:400;line-height:1.4}.bf-group-participants__progress{margin-bottom:3.5rem;padding:2.25rem 2.5rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.035));border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.04),inset 0 .1rem #ffffff0d}.bf-group-participants__progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;gap:1rem}.bf-group-participants__progress-label{font-weight:500;opacity:.75;letter-spacing:.02em}.bf-group-participants__progress-count{font-weight:700;line-height:1.2;letter-spacing:.01em}.bf-group-participants__progress-bar{width:100%;height:.75rem;background-color:rgba(var(--color-foreground),.14);overflow:hidden;position:relative;margin-bottom:1rem;box-shadow:inset 0 .15rem .3rem rgba(var(--color-foreground),.08)}.bf-group-participants__progress-fill{height:100%;background-color:rgb(var(--color-foreground));transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;display:block!important;min-height:.75rem}.bf-group-participants__progress-fill:empty{display:block!important}.bf-group-participants__progress-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.bf-group-participants__progress-percentage{font-weight:700;opacity:.95;letter-spacing:.02em}.bf-group-participants__progress-capacity{opacity:.7;font-weight:500}.bf-group-participants__footer{display:flex;gap:1.5rem;margin-top:3.5rem;flex-wrap:wrap}.bf-group-participants__join-button,.bf-group-participants__share-button{min-width:0;padding:1.625rem 2.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;font-size:calc(var(--font-body-scale) * 1rem);border:.15rem solid rgba(var(--color-button),var(--alpha-button-border));color:rgb(var(--color-button-text))}.bf-group-participants__join-button{flex:1.75;background-color:rgb(var(--color-button))}.bf-group-participants__share-button{flex:1;background-color:rgb(var(--color-button))}.bf-group-participants__join-button:focus,.bf-group-participants__share-button:focus{outline:.2rem solid rgba(var(--color-button),.5);outline-offset:.2rem}.bf-group-participants__join-button:focus:not(:focus-visible),.bf-group-participants__share-button:focus:not(:focus-visible){outline:none}.bf-group-participants__join-button:before,.bf-group-participants__share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.bf-group-participants__join-button:hover,.bf-group-participants__share-button:hover{transform:translateY(-.15rem);box-shadow:0 .5rem 1.5rem rgba(var(--color-button),.3);border-color:rgba(var(--color-button),calc(var(--alpha-button-border) * 1.2))}.bf-group-participants__join-button:hover,.bf-group-participants__share-button:hover{opacity:.95}.bf-group-participants__join-button:hover:before,.bf-group-participants__share-button:hover:before{left:100%}.bf-group-participants__join-button:active,.bf-group-participants__share-button:active{transform:translateY(-.05rem);box-shadow:0 .3rem 1rem rgba(var(--color-button),.25)}.bf-group-participants__join-button:active,.bf-group-participants__share-button:active{opacity:.9}.bf-group-participants__share-button svg{flex-shrink:0;width:1.5rem;height:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.bf-group-participants__share-button:hover svg{transform:translate(.3rem) scale(1.05)}.bf-group-participants__share-button:active svg{transform:translate(.15rem) scale(1)}.bf-group-participants__toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background-color:#111;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 .4rem 1.2rem #00000040;z-index:99999;opacity:0;transition:opacity .3s ease,transform .3s ease;font-size:.9rem;font-weight:500}.bf-group-participants__toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media screen and (max-width:749px){.bf-group-participants{padding:2rem 1.5rem}.bf-group-participants__grid{grid-template-columns:1fr;gap:2.5rem}.bf-group-participants__header{margin-bottom:2.75rem;padding-bottom:2rem}.bf-group-participants__owner-badge{padding:.3125rem .625rem;gap:.3125rem}.bf-group-participants__owner-icon{width:.875rem;height:.875rem}.bf-group-participants__owner-label{font-size:calc(var(--font-body-scale) * .625rem)}.bf-group-participants__code-display{padding:1.125rem 1.375rem;gap:.75rem}.bf-group-participants__copy-button{min-width:3rem;height:3rem;padding:.75rem}.bf-group-participants__list{padding:.75rem;margin-bottom:3rem}.bf-group-participants__item{padding:1.375rem 1.5rem;gap:1.25rem}.bf-group-participants__avatar{width:4rem;height:4rem}.bf-group-participants__avatar-initials{font-size:calc(var(--font-body-scale) * 1.25rem)}.bf-group-participants__name{font-size:calc(var(--font-heading-scale) * 1.25rem)}.bf-group-participants__status-indicator{width:1.875rem;height:1.875rem}.bf-group-participants__checkmark{width:1.125rem;height:1.125rem}.bf-group-participants__status-badge{font-size:calc(var(--font-body-scale) * .6875rem);padding:.3125rem .625rem}.bf-group-participants__progress{padding:1.75rem 2rem;margin-bottom:3rem}.bf-group-participants__progress-header{margin-bottom:1rem}.bf-group-participants__footer{flex-direction:column;gap:1.25rem;margin-top:2.75rem}.bf-group-participants__join-button,.bf-group-participants__share-button{width:100%;padding:1.75rem 2rem;font-size:calc(var(--font-body-scale) * .9375rem)}.bf-group-participants__share-button svg{width:1.375rem;height:1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/section-bf-group-participants.css.map */