:root{--bottom-bar-height:46px;--bottom-bar-bg:#fff;--bottom-bar-icon-color:#000;--bottom-bar-icon-size:24px;--bottom-bar-disabled-opacity:.3;--bottom-bar-button-active-bg:#0000000d}.liff-bottom-bar{height:var(--bottom-bar-height);background-color:var(--bottom-bar-bg);z-index:1000;padding:0;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.liff-bottom-bar__button{height:100%;color:var(--bottom-bar-icon-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .2s,background-color .2s;display:flex}.liff-bottom-bar__button:hover:not(:disabled){background-color:var(--bottom-bar-button-active-bg)}.liff-bottom-bar__button:active:not(:disabled){background-color:var(--bottom-bar-button-active-bg);transform:scale(.95)}.liff-bottom-bar__button:focus-visible{outline-offset:2px;outline:2px solid #007aff}.liff-bottom-bar__button--disabled,.liff-bottom-bar__button:disabled{opacity:var(--bottom-bar-disabled-opacity);cursor:not-allowed}.liff-bottom-bar__button svg{width:var(--bottom-bar-icon-size);height:var(--bottom-bar-icon-size);stroke-width:2px}@media (width<=320px){.liff-bottom-bar__button svg{width:20px;height:20px}}