.cc{--ink:#000;--accent:#fe4100;--mist:#9ab5bc;--hov:#9ab5bc;--line-inv:#ffffff14;--font:"Archivo Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.25, .6, .15, 1);letter-spacing:-.02em}@supports (transition-timing-function:linear(0, 1)){.cc{--spring:linear(0, .0344 3.12%, .1144 6.25%, .215 9.38%, .3208 12.5%, .4228 15.62%, .5164 18.75%, .5993 21.88%, .6711 25%, .732 28.12%, .7831 31.25%, .8254 34.38%, .8601 37.5%, .8884 40.62%, .9113 43.75%, .9297 46.88%, .9445 50%, .9563 53.12%, .9656 56.25%, .973 59.38%, .9789 62.5%, .9835 65.62%, .9871 68.75%, .99 71.88%, .9922 75%, .994 78.12%, .9953 81.25%, .9964 84.38%, .9972 87.5%, .9978 90.62%, .9983 93.75%, .9987 96.88%, 1)}}:where(.cc) *,:where(.cc) :before,:where(.cc) :after{box-sizing:border-box}:where(.cc) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.btn{--h:60px;--p:4px;--r:10px;--t:calc(var(--h) - 2 * var(--p));--bg:#000;--fg:#fff;--acc:var(--accent);--acc-fg:#fff;--arrow-c:#000;isolation:isolate;height:var(--h);padding:0 24px 0 calc(var(--p) + var(--t) + 16px);border-radius:var(--r);background:var(--bg);color:var(--fg);font:500 16px/1.2 var(--font);letter-spacing:-.02em;white-space:nowrap;text-align:left;cursor:pointer;border:0;align-items:center;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";width:var(--p);background:var(--bg);position:absolute;top:0;bottom:0;right:0}.btn .bt{z-index:1;left:var(--p);top:var(--p);bottom:var(--p);width:var(--t);border-radius:calc(var(--r) - 4px);background:var(--acc);color:var(--acc-fg);transition:width .8s var(--spring);justify-content:flex-end;align-items:center;gap:16px;display:flex;position:absolute;overflow:hidden}.btn .bt-in{flex:none}.btn .bt i{width:var(--t);height:100%;color:var(--arrow-c);flex:none;place-items:center;display:grid}.btn .bt i:after{content:"";width:15px;height:15px;transition:transform .8s var(--spring);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 57'%3E%3Cpath d='M0 17H27.98L0.17 44.81L12.19 56.83L40 29.02V57H57V0H0V17Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 57'%3E%3Cpath d='M0 17H27.98L0.17 44.81L12.19 56.83L40 29.02V57H57V0H0V17Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.btn .bt-out{transition:transform .8s var(--spring);flex:none;display:block}.btn:not(.block){place-self:start}.btn.block{width:100%;display:flex}.btn.block .bt-in{text-align:center;flex:1 0 auto;padding-left:36px}.btn.block .bt-out{text-align:center;flex:1;padding-right:36px}.btn:is(:focus-visible,:active) .bt{width:calc(100% - 2 * var(--p))}.btn:is(:focus-visible,:active) .bt i:after{transform:rotate(45deg)}.btn:is(:focus-visible,:active) .bt-out{transform:translate(calc(50% + 22px))}.btn.block:is(:focus-visible,:active) .bt-out{transform:translate(calc(50% + 40px))}@media (hover:hover){.btn:hover .bt{width:calc(100% - 2 * var(--p))}.btn:hover .bt i:after{transform:rotate(45deg)}.btn:hover .bt-out{transform:translate(calc(50% + 22px))}.btn.block:hover .bt-out{transform:translate(calc(50% + 40px))}}.btn.ghost,.cc .btn.ghost{--bg:transparent;--fg:#fff;--acc:#ffffff1f;--acc-fg:#fff;--arrow-c:#fff;box-shadow:inset 0 0 0 1px #ffffff42}.btn.ghost .bt-out{transition:transform .8s var(--spring), opacity .35s}.btn.ghost:is(:focus-visible,:active) .bt-out{opacity:0}@media (hover:hover){.btn.ghost:hover .bt-out{opacity:0}}.btn.sm{--h:48px;--p:4px;font-size:14px}.cc{z-index:90;border:1px solid var(--line-inv);backdrop-filter:blur(16px)saturate(1.3);color:#fff;opacity:0;max-width:1180px;transition:translate .6s var(--ease), opacity .4s;background:#081215f0;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-inline:auto;padding:20px 22px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;translate:0 calc(100% + 24px);box-shadow:0 24px 60px -24px #0009}.cc.on{opacity:1;translate:0}.cc[hidden],.cc [hidden]{display:none!important}.cc-main{gap:8px;max-width:640px;display:grid}.cc-k{font:500 11px/1 var(--mono);color:#9ab5bcb3}.cc-t{font:600 18px/1.2 var(--font);letter-spacing:-.03em;margin:0}.cc-d{font:500 13.5px/1.5 var(--font);letter-spacing:-.01em;color:#ffffffb8;margin:0}.cc-d a{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.cc-d a:hover{color:var(--hov)}.cc-prefs{border-top:1px solid var(--line-inv);margin-top:6px}.cc-row{border-bottom:1px solid var(--line-inv);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 0;display:grid}label.cc-row{cursor:pointer}.cc-row b{font:600 14px/1.2 var(--font);letter-spacing:-.02em;display:block}.cc-row small{font:500 12px/1.4 var(--font);color:#ffffff8c;margin-top:3px;display:block}.cc-row i{font:500 11px var(--mono);color:var(--mist);font-style:normal}.cc-row input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff3;border-radius:99px;width:40px;height:22px;margin:0;transition:background .25s;position:relative}.cc-row input:after{content:"";width:16px;height:16px;transition:translate .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.cc-row input:checked{background:var(--accent)}.cc-row input:checked:after{translate:18px}.cc-row input:focus-visible{outline:2px solid var(--mist);outline-offset:2px}.cc .btn{--bg:#fff;--fg:#000}.cc-no{font:500 11.5px/1 var(--mono);color:#ffffff6b;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:10px;padding:4px 0;text-decoration:underline #ffffff2e}.cc-no:hover,.cc-no:focus-visible{color:#ffffffb3}.cc-act{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=700px){.cc{flex-direction:column;align-items:stretch;padding:18px 16px 16px;bottom:8px;left:8px;right:8px}.cc-act .btn{flex:1 1 0}}@media (width>=861px){.cc{flex-direction:column;align-items:stretch;gap:16px;width:316px;padding:18px 18px 16px;left:auto;right:26px}.cc-act{justify-content:stretch}.cc-act .btn{flex:auto}}@media (width<=860px){.cc{flex-direction:column;align-items:stretch;padding:18px 16px 16px;inset:8px 8px auto;translate:0 calc(-100% - 24px)}.cc.on{translate:0}.cc-act .btn{flex:1 1 0}}.cc[data-mode=eu] .cc-act{grid-template-columns:1fr;display:grid}.cc[data-mode=eu] .cc-act .btn{justify-self:stretch}
