.locale-select-dialog-wrapper{background-color:var(--color-white);border:none;border-radius:16px;width:360px;padding:0;display:flex;box-shadow:0 12px 32px #00000024}@media screen and (max-width:700px){.locale-select-dialog-wrapper{width:calc(100% - 40px)}}.locale-select-dialog-wrapper:focus{outline:none}.locale-select-dialog-wrapper .locale-select-dialog-inner{box-sizing:border-box;width:100%;padding:24px}@media screen and (max-width:700px){.locale-select-dialog-wrapper .locale-select-dialog-inner{padding:20px 16px}}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header .locale-select-dialog-title{font-size:var(--font-size-md);color:var(--color-dark)}@media screen and (max-width:700px){.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header .locale-select-dialog-title{font-size:var(--font-size-sm)}}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header .locale-select-dialog-close{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header .locale-select-dialog-close svg{width:20px;height:20px}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-header .locale-select-dialog-close:hover{opacity:.6}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-list{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option{box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-white);width:100%;height:50px;color:var(--color-dark);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,background-color .15s,color .15s;display:flex}@media screen and (max-width:700px){.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option{height:46px;padding:0 14px}}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option:hover{border-color:var(--color-primary);background-color:var(--color-background-hover)}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option.selected{border-color:var(--color-primary);background-color:var(--color-background-highlight);color:var(--color-primary)}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option.selected p{color:var(--color-primary)}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-option .locale-select-dialog-check-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-button-box{justify-content:flex-end;gap:8px;width:100%;padding-top:24px;display:flex}.locale-select-dialog-wrapper .locale-select-dialog-inner .locale-select-dialog-button-box .locale-select-dialog-button{min-width:72px}.locale-select-dialog-wrapper::backdrop{background-color:#00000080}
