@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.socialsContainer{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex;position:relative}.socialsContainer.isReadonly .socialAddWrapper{display:none}.socialsContainer .errorText{z-index:1;width:max-content;max-width:min(24rem,100vw - 2rem);margin:var(--spacing-2xs)0 0;color:var(--error);font-weight:300;font-size:var(--font-sm);text-align:center;white-space:normal;pointer-events:none;line-height:1.5;position:absolute;top:100%;left:50%;translate:-50%}.socialSwapBox,.socialSwapViewport,.socialSwapContent{min-width:0;max-width:100%}.socialPillBtn.readonly{cursor:pointer}@media (hover:hover) and (pointer:fine){.socialPillBtn.readonly:hover{filter:brightness(1.08)}}@media (hover:none),(pointer:coarse){.socialPillBtn.readonly:active:not(:disabled):not(.disabled){filter:brightness(1.08)}}.socialPopoverActions{background:color-mix(in srgb,var(--background)70%,transparent);backdrop-filter:blur(12px);border-radius:2em;align-items:center;gap:.25rem;padding:.25rem;display:flex}.socialPopoverActions:after{--glass-effect-blur:var(--glass-blur,0em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.socialPopoverActions:before{--glass-effect-light-color:var(--glass-light-color,var(--text));--glass-effect-light-power:var(--glass-light-power,.3);--glass-effect-light-rotation:var(--glass-light-rotation,-60deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.socialPopoverActions .content-wrapper,.socialPopoverActions .contentWrapper,.socialPopoverActions .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.socialPopoverActions:disabled,.socialPopoverActions[disabled],.socialPopoverActions[aria-disabled=true]{--glass-light-power:.3}.socialPopoverActions:disabled .content-wrapper,.socialPopoverActions:disabled .contentWrapper,.socialPopoverActions[disabled] .content-wrapper,.socialPopoverActions[disabled] .contentWrapper,.socialPopoverActions[aria-disabled=true] .content-wrapper,.socialPopoverActions[aria-disabled=true] .contentWrapper{opacity:.4}.socialPillWrapper{--social-pill-size:2.3em;min-width:var(--social-pill-size);transform-origin:0;flex:0 auto;justify-content:flex-start;align-items:center;max-width:min(18rem,100%);display:inline-flex;position:relative}.socialPillWrapper.isEditing{max-width:min(22rem,100%)}.socialPillWrapper.isReadonly .socialPillBtn{cursor:pointer}.socialPillWrapper.isTouch .pillLabelWrapper{pointer-events:none}.socialPillWrapper .socialPillBtn{--surfaceSize:var(--social-pill-size);min-width:var(--surfaceSize);max-width:100%;padding:.3rem;gap:0!important}.socialPillWrapper .socialPillBtn>.btnLabel{min-width:0;overflow:hidden}.socialPillWrapper .socialPillBtn.readonly .btnLabel{cursor:pointer}.socialPillWrapper .socialPillBtn .pillLabelWrapper{white-space:nowrap;will-change:width,opacity;flex:0 auto;align-items:center;min-width:0;max-width:min(14rem,100%);display:inline-flex;overflow:hidden}.socialPillWrapper .socialPillBtn .pillLabelWrapper .btnLabel{text-overflow:ellipsis;text-align:left;min-width:0;max-width:100%;font-size:var(--spacing-sm);cursor:text;white-space:nowrap;direction:ltr;unicode-bidi:plaintext;display:block;overflow:hidden}.socialPillWrapper .socialPillBtn .btnIcon{flex:none;margin-right:-.1em!important}@media (hover:hover) and (pointer:fine){.socialPillWrapper .socialPillBtn:hover{scale:.97}}@media (hover:none),(pointer:coarse){.socialPillWrapper .socialPillBtn:active:not(:disabled):not(.disabled){scale:.97}}.socialPillWrapper .socialPillInlineEdit{white-space:nowrap;background:var(--container);color:var(--text);border-radius:var(--radius-xl);box-sizing:border-box;transform-origin:0;will-change:width,opacity,transform;border:1px solid #0000;align-items:center;width:fit-content;min-width:0;max-width:min(22rem,100%);padding:.5em;display:flex;position:relative;overflow:hidden}.socialPillWrapper .socialPillInlineEdit:before{content:"";border-radius:inherit;background:linear-gradient(210deg,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)-10%,transparent 45%,transparent 55%,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)110%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.socialPillWrapper .socialPillInlineEdit:focus-within{filter:brightness(1.1)}.socialPillWrapper .socialPillInlineEdit .inlineContainer,.socialPillWrapper .socialPillInlineEdit .inputWrap{width:fit-content;min-width:0;max-width:100%}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap{font-size:var(--font-sm);gap:var(--spacing-2xs);box-shadow:none!important;background:0 0!important;border:none!important}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap.inline{max-width:100%;overflow:hidden}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap.inline>.inputFieldBox{flex:auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap.inline>.inputAddon{flex:none}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap input{text-overflow:clip;white-space:nowrap;opacity:.7;direction:ltr;max-width:100%;font-weight:100;overflow-x:auto;min-width:1ch!important}.socialPillWrapper .socialPillInlineEdit .inlineContainer .inputWrap .inputAddon{padding:0}.socialPillWrapper .socialPillInlineEdit .editConfirmBtn{--surfaceSize:1.5em}.socialPillWrapper .socialPillInlineEdit .editConfirmBtn path{stroke-width:1.5px}@media (hover:hover) and (pointer:fine){.socialPillWrapper .socialPillInlineEdit .editConfirmBtn:hover .icon{color:var(--primary)!important}}@media (hover:none),(pointer:coarse){.socialPillWrapper .socialPillInlineEdit .editConfirmBtn:active:not(:disabled):not(.disabled) .icon{color:var(--primary)!important}}.socialAddWrapper{flex:0 auto;align-items:center;min-width:0;max-width:min(22rem,100%);display:inline-flex}.socialAddWrapper .socialAddExpanded{white-space:nowrap;background:var(--container);color:var(--text);border-radius:var(--radius-xl);box-sizing:border-box;will-change:width,opacity,transform;transform-origin:0;border:1px solid #0000;align-items:center;width:fit-content;min-width:0;max-width:min(22rem,100%);padding:.5em;display:flex;position:relative;overflow:hidden}.socialAddWrapper .socialAddExpanded input{padding-left:.3em!important}.socialAddWrapper .socialAddExpanded:before{content:"";border-radius:inherit;background:linear-gradient(210deg,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)-10%,transparent 45%,transparent 55%,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)110%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.socialAddWrapper .socialAddExpanded:focus-within{filter:brightness(1.1)}.socialAddWrapper .socialAddExpanded .inlineContainer,.socialAddWrapper .socialAddExpanded .inputWrap{width:fit-content;min-width:0;max-width:100%}.socialAddWrapper .socialAddExpanded .inlineContainer .inputWrap{font-size:var(--font-sm);box-shadow:none!important;background:0 0!important;border:none!important}.socialAddWrapper .socialAddExpanded .inlineContainer .inputWrap.inline{max-width:100%;overflow:hidden}.socialAddWrapper .socialAddExpanded .inlineContainer .inputWrap.inline>.inputFieldBox{flex:auto;width:auto;min-width:0;max-width:min(16rem,100vw - 8rem);overflow:hidden}.socialAddWrapper .socialAddExpanded .inlineContainer .inputWrap.inline>.inputAddon{flex:none}.socialAddWrapper .socialAddExpanded .inlineContainer .inputWrap input{text-overflow:clip;white-space:nowrap;opacity:.7;direction:ltr;max-width:100%;font-weight:100;overflow-x:auto;min-width:1ch!important}.socialAddWrapper .socialAddExpanded .addConfirmBtn{--surfaceSize:1.5em}.socialAddWrapper .socialAddExpanded .addConfirmBtn path{stroke-width:1.5px}@media (hover:hover) and (pointer:fine){.socialAddWrapper .socialAddExpanded .addConfirmBtn:hover .icon{color:var(--primary)!important}}@media (hover:none),(pointer:coarse){.socialAddWrapper .socialAddExpanded .addConfirmBtn:active:not(:disabled):not(.disabled) .icon{color:var(--primary)!important}}