.layer{display:"none";position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}@keyframes onOpen{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes onClose{0%{opacity:1}to{opacity:0;display:none}}.dialog-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.dialog-box{min-width:30%;min-height:30%;background-color:#fff;border-radius:1em;color:var(--font-color);display:flex;flex-direction:column;justify-content:space-between}.dialog-header{height:20%}.dialog-footer{height:18%;display:flex;align-items:center;justify-content:center;padding:0 1%;gap:1em}.dialog-footer button{width:50%}.cancel-dialog-button{background-color:var(--button-danger-color)}.success-dialog-button{background-color:var(--button-success-color)}.loader{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-right-color:#25b09b;animation:l15 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.loader:after{margin:8px;animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}.fallback{width:100%;height:100vh}footer{margin-top:10em}footer p{text-align:center}nav{padding-top:1em;display:flex}#list-nav{display:flex;gap:3em;font-size:20px}#flags{margin-left:10em;display:flex;gap:1em}.bt-flag-deactivated{opacity:.5}.bt-flag:hover .animate-ob,.cursor:hover .animate-ob{animation:onHoverItem 1s ease both}.selected-ob{width:100%;height:2px;background-color:#fff}.bt-flag:hover{cursor:pointer}.nav-mobile-wrapper .nav-item{width:max-content}.nav-mobile-wrapper .selected-ob{background-color:#fff}.nav-mobile-wrapper .cursor:hover .animate-ob{animation:onHoverItemMobile 1s ease both}.nav-mobile-wrapper{background-color:#1d302c;padding-left:25px;padding-right:25px;padding-top:20px;min-height:100vh;justify-content:space-between}.nav-mobile-wrapper p{color:#fff}.nav-mobile-wrapper nav{gap:1em;padding-top:5px}.flags-mobile div{gap:1em}.flags-mobile{gap:1em;margin-top:2em}@keyframes onHoverItemMobile{0%{width:2%;height:2px;background-color:#fff}to{width:100%;height:2px;background-color:#fff}}@keyframes onHoverItem{0%{width:2%;height:2px;background-color:#fff}to{width:100%;height:2px;background-color:#fff}}