.taroify-fixed-nav{display:inline-block;height:var(--fixed-nav-height,100px);position:fixed}.taroify-fixed-nav,.taroify-fixed-nav_btn{right:0;z-index:var(--fixed-nav-z-index,1010)}.taroify-fixed-nav_btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fixed-nav-button-background,var(--primary-color,#1989fa));border-radius:90px 0 0 90px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;position:absolute;width:140px}.taroify-fixed-nav_btn .taroify-fixed-nav_btn-icon{line-height:normal;margin-right:10px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all .3s;transition:all .3s}.taroify-fixed-nav_btn-text{-ms-flex-negative:0;color:#fff;flex-shrink:0;font-size:var(--fixed-nav-button-font-size,24px);line-height:26px;width:48px}.taroify-fixed-nav_content{-ms-flex-negative:0;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fixed-nav-background-color,var(--white,#fff));border-radius:50px 0 0 50px;-webkit-box-shadow:4px 4px 16px 0 rgba(0,0,0,.2);box-shadow:4px 4px 16px 0 rgba(0,0,0,.2);flex-shrink:0;justify-content:space-between;padding:0 160px 0 40px;position:absolute;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s;transition:all .5s;z-index:var(--fixed-nav-z-content-index,1009)}.taroify-fixed-nav_content,.taroify-fixed-nav_content--item{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.taroify-fixed-nav_content--item{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fixed-nav-color,var(--gray-8,#323233));-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;flex-shrink:0;justify-content:center;min-width:100px;position:relative}.taroify-fixed-nav_content--img{height:40px;margin-bottom:4px;width:40px}.taroify-fixed-nav_content--text{font-size:20px}.taroify-fixed-nav--active .taroify-fixed-nav_btn-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.taroify-fixed-nav--active .taroify-fixed-nav_content{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}.taroify-fixed-nav--active .taroify-fixed-nav--left .taroify-icon{-webkit-transform:rotate(0deg)!important;-ms-transform:rotate(0deg)!important;transform:rotate(0deg)!important}.taroify-fixed-nav--left{left:0;right:auto}.taroify-fixed-nav--left .taroify-fixed-nav_btn{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;border-radius:0 90px 90px 0;-ms-flex-direction:row-reverse;flex-direction:row-reverse;left:0;right:auto}.taroify-fixed-nav--left .taroify-fixed-nav_btn-icon{margin-left:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.taroify-fixed-nav--left .taroify-fixed-nav_content{border-radius:0 50px 50px 0;padding:0 40px 0 160px;right:auto;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}