@property --ring-turn{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ring-pour{to{--ring-turn:360deg}}.xx-mini{position:relative;flex:none;margin-inline:auto}.xx-mini-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 6px;border:2px solid transparent;border-radius:999px;background:linear-gradient(#131318,#131318) padding-box,linear-gradient(#2a2a31,#2a2a31) border-box;color:#fff;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}.xx-mini-btn:hover,.xx-mini-btn:focus-visible,.xx-mini[data-open=true] .xx-mini-btn{outline:0;background:linear-gradient(#131318,#131318) padding-box,conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0) border-box;animation:ring-pour 2.4s linear infinite}.xx-mini-faces{display:inline-flex}.xx-mini-faces img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:2px solid #131318;margin-left:-9px}.xx-mini-faces img:first-child{margin-left:0}.xx-mini-btn svg{display:none}.xx-mini-btn kbd{font:600 11px/1 ui-sans-serif,system-ui,sans-serif;padding:4px 6px;border-radius:6px;background:#23232b;color:#a1a1aa}@keyframes xx-fade{0%{opacity:0}}@keyframes xx-rise{0%{opacity:0;translate:0 10px;scale:.985}}.xx-portal{position:relative;border-radius:18px;transition:background .15s}.xx-portal>a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;border-radius:18px;text-align:center;color:#f4f4f5;outline:0}.xx-portal:hover,.xx-portal:focus-within{background:#17171c}.xx-portal[data-current]{background:color-mix(in srgb,var(--tone) 12%,transparent)}.xx-portal-ring{position:relative;isolation:isolate;display:grid;place-items:center;width:92px;height:92px;margin-bottom:8px;border-radius:50%;transition:scale .25s cubic-bezier(.2,1.3,.4,1)}.xx-portal-ring img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid #0f0f13}.xx-portal-ring:before,.xx-portal-ring:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:conic-gradient(from var(--ring-turn,0deg),var(--tone),#fff0 30%,var(--tone) 55%,#fff0 80%,var(--tone));opacity:.55;transition:opacity .2s}.xx-portal-ring:after{inset:-8px;filter:blur(14px);opacity:0;z-index:-2}.xx-portal:hover .xx-portal-ring,.xx-portal:focus-within .xx-portal-ring{scale:1.07}.xx-portal:hover .xx-portal-ring:before,.xx-portal:focus-within .xx-portal-ring:before,.xx-portal[data-current] .xx-portal-ring:before{opacity:1;animation:ring-pour 2.2s linear infinite}.xx-portal:hover .xx-portal-ring:after,.xx-portal:focus-within .xx-portal-ring:after{opacity:.8;animation:ring-pour 2.2s linear infinite}.xx-portal b{font-size:13.5px;font-weight:700;line-height:1.25}.xx-portal small{font-size:11.5px;line-height:1.3;color:#8e8e99;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:760px){.xx-portals{padding:0}.xx-portals-box{width:100%;height:100dvh;max-height:none;border-radius:0;border:0}.xx-portals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xx-portal-ring{width:76px;height:76px}.xx-portal-ring img{width:68px;height:68px}.xx-mini-btn kbd{display:none}.xx-portals-find input{font-size:18px}}@media(prefers-reduced-motion:reduce){.xx-portals,.xx-portals-box,.xx-portal-ring:before,.xx-portal-ring:after{animation:none!important}}@media(max-width:760px){.xx-mini-btn b{display:none}.xx-mini-btn{padding:0 10px 0 6px;height:40px}.xx-mini-faces img:nth-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){.xx-mini-btn{animation:none!important}}.xx-star{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#0f0f13b3;color:#71717a;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,scale .15s}.xx-portal:hover .xx-star,.xx-portal:focus-within .xx-star,.xx-star[aria-pressed=true]{opacity:1}.xx-star:hover{color:#fff;scale:1.1}.xx-star[aria-pressed=true]{color:#f0b429}.xx-star[aria-pressed=true] svg{fill:currentColor}@media(hover:none){.xx-star{opacity:1}}.xx-rail{flex:none;display:flex;flex-direction:column;gap:6px;width:124px;padding:14px 10px;border-right:1px solid #1e1e23;background:#0b0b0e;overflow-y:auto;scrollbar-width:none}.xx-rail button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;border:1px solid transparent;border-radius:18px;background:none;color:#a1a1aa;font:inherit;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.xx-rail button>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#17171c;border:1px solid #26262b;color:var(--tone);transition:scale .2s cubic-bezier(.2,1.3,.4,1),border-color .15s,background .15s}.xx-rail button>span img{width:34px;height:34px;object-fit:contain}.xx-rail button>span img.is-round{border-radius:50%}.xx-rail button>span img.is-white{background:#fff}.xx-rail button>small{font-size:12.5px;line-height:1.15}.xx-rail button:hover{background:#131318}.xx-rail button:hover>span{scale:1.07;border-color:var(--tone)}.xx-rail button.is-here{background:color-mix(in srgb,var(--tone) 10%,#131318);border-color:color-mix(in srgb,var(--tone) 45%,transparent)}.xx-rail button.is-here>span{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 16%,#17171c)}.xx-rail button.is-here:before{content:"";position:absolute;left:-10px;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--tone)}.xx-word{font-weight:800;letter-spacing:-.02em;color:#e4e4e7;white-space:nowrap}.xx-word i,.xx-word em,.xx-word b{font-style:normal}.xx-word.is-xxx{color:#ff9ccb}.xx-word.is-studio{color:#fff}.xx-word.is-studio b{color:#f0b429}.xx-word.is-lustlab{color:#f2c94c}.xx-word.is-lustlab i{color:#5fd3a6;margin:0 .02em}.xx-word.is-lustlab em{color:#ff7ab8}.xx-word.is-aix{color:#ff4fa3}.xx-word.is-aix i{color:#6ee7a0;margin:0 .02em}.xx-word.is-aix em{color:#ffc61a}.xx-portal-ring.is-icon{color:var(--tone)}.xx-portal-ring.is-icon:before{opacity:.35}.xx-portal-ring.is-icon>svg{position:relative}.xx-portal-ring.is-icon{background:radial-gradient(circle at 50% 50%,#17171c 62%,transparent 63%)}@media(max-width:760px){.xx-portals-box{flex-direction:column;height:100dvh}.xx-rail{flex-direction:row;width:auto;padding:8px 10px;border-right:0;border-bottom:1px solid #1e1e23;overflow-x:auto;overflow-y:hidden}.xx-rail button{flex:none;width:92px;padding:8px 2px}.xx-rail button.is-here:before{display:none}.xx-rail button>span{width:44px;height:44px}.xx-portals-main{min-height:0}}.xx-rail button>span{position:relative;isolation:isolate}.xx-rail button>span:after{content:"";position:absolute;inset:-7px;z-index:-1;border-radius:22px;background:conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0);filter:blur(13px);opacity:0;transition:opacity .2s}.xx-rail button:hover>span,.xx-rail button:focus-visible>span{border-color:transparent;background:linear-gradient(#17171c,#17171c) padding-box,conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0) border-box;border-width:2px;animation:ring-pour 2.4s linear infinite}.xx-rail button:hover>span:after,.xx-rail button:focus-visible>span:after{opacity:.7;animation:ring-pour 2.4s linear infinite}.xx-rail button:focus-visible{outline:0}@media(prefers-reduced-motion:reduce){.xx-rail button>span,.xx-rail button>span:after{animation:none!important}}.xx-rail-favs>span>svg{fill:color-mix(in srgb,var(--tone) 22%,transparent)}.xx-rail-favs.is-here>span>svg{fill:currentColor}.xx-rail-favs>span>i{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--tone);color:#0b0b0d;font-size:11px;font-weight:800;font-style:normal;line-height:1}.xx-rail button>span{color:#fff}.xx-rail button:hover>span,.xx-rail button:focus-visible>span{scale:1.07;border:1px solid #52525b;background:#17171c;animation:none}.xx-rail button:hover>span:after,.xx-rail button:focus-visible>span:after{opacity:0;animation:none}.xx-rail button.is-here{background:#131318;border-color:transparent}.xx-rail button.is-here:before{background:#fff}.xx-rail button.is-here>span,.xx-rail button.is-here:hover>span{border:2px solid transparent;background:linear-gradient(#17171c,#17171c) padding-box,conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0) border-box;animation:ring-pour 2.4s linear infinite}.xx-rail button.is-here>span:after,.xx-rail button.is-here:hover>span:after{opacity:.7;animation:ring-pour 2.4s linear infinite}.xx-rail-favs>span>svg,.xx-rail-favs.is-here>span>svg{fill:none}.xx-rail-favs.is-here>span>svg{fill:#fff}.xx-rail-favs>span>i{background:#fff}@media(prefers-reduced-motion:reduce){.xx-rail button.is-here>span,.xx-rail button.is-here>span:after{animation:none!important}}.xx-rail button,.xx-rail button:hover,.xx-rail button.is-here{background:none;border-color:transparent}.xx-rail button.is-here:before{display:none}.xx-rail button>span:after,.xx-rail button.is-here>span:after,.xx-rail button:hover>span:after,.xx-rail button.is-here:hover>span:after{content:none}.xx-portals{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding:8vh 12px 12px;background:#050508b8;backdrop-filter:blur(14px);animation:xx-fade .16s ease-out}.xx-portals-box{display:flex;flex-direction:column;width:min(980px,100%);max-height:84dvh;border-radius:26px;background:#0f0f13;border:1px solid #2a2a31;box-shadow:0 40px 120px #000,0 0 60px -8px #f58fc440,0 0 90px -10px #7fb2ff33;overflow:hidden;animation:xx-rise .2s cubic-bezier(.2,.9,.3,1)}.xx-portals-find{flex:none;display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #1e1e23;color:#8e8e99}.xx-portals-find input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:22px;font-weight:600;letter-spacing:-.01em}.xx-portals-find input::placeholder{color:#52525b}.xx-portals-find button{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#1c1c22;color:#a1a1aa;cursor:pointer}.xx-portals-find button:hover{color:#fff}.xx-portals-tabs{flex:none;display:flex;gap:6px;padding:12px 20px;overflow-x:auto;scrollbar-width:none}.xx-portals-tabs button{flex:none;height:34px;padding:0 14px;border-radius:999px;border:1px solid #26262b;background:none;color:#a1a1aa;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.xx-portals-tabs button:hover{color:#fff}.xx-portals-tabs button[aria-selected=true]{color:#0b0b0d;background:var(--tone,#fff);border-color:var(--tone,#fff)}.xx-portals-list{flex:1;min-height:0;overflow-y:auto;padding:6px 20px 24px;scrollbar-width:thin;scrollbar-color:#2a2a31 transparent}.xx-portals-list h3{margin:14px 0 4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#71717a}.xx-portals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px}.xx-portals-none{padding:40px 0;text-align:center;color:#71717a}.xx-portals-box{flex-direction:row;width:min(1080px,100%);height:min(760px,84dvh)}.xx-portals-main{flex:1;min-width:0;display:flex;flex-direction:column}.xx-portals-list{animation:xx-fade .18s ease-out}.xx-portal>a{text-decoration:none;color:#f4f4f5}.xx-mini,.xx-portals{line-height:1.3}.xx-portals button{font-family:inherit}.evoke-menu-slot{flex:1 1 auto;display:flex;justify-content:center;min-width:0}.evoke-menu-slot .xx-mini{margin-inline:0}.xx-mini-btn.is-logo{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;gap:0;border:0!important;border-radius:50%;background:none!important;box-shadow:none!important;animation:none!important}.xx-logo-ring{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;isolation:isolate}.xx-logo-ring:before,.xx-logo-ring:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:46% 54% 57% 43%/52% 44% 56% 48%;animation:ring-pour 5s linear infinite,xx-slosh 2.6s ease-in-out infinite alternate;pointer-events:none;transition:opacity .35s,filter .35s,inset .35s}.xx-logo-ring:before{background:conic-gradient(from var(--ring-turn,0deg),#fff,#c9ced8 25%,#fff 50%,#9aa0ad 75%,#fff)}.xx-logo-ring:after{background:conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0);opacity:0}.xx-logo-ring>span{display:grid;place-items:center;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;background:#0b0b0d;transition:box-shadow .35s}.xx-logo-ring img{display:block;width:22px;height:22px;object-fit:contain;transition:transform .35s,filter .35s}.xx-mini-btn.is-logo:hover .xx-logo-ring:after,.xx-mini-btn.is-logo:focus-visible .xx-logo-ring:after,.xx-mini[data-open=true] .xx-logo-ring:after{opacity:1;animation-duration:1.8s,1.6s}.xx-mini-btn.is-logo:hover .xx-logo-ring:before,.xx-mini-btn.is-logo:focus-visible .xx-logo-ring:before,.xx-mini[data-open=true] .xx-logo-ring:before{inset:-5px;filter:blur(10px);background:conic-gradient(from var(--ring-turn,0deg),#ff5fb0,#5fb4ff 26%,#ffcc33 52%,#c77dff 76%,#ff5fb0);opacity:.6;z-index:-2}.xx-mini-btn.is-logo:hover .xx-logo-ring img,.xx-mini-btn.is-logo:focus-visible .xx-logo-ring img{transform:scale(1.1) rotate(-6deg);filter:drop-shadow(0 0 6px #ff5fb088)}@keyframes xx-slosh{0%{border-radius:46% 54% 57% 43%/52% 44% 56% 48%;scale:1}50%{border-radius:58% 42% 45% 55%/43% 58% 42% 57%;scale:1.03}to{border-radius:42% 58% 52% 48%/57% 45% 55% 43%;scale:.99}}@media(max-width:760px){.xx-mini-btn.is-logo{width:42px;height:42px}.xx-logo-ring{width:38px;height:38px}.xx-logo-ring img{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.xx-logo-ring:before,.xx-logo-ring:after{animation:none}}.xx-mini.is-dock{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:70;margin:0}.xx-mini.is-dock .xx-mini-btn.is-logo{width:62px;height:62px;filter:drop-shadow(0 8px 22px #0009)}.xx-mini.is-dock .xx-logo-ring{width:58px;height:58px}.xx-mini.is-dock .xx-logo-ring img{width:28px;height:28px}@media(max-width:760px){.evoke-menu-slot{flex:0 0 0;width:0;min-width:0;overflow:visible}.xx-mini.is-dock{left:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.xx-mini.is-dock .xx-mini-btn.is-logo{width:56px;height:56px}.xx-mini.is-dock .xx-logo-ring{width:52px;height:52px}.xx-mini.is-dock .xx-logo-ring img{width:26px;height:26px}}.flix-account,.menu-account,.top-account{margin-left:auto}@media(max-width:760px){.xx-portals{backdrop-filter:none!important;background:#0a0a0df2!important;animation:none!important}.xx-portals *,.xx-portals *:before,.xx-portals *:after{animation:none!important;transition:none!important;filter:none!important}.xx-portals-main,.xx-portals-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@media(max-width:760px){.xx-portals{padding:0!important;align-items:stretch!important}.xx-portals-box{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;margin:0!important;display:flex!important;flex-direction:column!important}.xx-rail{flex:none!important;flex-direction:row!important;width:auto!important;height:auto!important;padding:8px 52px 8px 10px!important;border-right:0!important;border-bottom:1px solid #1e1e23!important;overflow-x:auto!important;overflow-y:hidden!important}.xx-rail button{flex:none!important;width:84px!important}.xx-portals-main{flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;overflow-y:auto!important}.xx-portals-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.xx-burger{display:none}@media(max-width:760px){.xx-mini.is-dock{top:calc(14px + env(safe-area-inset-top))!important;right:14px!important;left:auto!important;bottom:auto!important}.xx-mini.is-dock .xx-mini-btn.is-logo{width:44px!important;height:44px!important;border-radius:12px!important;background:#16141c!important;border:1px solid #ffffff22!important;filter:none!important}.xx-mini.is-dock .xx-logo-ring{display:none!important}.xx-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20px}.xx-burger i{display:block;height:2px;border-radius:2px;background:#fff}.xx-burger i:nth-child(2){width:70%;background:linear-gradient(90deg,#ff5fb0,#5fb4ff)}header,.topbar,.flix-header,.menu-header{padding-right:70px!important}header .glass.h-9.w-9{display:none!important}}@media(max-width:760px){header .brand small,.topbar .brand small{display:none!important}}.xx-rail .xx-rail-home{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}.xx-rail .xx-rail-home>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;border:1px solid #2a2a31;background:#141418}.xx-rail .xx-rail-home small{font-size:12px;font-weight:700}@media(max-width:760px){.xx-rail{scroll-snap-type:x mandatory!important;padding-inline:calc(50vw - 42px)!important;scrollbar-width:none;gap:4px!important}.xx-rail::-webkit-scrollbar{display:none}.xx-rail>button,.xx-rail>a{scroll-snap-align:center;flex:none!important;width:84px!important;transition:transform .12s ease-out,opacity .12s ease-out!important;will-change:transform}}@media(max-width:760px){.xx-burger{display:none!important}.xx-mini.is-dock .xx-logo-ring{display:grid!important;width:40px!important;height:40px!important}.xx-mini.is-dock .xx-logo-ring img{width:20px!important;height:20px!important}.xx-mini.is-dock .xx-mini-btn.is-logo{background:none!important;border:0!important;width:44px!important;height:44px!important}header,.topbar,.flix-header,.menu-header{padding-right:64px!important}}@media(max-width:760px){.xx-rail{padding-inline:calc(50% - 38px)!important;scroll-padding-inline:calc(50% - 38px);overscroll-behavior-x:contain}.xx-rail>button,.xx-rail>a{width:76px!important;scroll-snap-stop:always;padding:6px 0!important}.xx-rail small{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}.xx-rail small .xx-word{white-space:nowrap}}@media(max-width:760px){.xx-mini.is-dock{top:auto!important;right:auto!important;left:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}.xx-mini.is-dock .xx-mini-btn.is-logo{width:58px!important;height:58px!important;background:none!important;border:0!important;filter:drop-shadow(0 8px 22px #000a)!important}.xx-mini.is-dock .xx-logo-ring{display:grid!important;width:54px!important;height:54px!important}.xx-mini.is-dock .xx-logo-ring img{width:26px!important;height:26px!important}header,.topbar,.flix-header,.menu-header{padding-right:14px!important}body:has(#composer,.talk-form,.composer,.chat-composer) .xx-mini.is-dock{bottom:calc(92px + env(safe-area-inset-bottom))!important}}@media(max-width:760px){.evoke-menu-slot{flex:0 0 auto!important;width:auto!important}.xx-mini:not(.is-dock) .xx-mini-btn.is-logo{width:40px!important;height:40px!important}.xx-mini:not(.is-dock) .xx-logo-ring{width:36px!important;height:36px!important}.xx-mini:not(.is-dock) .xx-logo-ring img{width:18px!important;height:18px!important}.xx-mini:not(.is-dock) .xx-burger{display:none!important}}
.xx-mini .h-4,.xx-portals .h-4{width:16px;height:16px}.xx-portals .h-5{width:20px;height:20px}.xx-portals .h-6{width:24px;height:24px}.xx-portals .h-8{width:32px;height:32px}.xx-portals,.xx-mini{font-family:inherit}.evoke-menu-slot{display:flex;flex:1 1 auto;justify-content:center;min-width:0}

/* The Evoke menu sits at the far right of every top bar, after Coins and the account (phones too).
   On the menu page it still floats bottom-left. */
.xx-mini:not(.is-dock){order:99;margin-inline:0}
.evoke-menu-slot{order:99;flex:0 0 auto!important;width:auto!important;justify-content:flex-end}
.evoke-menu-slot .xx-mini{order:0}
.xx-mini:not(.is-dock)+*,.evoke-menu-slot+*,.head-coins{margin-left:auto}

/* No square flash behind round buttons when tapped on phones and tablets. */
a,button,summary,label,[role="button"],[tabindex],input,select{-webkit-tap-highlight-color:transparent}
button,[role="button"]{touch-action:manipulation}
