.header-user{display:flex;padding-bottom:1.25rem;position:relative}.header-user--logged .button__label{--tw-text-opacity:1;color:rgb(233 236 237/var(--tw-text-opacity))}.header-user .button{align-items:center;border-color:oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1em;min-height:3rem;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;transition-duration:.2s;transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));outline-color:var(--fallback-bc,oklch(var(--bc)/1));--tw-bg-opacity:1;--tw-border-opacity:1}.header-user .button:disabled,.header-user .button[disabled]{pointer-events:none}:where(.header-user .button:is(input[type=checkbox])),:where(.header-user .button:is(input[type=radio])){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto}.header-user .button:is(input[type=checkbox]):after,.header-user .button:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}@media (hover:hover){.header-user .button:hover{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color:color-mix(in oklab,black,black)){.header-user .button:hover{background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity,1)) 90%,#000)}}@supports not (color:oklch(0% 0 0)){.header-user .button:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.header-user .button.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.header-user .button:hover{border-color:transparent}@supports (color:oklch(0% 0 0)){.header-user .button:hover{background-color:var(--fallback-bc,oklch(var(--bc)/.2))}}.header-user .button:disabled:hover,.header-user .button[disabled]:hover{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:.2}@supports (color:color-mix(in oklab,black,black)){.header-user .button:is(input[type=checkbox]:checked):hover,.header-user .button:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}}@media (prefers-reduced-motion:no-preference){.header-user .button{animation:button-pop var(--animation-btn,.25s) ease-out}}.header-user .button:active:focus,.header-user .button:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}@supports not (color:oklch(0% 0 0)){.header-user .button{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.header-user .button:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.header-user .button.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.header-user .button.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.header-user .button{background-color:transparent;border-color:transparent;border-width:1px;color:currentColor;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.header-user .button.btn-active{background-color:var(--fallback-bc,oklch(var(--bc)/.2));border-color:transparent}.header-user .button.btn-disabled,.header-user .button:disabled,.header-user .button[disabled]{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:.2}.header-user .button:is(input[type=checkbox]:checked),.header-user .button:is(input[type=radio]:checked){--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.header-user .button:is(input[type=checkbox]:checked):focus-visible,.header-user .button:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}.join>:where(:not(:first-child)):is(.header-user .button){margin-inline-start:calc(var(--border-btn)*-1)}.join.join-vertical>:where(:not(:first-child)):is(.header-user .button){margin-top:calc(var(--border-btn)*-1)}.join.join-horizontal>:where(:not(:first-child)):is(.header-user .button){margin-inline-start:calc(var(--border-btn)*-1)}.header-user .button{display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}@media not all and (min-width:768px){.header-user .button{padding-left:.25rem;padding-right:.25rem}}.header-user .button__icon{font-size:1.5rem;line-height:2rem}.header-user .button__label{bottom:-1.25rem;display:-webkit-box;overflow:hidden;position:absolute;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.75rem;font-weight:400;line-height:.75rem;text-transform:capitalize}@media not all and (min-width:1024px){.header-user .button__label{display:none}}.header-user .button_mobile__label{display:block;font-size:.75rem;font-weight:400;line-height:1rem;text-align:center;text-transform:none;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:768px){.header-user .button_mobile__label{display:none}}
