c2c-widget{--pill-background-color:var(--nos-color-neutral-900);--pill-text-color:var(--nos-color-neutral-000);--pill-button-background-color:transparent;--pill-button-text-color:var(--nos-color-neutral-000);display:grid;grid-template-columns:auto auto;grid-template-areas:'left right';align-items:center;gap:4px;opacity:0;transform:translateY(-50%);animation:fade-in 4s forwards;position:fixed;top:50%;right:4px;z-index:8}
c2c-widget:has(c2c-widget-tab[data-is-open="true"]){z-index:20}
@keyframes fade-in{0{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
@media(max-width:684px){c2c-widget{grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:'right' 'left';gap:0;max-width:100vw;top:auto;right:0;bottom:0;left:0;transform:none}
}
c2c-widget[data-mode="edit"]{justify-content:end;margin:16px 0;position:static;transform:none}
c2c-widget[data-mode="edit"] c2c-widget-tab:first-of-type{display:block}
c2c-widget[data-operators]{--operator-size:56px}
c2c-widget[data-operators] c2c-widget-pill button[data-status="selected"]{padding-top:4px}
c2c-widget[data-operators] c2c-widget-pill button[data-status="selected"]::before{content:'';display:block;width:var(--operator-size);height:var(--operator-size);margin-bottom:8px;background-color:transparent;background-image:var(--operator-url);background-size:100%;background-repeat:no-repeat;mask:none;border-radius:100%}
c2c-widget[data-operators] c2c-widget-pill button[data-status="selected"][data-is-open="false"]::before{filter:grayscale(1)}
c2c-widget[data-operators] c2c-widget-pill button:only-child{--operator-size:64px}
c2c-widget[data-operators] c2c-widget-pill button:only-child::before{margin-bottom:16px}
c2c-widget[data-operators] c2c-widget-pill button:not([data-status="selected"]){padding-block:32px}
c2c-widget[data-operators] c2c-widget-pill button:not([data-status="selected"])::before{display:none}
c2c-widget[data-operators] c2c-widget-drawer{--operator-size:64px}
c2c-widget[data-operators] c2c-widget-drawer button{padding-left:88px}
c2c-widget[data-operators] c2c-widget-drawer button::before{content:'';display:block;width:var(--operator-size);height:var(--operator-size);margin-bottom:8px;background-color:transparent;background-image:var(--operator-url);background-size:100%;background-repeat:no-repeat;mask:none;border:2px solid var(--nos-color-neutral-1000);border-radius:100%;position:absolute;top:calc(var(--operator-size) / 2 * -1);left:16px}
c2c-widget[data-selected-pill-theme="yellow"]{--pill-selected-background-color:var(--nos-color-brand-yellow);--pill-selected-text-color:var(--nos-color-neutral-900)}
c2c-widget[data-selected-pill-theme="lime"]{--pill-selected-background-color:var(--nos-color-brand-lime);--pill-selected-text-color:var(--nos-color-neutral-900)}
c2c-widget[data-selected-pill-theme="green"]{--pill-selected-background-color:var(--nos-color-brand-green);--pill-selected-text-color:var(--nos-color-neutral-900)}
c2c-widget[data-selected-pill-theme="cyan"]{--pill-selected-background-color:var(--nos-color-brand-cyan);--pill-selected-text-color:var(--nos-color-neutral-900)}
c2c-widget[data-selected-pill-theme="blue"]{--pill-selected-background-color:var(--nos-color-brand-blue);--pill-selected-text-color:var(--nos-color-neutral-000)}
c2c-widget[data-selected-pill-theme="pink"]{--pill-selected-background-color:var(--nos-color-brand-pink);--pill-selected-text-color:var(--nos-color-neutral-900)}
c2c-widget-pill{grid-area:right;display:grid;grid-auto-flow:row;width:72px;background-color:var(--pill-background-color);border-radius:100px;color:var(--pill-text-color);font-size:14px;font-weight:var(--nos-font-weight-medium);text-align:center;overflow:hidden}
@media(max-width:684px){c2c-widget-pill{display:none}
}
c2c-widget-pill button{margin:4px;background-color:var(--pill-button-background-color);border:0;color:var(--pill-button-text-color);padding:24px 4px;line-height:18px}
c2c-widget-pill button::before{content:'';display:block;height:24px;margin-bottom:4px;background:var(--pill-button-text-color);mask-position:center;mask-repeat:no-repeat;mask-image:var(--icon)}
c2c-widget-pill button:only-child{margin:0}
c2c-widget-pill button[data-status="selected"]:not([data-is-open="false"]),c2c-widget-pill button[data-is-open="true"]{background-color:var(--pill-selected-background-color);color:var(--pill-selected-text-color);border-radius:100px}
c2c-widget-pill button[data-status="selected"]:not([data-is-open="false"])::before,c2c-widget-pill button[data-is-open="true"]::before{background:var(--pill-selected-text-color)}
c2c-widget-pill button[data-status="selected"]{order:-1}
c2c-widget-pill:has(button:not([data-status="selected"]):not([data-is-open="true"]):hover),c2c-widget-pill:has(button[data-status="selected"][data-is-open="false"]:hover){--pill-background-color:var(--nos-color-neutral-600)}
c2c-widget-pill:has(button:only-child){--pill-background-color:transparent}
c2c-widget-pill [data-icon="user"]{--icon:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIgNEMxNC43NjE0IDQgMTcgNi4yMzg1OCAxNyA5QzE3IDEwLjU1OTMgMTYuMjg1NiAxMS45NTEyIDE1LjE2NyAxMi44NjgyQzE1LjgyNDUgMTMuMjQ5MiAxNi40Mjc0IDEzLjc0NTMgMTYuOTUwMiAxNC4zNDI4QzE3LjYwMDIgMTUuMDg1NiAxOC4xMTUgMTUuOTY3OSAxOC40NjY4IDE2LjkzODVDMTguNTkyMSAxNy4yODQzIDE4LjY5NTggMTcuNjM5MSAxOC43NzczIDE4QzE4LjkyNDYgMTguNjUxOCAxOSAxOS4zMjM4IDE5IDIwSDVDNSAxOS4zMjM4IDUuMDc1MzkgMTguNjUxOCA1LjIyMjY2IDE4QzUuMzA0MTggMTcuNjM5MSA1LjQwNzg2IDE3LjI4NDMgNS41MzMyIDE2LjkzODVDNS44ODQ5OCAxNS45Njc5IDYuMzk5ODQgMTUuMDg1NiA3LjA0OTggMTQuMzQyOEM3LjE1Mzk4IDE0LjIyMzcgNy4yNjI4IDE0LjExMDEgNy4zNzMwNSAxMy45OTlDNy43MTkyMiAxNC4zNDc4IDguMDkzODUgMTQuNjYgOC40OTYwOSAxNC45MjU4QzguNTU2ODUgMTQuOTY1OSA4LjYxODc2IDE1LjAwNDkgOC42ODA2NiAxNS4wNDNDOC43ODE3MiAxNS4xMDUyIDguODg0OTkgMTUuMTYyNSA4Ljk4ODI4IDE1LjIxODhDOC44Mzg0NSAxNS4zNTQ5IDguNjkzOTQgMTUuNTAyMSA4LjU1NTY2IDE1LjY2MDJDOC4wNzY0OCAxNi4yMDc4IDcuNjg0MjYgMTYuODcxOSA3LjQxMzA5IDE3LjYyMDFDNy4zNjc3OSAxNy43NDUxIDcuMzI2MTEgMTcuODcxOCA3LjI4ODA5IDE4SDE2LjcxMTlDMTYuNjczOSAxNy44NzE4IDE2LjYzMjIgMTcuNzQ1MSAxNi41ODY5IDE3LjYyMDFDMTYuMzE1NyAxNi44NzE5IDE1LjkyMzUgMTYuMjA3OCAxNS40NDQzIDE1LjY2MDJDMTQuOTY1NyAxNS4xMTMyIDE0LjQxMjEgMTQuNjk1OCAxMy44MjMyIDE0LjQxN0MxMy4zMDQ1IDE0LjE3MTUgMTIuNzYxOCAxNC4wMzQ2IDEyLjIxNzggMTQuMDA1OUwxMi4yMTY4IDEzLjk5NDFDMTIuMTQ0OSAxMy45OTcyIDEyLjA3MjcgMTQgMTIgMTRDOS4yMzg1OCAxNCA3IDExLjc2MTQgNyA5QzcgNi4yMzg1OCA5LjIzODU4IDQgMTIgNFpNMTIgNkMxMC4zNDMxIDYgOSA3LjM0MzE1IDkgOUM5IDEwLjY1NjkgMTAuMzQzMSAxMiAxMiAxMkMxMy42NTY5IDEyIDE1IDEwLjY1NjkgMTUgOUMxNSA3LjM0MzE1IDEzLjY1NjkgNiAxMiA2WicgZmlsbD0nYmxhY2snLz48L3N2Zz4=")}
c2c-widget-pill [data-icon="sms"]{--icon:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDE5SDE1LjM3OTlMMTIuMDQgMjEuOTI5N0wxMC43MTk3IDIwLjQxOTlMMTQuNjIwMSAxN0gyMFY0SDRWMTYuOTkwMkw4Ljk5MDIzIDE2Ljk2TDkuMDA5NzcgMTguOTZMMiAxOS4wMDk4VjJIMjJWMTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K')}
c2c-widget-drawer[data-open="true"] + c2c-widget-tab .xfpage .c2c-cmp.variant-lateral{max-width:100%;width:100%;margin:0;border-radius:0}
c2c-widget-drawer[data-open="true"] svg{transform:rotate(180deg)}
@media(min-width:684px){c2c-widget-drawer{display:none}
}
c2c-widget-drawer button{display:none;justify-content:space-between;width:100%;padding:16px 24px;background-color:var(--pill-background-color);border:0;border-radius:8px 8px 0 0;color:var(--pill-text-color);font-size:16px;font-weight:var(--nos-font-weight-medium)}
c2c-widget-drawer button[data-status="selected"]{display:flex}
c2c-widget-tab{grid-area:left;display:none;box-shadow:2px 12px 24px 0 rgba(0,0,0,0.12);position:relative}
c2c-widget-tab[data-is-open="false"]{display:none}
c2c-widget-tab[data-is-open="true"]{display:block}
c2c-widget-tab:not(:has(>.xfpage)){width:360px;padding:2rem 1.5rem 1rem;background:white;border-radius:8px}
c2c-widget-tab:not(:has(>.xfpage)) button[data-type="close"]{width:44px;height:44px;background:0;border:0;position:absolute;top:0;right:8px}
c2c-widget-tab:not(:has(>.xfpage)) h3{margin-bottom:16px;color:var(--nos-color-neutral-900);font-size:16px;font-weight:var(--nos-font-weight-bold);line-height:1.4}
c2c-widget-tab:not(:has(>.xfpage)) ul{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
c2c-widget-tab:not(:has(>.xfpage))>ul:has(ul[data-show="true"])>li:not(:has(ul[data-show="true"])){display:none}
c2c-widget-tab:not(:has(>.xfpage))>ul:has(ul[data-show="true"])>li:has(ul[data-show="true"])>a,c2c-widget-tab:not(:has(>.xfpage))>ul:has(ul[data-show="true"])>li:has(ul[data-show="true"])>button{display:none}
c2c-widget-tab:not(:has(>.xfpage))>ul:has(ul[data-show="true"]) ul[data-show="true"] li{display:block}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a,c2c-widget-tab:not(:has(>.xfpage))>ul li>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:312px;padding:1rem;background:white;border:1px solid var(--nos-color-neutral-200);border-radius:8px;color:var(--nos-color-neutral-900);font-size:14px;font-weight:var(--nos-font-weight-medium);line-height:1.4;text-align:left}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a:hover,c2c-widget-tab:not(:has(>.xfpage))>ul li>button:hover{color:var(--nos-color-neutral-900);text-decoration:none;opacity:.6}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a::after,c2c-widget-tab:not(:has(>.xfpage))>ul li>button::after{flex:0 0 24px;content:'';width:24px;height:24px;margin-inline-start:auto;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy41ODU5IDEyLjAwMDFMOC4yOTI5NyA2LjcwNzE4TDkuNzA3MTggNS4yOTI5N0wxNi40MTQzIDEyLjAwMDFMOS43MDcxOCAxOC43MDcyTDguMjkyOTcgMTcuMjkzTDEzLjU4NTkgMTIuMDAwMVoiIGZpbGw9IiMxRTFGMjciLz4KPC9zdmc+")}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a>span,c2c-widget-tab:not(:has(>.xfpage))>ul li>button>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a[data-type="back"],c2c-widget-tab:not(:has(>.xfpage))>ul li>button[data-type="back"]{flex-direction:row-reverse;justify-content:flex-end;gap:4px;padding:0;border:0;font-size:12px}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a[data-type="back"]::after,c2c-widget-tab:not(:has(>.xfpage))>ul li>button[data-type="back"]::after{margin-inline-start:0;transform:rotate(180deg);position:relative;top:-1px}
c2c-widget-tab:not(:has(>.xfpage))>ul li>a svg,c2c-widget-tab:not(:has(>.xfpage))>ul li>button svg{flex:0 0 24px;width:24px;height:24px}
c2c-widget-tab:not(:has(>.xfpage))>ul li li{display:none}
c2c-widget-tab:not(:has(>.xfpage))>ul .xfpage:not([data-show="true"]){display:none}
c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"]){padding:0}
c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"])>h3,c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"])>p{display:none}
c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"]) ul>li:not(:has(.xfpage[data-show="true"])){display:none}
c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"]) ul>li:has(.xfpage[data-show="true"])>a,c2c-widget-tab:not(:has(>.xfpage)):has(li>.xfpage[data-show="true"]) ul>li:has(.xfpage[data-show="true"])>button{display:none}
c2c-widget-tab:not(:has(>.xfpage))>p{margin-block:16px 0;color:var(--nos-color-neutral-900);font-size:12px;font-weight:var(--nos-font-weight-light);line-height:16px;text-align:center}