.flag-container{position:fixed;z-index:19;display:flex;gap:1rem;flex-direction:column;pointer-events:none}.flag-container .flag-item{position:relative;overflow:hidden;flex-grow:0;pointer-events:auto}.flag-container:not(.without-label) .flag-item:hover{transform:translateX(0) !important}@media screen and (min-width: 768px){.flag-container.desktop-right,.flag-container.desktop-left{top:calc(20vh + var(--header-height, 0))}.flag-container.desktop-right{right:0}.flag-container.desktop-left{left:0}}@media screen and (max-width: 768px){.flag-container.mobile-bottom-bar,.flag-container.mobile-top-bar{gap:1px;left:0;right:0;display:grid;grid-template-columns:repeat(var(--flag-count, 0), 1fr);justify-content:space-around;align-items:center;background-color:var(--body-bg);width:100vw;position:fixed}.flag-container.mobile-bottom-bar .label,.flag-container.mobile-top-bar .label{display:none}.flag-container.mobile-bottom-bar .flag-item,.flag-container.mobile-top-bar .flag-item{transform:translateX(0);border-radius:0;flex-grow:1;justify-content:center;display:block;height:100%}.flag-container.mobile-bottom-bar .flag-item .flag-content,.flag-container.mobile-top-bar .flag-item .flag-content{height:100%}.flag-container.mobile-bottom-bar .flag-item .icon,.flag-container.mobile-top-bar .flag-item .icon{aspect-ratio:auto;flex-grow:1}.flag-container.mobile-top-bar{top:0}.flag-container.mobile-bottom-bar{bottom:0}.flag-container.mobile-right,.flag-container.mobile-left{top:calc(20vh + var(--header-height, 0))}.flag-container.mobile-right{right:0}.flag-container.mobile-left{left:0}.flag-container .flag-item.hide-mobile{display:none}}.flag-container .flag-content{background-color:var(--bg);color:var(--contrast);display:flex;align-items:center;cursor:pointer}.flag-container .flag-content .icon{font-size:1.4rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;padding:1rem;width:3.5rem}.flag-container .flag-content .icon img{width:1.4rem;height:auto}.flag-container .flag-content .label{white-space:nowrap;padding:1rem;display:flex;align-items:center}.flag-container .flag-content:hover{background-color:var(--hover)}.flag-container .flag-content:hover .label{width:auto}.flag-container.desktop-right,.flag-container.mobile-right{align-items:end}.flag-container.desktop-right .flag-item,.flag-container.mobile-right .flag-item{transform:translateX(calc(100% - 3.5rem));transition:transform .4s}.flag-container.desktop-left,.flag-container.mobile-left{align-items:start}.flag-container.desktop-left .flag-item,.flag-container.mobile-left .flag-item{transform:translateX(calc(-100% + 3.5rem));transition:transform .4s}.flag-container.desktop-left .flag-item .icon,.flag-container.mobile-left .flag-item .icon{order:1}.flag-container.desktop-left .flag-item .label,.flag-container.mobile-left .flag-item .label{order:0}@media screen and (max-width: 768px){.flag-container.mobile-bottom-bar .flag-content .label,.flag-container.mobile-top-bar .flag-content .label{display:none}.flag-container.mobile-bottom-bar .flag-item,.flag-container.mobile-top-bar .flag-item{transform:translateX(0);border-radius:0;flex-grow:1;justify-content:center}.flag-container.mobile-bottom-bar .flag-item .icon,.flag-container.mobile-top-bar .flag-item .icon{aspect-ratio:auto;flex-grow:1}}/*# sourceMappingURL=flags.min.css.map */