.logia-account{position:relative;display:inline-block}.logia-account__trigger{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;color:#000}.logia-account__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#000;transition:background 0.2s ease}.logia-account__trigger:hover .logia-account__icon-wrap{background:#222}.logia-account__icon-wrap svg{display:block;width:25px;height:25px}.logia-account__label{color:#000;line-height:1;white-space:nowrap}.logia-account__icon{display:block}.logia-account__dropdown{display:none;opacity:0;transform:translateX(-50%) translateY(-6px);transition:opacity 0.2s ease,transform 0.2s ease;position:absolute;top:calc(100% + 12px);left:50%;right:auto;z-index:9999;min-width:200px;max-width:min(260px, calc(100vw - 24px));background:#111;border:1px solid rgb(255 255 255 / .08);border-radius:15px;box-shadow:0 12px 32px rgb(0 0 0 / .25),0 2px 8px rgb(0 0 0 / .15);overflow:hidden;padding:6px 0}.logia-account::after{content:"";position:absolute;top:100%;left:-10px;right:-10px;height:14px}.logia-account__dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.logia-account__dropdown a{display:flex;align-items:center;padding:11px 18px;text-decoration:none;color:rgb(255 255 255 / .85);font-size:.875rem;letter-spacing:.01em;transition:color 0.15s ease,background 0.15s ease}.logia-account__dropdown a:hover{color:#fff;background:rgb(255 255 255 / .07)}.logia-account__dropdown a+a{border-top:1px solid rgb(255 255 255 / .06)}.logia-account.logia-account--open .logia-account__dropdown{display:block;opacity:1;transform:translateX(-50%) translateY(0)}@media (min-width:1025px){.logia-account:hover .logia-account__dropdown{display:block;opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:767px){.logia-account__dropdown{left:auto;right:0;transform:translateY(-6px);min-width:180px;width:max-content;max-width:calc(100vw - 16px)}.logia-account.logia-account--open .logia-account__dropdown{transform:translateY(0)}.logia-account__dropdown a{padding:11px 16px}.logia-account__dropdown a:hover{padding-left:16px}}