.has-demo-dock .theme-demo{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
.demo-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;box-sizing:border-box;padding:6px max(12px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(255,250,252,.97);border-top:1px solid #f5dce5;box-shadow:0 -6px 28px rgba(114,59,81,.055);backdrop-filter:blur(16px);font-family:inherit}
.demo-dock__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:600px;margin:auto;gap:6px;height:58px}
.demo-dock__item{border:0;border-radius:18px;background:transparent;color:#937c85;font:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;cursor:pointer;min-width:0;padding:4px 6px;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s}
.demo-dock__item:hover{background:#fff0f5}.demo-dock__item.is-active{color:#a84368;background:#ffe8f0}
.demo-dock__icon,.demo-dock__icon svg{display:block;width:28px;height:28px}.demo-dock__active{display:none}.is-active .demo-dock__normal{display:none}.is-active .demo-dock__active{display:block}
.demo-dock__label{font-size:11px;font-weight:600;line-height:14px;letter-spacing:.01em}.demo-dock__item:focus-visible{outline:2px solid #c94b7b;outline-offset:1px}
@media(min-width:768px){.demo-dock{left:50%;right:auto;width:440px;transform:translateX(-50%);bottom:20px;border:1px solid #f5dce5;border-radius:26px;padding:7px 10px;box-shadow:0 8px 32px #723b5118}.has-demo-dock .theme-demo{padding-bottom:116px!important}}
@media(prefers-reduced-motion:reduce){.demo-dock__item{transition:none}}