@layer theme,base;@layer components{.logo{--logo-l-bg:#fafbfb;--logo-l-text:#0e1012;--logo-r-bg:var(--a);--logo-r-text:#fff;--logo-slash:#fafbfb;--logo-glow:rgba(var(--ar), .9);vertical-align:middle;flex:none;line-height:1;display:inline-flex}.logo-banner{--s:.55em;--tilt:-16.5deg;--px:.3em;--r:.3em;--pad-out:.25em;font:900 .6em/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:stretch;display:inline-flex;position:relative}.logo-l,.logo-r{isolation:isolate;align-items:center;padding-block:.44em .4em;display:flex;position:relative}.logo-l>i,.logo-r>i{font-style:normal;display:block}.logo-l:before,.logo-l:after,.logo-r:before,.logo-r:after{content:"";z-index:-1;position:absolute;top:0;bottom:0}.logo-l:after,.logo-r:after{width:calc(var(--s) + var(--r) * 2 + .4em);border-radius:var(--r);transform:skewX(var(--tilt))}.logo-l{padding-left:calc(var(--px) + var(--pad-out));padding-right:calc(var(--s) + var(--px));color:var(--logo-l-text)}.logo-l:before{left:0;right:calc(var(--s) + var(--r) + .05em);border-radius:var(--r) 0 0 var(--r);background:var(--logo-l-bg)}.logo-l:after{right:calc(var(--s) / 2);background:var(--logo-l-bg)}.logo-r{margin-left:calc(var(--s) * -.38 + .75px);padding-left:calc(var(--s) + var(--px));padding-right:calc(var(--px) + var(--pad-out));color:var(--logo-r-text)}.logo-r:before{right:0;left:calc(var(--s) + var(--r) + .05em);border-radius:0 var(--r) var(--r) 0;background:var(--logo-r-bg)}.logo-r:after{left:calc(var(--s) / 2);background:var(--logo-r-bg)}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.logo-l:after,.logo-r:after{content:none}.logo-l:before,.logo-r:before{border-radius:0;left:0;right:0}.logo-l:before{clip-path:shape(from var(--r) 0, hline to calc(100% - var(--r)), curve to calc(100% - var(--r) * .2864) calc(var(--r) * .9581) with 100% 0, line to calc(100% - var(--s) + var(--r) * .2864) calc(100% - var(--r) * .9581), curve to calc(100% - var(--s) - var(--r)) 100% with calc(100% - var(--s)) 100%, hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw, vline to var(--r), arc to var(--r) 0 of var(--r) cw, close)}.logo-r:before{clip-path:shape(from calc(var(--s) + var(--r)) 0, hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw, vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw, hline to var(--r), curve to calc(var(--r) * .2864) calc(100% - var(--r) * .9581) with 0 100%, line to calc(var(--s) - var(--r) * .2864) calc(var(--r) * .9581), curve to calc(var(--s) + var(--r)) 0 with var(--s) 0, close)}}.logo-mid{z-index:2;width:0;margin-left:calc(var(--s) * -.38 + .75px);position:relative}.logo-slash{background:var(--logo-slash);width:.16em;height:1.9em;box-shadow:0 0 .45em var(--logo-glow);translate:-50% -50%;transform:translateX(calc(tan(var(--tilt)) * .95em)) skewX(var(--tilt)) scaleY(0);transform-origin:50% 100%;border-radius:.05em;transition:transform .24s cubic-bezier(.5,0,.75,.4);position:absolute;top:50%;left:50%}.logo-r,.logo-mid{transition:transform .4s cubic-bezier(.2,.8,.2,1.15) .14s}.logo[data-animated]:hover .logo-r,:is(a,button):is(:hover,:focus-visible) .logo[data-animated] .logo-r{transition-delay:0s;transform:translate(.6em)}.logo[data-animated]:hover .logo-mid,:is(a,button):is(:hover,:focus-visible) .logo[data-animated] .logo-mid{transition-delay:0s;transform:translate(calc(.3em + .75px))}.logo[data-animated]:hover .logo-slash,:is(a,button):is(:hover,:focus-visible) .logo[data-animated] .logo-slash{transform:translateX(calc(tan(var(--tilt)) * .95em)) skewX(var(--tilt)) scaleY(1);transition:none;animation:.22s cubic-bezier(.3,.7,.2,1) .16s both logo-strike}@keyframes logo-strike{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.logo *{transition:none!important;animation:none!important}}.logo>.logo-icon{width:auto;height:1.104em;display:none}@media (max-width:639.98px){.logo[data-responsive]>.logo-banner{display:none}.logo[data-responsive]>.logo-icon{display:inline-block}}.logo-icon{display:inline-block;overflow:visible}.logo-icon-l{fill:var(--logo-l-bg)}.logo-icon-r{fill:var(--logo-r-bg)}.logo-icon-slash{fill:var(--logo-slash);filter:drop-shadow(0 0 1.6px var(--logo-glow));transform-box:fill-box;transform-origin:50% 0}.logo-icon-out{transform-box:fill-box;transform-origin:50% 100%;transition:transform .24s cubic-bezier(.5,0,.75,.4);transform:scaleY(0)}.logo-icon-r,.logo-icon-mid{transition:transform .4s cubic-bezier(.2,.8,.2,1.15) .14s}.logo-icon[data-animated]:hover .logo-icon-r,:is(a,button):is(:hover,:focus-visible) .logo-icon[data-animated] .logo-icon-r{transition-delay:0s;transform:translate(3px)}.logo-icon[data-animated]:hover .logo-icon-mid,:is(a,button):is(:hover,:focus-visible) .logo-icon[data-animated] .logo-icon-mid{transition-delay:0s;transform:translate(1.5px)}.logo-icon[data-animated]:hover .logo-icon-out,:is(a,button):is(:hover,:focus-visible) .logo-icon[data-animated] .logo-icon-out{transition:none;transform:scaleY(1)}.logo-icon[data-animated]:hover .logo-icon-slash,:is(a,button):is(:hover,:focus-visible) .logo-icon[data-animated] .logo-icon-slash{animation:.22s cubic-bezier(.3,.7,.2,1) .16s both logo-icon-strike}@keyframes logo-icon-strike{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}@layer utilities;