.nasi-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:2147483646;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -6px 20px rgb(0 0 0 / .08);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.nasi-bottom-nav,.nasi-bottom-nav *{box-sizing:border-box}.nasi-bottom-nav__item,.nasi-bottom-nav__item:link,.nasi-bottom-nav__item:visited,.nasi-bottom-nav__item:hover,.nasi-bottom-nav__item:active{color:#202020;text-decoration:none}.nasi-bottom-nav__item{appearance:none;border:0;background:#fff0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;border-radius:12px;padding:6px 4px;font-size:11px;line-height:1.2;font-weight:600;transition:color 0.15s ease,background-color 0.15s ease;text-align:center}.nasi-bottom-nav__item:focus-visible{outline:2px solid rgb(244 176 0 / .45);outline-offset:-1px}.nasi-bottom-nav__icon{display:inline-flex;width:20px;height:20px;color:currentColor}.nasi-bottom-nav__icon svg{width:20px;height:20px;fill:none;stroke:currentColor}.nasi-bottom-nav__item.is-active,.nasi-bottom-nav__item.is-active:link,.nasi-bottom-nav__item.is-active:visited{color:#f4b000}.nasi-bottom-nav__item.is-active .nasi-bottom-nav__icon,.nasi-bottom-nav__item.is-active .nasi-bottom-nav__label{color:#f4b000}.nasi-bottom-nav__item:nth-child(3),.nasi-bottom-nav__item:nth-child(3):link,.nasi-bottom-nav__item:nth-child(3):visited,.nasi-bottom-nav__item:nth-child(3):hover,.nasi-bottom-nav__item:nth-child(3):active{position:relative;width:64px;min-height:64px;margin:-14px auto 0;border-radius:5px;background:#f4b000;color:#1d1b16;font-weight:700;box-shadow:0 4px 12px rgb(244 176 0 / .45)}.nasi-bottom-nav__item:nth-child(3)::before{content:none}.nasi-bottom-nav__item:nth-child(3) .nasi-bottom-nav__icon,.nasi-bottom-nav__item:nth-child(3) .nasi-bottom-nav__label{color:#1d1b16}.nasi-bottom-nav__item:nth-child(3).is-active,.nasi-bottom-nav__item:nth-child(3).is-active:link,.nasi-bottom-nav__item:nth-child(3).is-active:visited{color:#1d1b16;box-shadow:0 5px 14px rgb(244 176 0 / .55)}.nasi-bottom-nav__item:nth-child(3):focus-visible{outline:2px solid rgb(29 27 22 / .55);outline-offset:4px}body.has-nasi-bottom-nav{padding-bottom:calc(82px + env(safe-area-inset-bottom))}@media (min-width:901px){.nasi-bottom-nav{top:50%;bottom:auto;left:auto;right:14px;transform:translateY(-50%);z-index:1000;width:86px;max-height:calc(100vh - 28px);border:1px solid #e1e1e1;border-radius:16px;grid-template-columns:1fr;gap:4px;padding:10px 8px;box-shadow:0 10px 24px rgb(0 0 0 / .12);overflow-y:auto}.nasi-bottom-nav__item{min-height:58px;width:100%;margin:0}.nasi-bottom-nav__item:nth-child(3),.nasi-bottom-nav__item:nth-child(3):link,.nasi-bottom-nav__item:nth-child(3):visited,.nasi-bottom-nav__item:nth-child(3):hover,.nasi-bottom-nav__item:nth-child(3):active{width:64px;min-height:64px;margin:4px auto;border-radius:5px;background:#f4b000;color:#1d1b16;font-weight:700;box-shadow:0 4px 12px rgb(244 176 0 / .45)}.nasi-bottom-nav__item:nth-child(3) .nasi-bottom-nav__icon,.nasi-bottom-nav__item:nth-child(3) .nasi-bottom-nav__label{color:currentColor}.nasi-bottom-nav__item:nth-child(3).is-active,.nasi-bottom-nav__item:nth-child(3).is-active:link,.nasi-bottom-nav__item:nth-child(3).is-active:visited{color:#1d1b16;box-shadow:0 5px 14px rgb(244 176 0 / .55)}.nasi-bottom-nav__item:nth-child(3):focus-visible{outline:2px solid rgb(29 27 22 / .55);outline-offset:4px}body.has-nasi-bottom-nav{padding-bottom:0;padding-right:0}}