:root{--language-selector__background-color:var(--color-accent-4-500);--language-selector__font-size:var(--button-font-size);--language-selector__icon-color:var(--color-primary);--language-selector__checkbox-bg:#d9d9d9;--language-selector__border-color:#717171;--language-selector__border-radius:4px;--language-selector__single-item-background:var(--color-accent-4-500);--language-selector__single-item-color:var(--color-primary-500);--language-selector__single-item-hover-background:var(--color-accent-4-300);--language-selector__single-item-hover-color:var(--color-primary-500);--language-selector__single-item-border-radius:0}.language-selector{flex:1;display:flex;position:relative}@media screen and (width>=64rem){.language-selector{--language-selector__icon-color:var(--color-black)}}.language-selector__text{gap:var(--space-8);font-size:var(--language-selector__font-size);flex-grow:1;display:flex}.language-selector__name{text-align:left;text-transform:capitalize;flex-grow:1}.language-selector__item-wrapper{align-items:center;gap:var(--space-8);z-index:1;cursor:pointer;border:1px solid var(--language-selector__border-color);padding:var(--space-8) var(--space-16);color:currentColor;width:100%;transition:background-color .2s ease-in,color .2s ease-in;display:flex;position:relative}@media screen and (width>=64rem){.language-selector__item-wrapper{border-radius:var(--language-selector__border-radius);padding:var(--space-12) var(--space-24)}}.language-selector__item-wrapper:has(+[aria-hidden=false]){padding-bottom:calc(var(--space-8) + 1px);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (width>=64rem){.language-selector__item-wrapper:has(+[aria-hidden=false]){padding-bottom:calc(var(--space-12) + 1px)}}.language-selector__item-wrapper:has(+[aria-hidden=false]) .language-selector__arrow-icon{transform:rotate(180deg)}.language-selector__dropdown{box-sizing:border-box;border:1px solid var(--language-selector__border-color);width:100%;color:var(--color-black);border-top:none;grid-template-rows:1fr;transition:all .2s ease-in;display:grid;top:100%}@media screen and (width>=64rem){.language-selector__dropdown{border-bottom-right-radius:var(--language-selector__border-radius);border-bottom-left-radius:var(--language-selector__border-radius);background:var(--language-selector__background-color);position:absolute;left:0;right:auto}}.language-selector__dropdown[aria-hidden=true]{visibility:hidden;border-color:#0000;grid-template-rows:0fr}.language-selector__dropdown-container{overflow:hidden}.language-selector__dropdown-wrapper{gap:var(--space-8);padding:var(--space-8) var(--space-16);flex-direction:column;margin:0;list-style-type:none;display:flex}@media screen and (width>=64rem){.language-selector__dropdown-wrapper{gap:var(--space-12);padding:var(--space-12) var(--space-24)}}.language-selector__arrow-icon{width:var(--space-24);height:var(--space-24);align-self:center;transition:transform .2s ease-in}.language-selector__dropdown-item{font-weight:500;font-size:var(--font-size-body);padding:0}.language-selector__item{align-items:center;gap:var(--space-8);color:currentColor;text-transform:capitalize;text-decoration:none;display:flex;position:relative}.language-selector__item:hover{text-decoration:underline}.language-selector__checkbox{appearance:none;border:1px solid var(--color-black);border-radius:50%;place-content:center;width:18px;height:18px;position:relative}[data-language-selected=true]>.language-selector__checkbox:before{background:var(--color-primary);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}a.language-selector__single-item{--button-background:var(--language-selector__single-item-background);--button-color:var(--language-selector__single-item-color);--button-hover-background:var(--language-selector__single-item-hover-background);--button-hover-color:var(--language-selector__single-item-hover-color);--button-border-radius:var(--language-selector__single-item-border-radius);align-items:center;gap:var(--space-8);background:var(--language-selector__background-color);padding:var(--button-padding);color:currentColor;text-decoration:none;display:flex}.language-selector__icon{color:var(--language-selector__icon-color)}
