.language-suggestion-bar{background:var(--color-vokabula-700);color:#fff;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease-in-out;z-index:50}.language-suggestion-bar .container{margin:0 auto;max-width:100%;padding:.75rem 1rem}.language-suggestion-bar .content-flex{align-items:center;display:flex;gap:1rem}.language-suggestion-bar .message-section{flex:1;text-align:left}.language-suggestion-bar .primary-message{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.language-suggestion-bar .secondary-message{font-size:.75rem;font-style:italic;opacity:.9}.language-suggestion-bar .actions{align-items:center;display:flex;gap:.75rem}.language-suggestion-bar .btn-accept{background-color:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.language-suggestion-bar .btn-accept:hover{background-color:#ffffff4d}.language-suggestion-bar .btn-accept:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.language-suggestion-bar .btn-dismiss{background:transparent;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.language-suggestion-bar .btn-dismiss:hover{background-color:#ffffff1a}.language-suggestion-bar .btn-dismiss:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.language-suggestion-bar .mobile-icon{display:inline}@media (min-width:640px){.language-suggestion-bar .mobile-icon{display:none}}.language-suggestion-bar .desktop-text{display:none}@media (min-width:640px){.language-suggestion-bar .desktop-text{display:inline}}body:has(.language-suggestion-bar){padding-top:67px;transition:padding-top .3s ease-in-out}@media (max-width:639px){body:has(.language-suggestion-bar){padding-top:90px}}.language-suggestion-enter{transition:transform .3s ease-out}.language-suggestion-enter-start{transform:translateY(-100%)}.language-suggestion-enter-end{transform:translateY(0)}.language-suggestion-leave{transition:transform .3s ease-in}.language-suggestion-leave-start{transform:translateY(0)}.language-suggestion-leave-end{transform:translateY(-100%)}