.f-poi-btns .f-poi-btns__wrapper,.f-poi-btns-demo{position:relative}.f-planner-button-demo{height:80px;margin-right:52px;align-content:end;display:flex;flex-direction:row-reverse}.f-planner-button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;color:#fff;border-radius:60px;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background-color:#ee3c77;transition:.2s;cursor:pointer}.f-planner-button.show{opacity:1}.f-planner-button:hover{width:150px}.f-planner-button>.f-planner-button__title{display:none}.f-planner-button:hover>.f-planner-button__title{display:inline-block;margin-right:8px;font-size:16px;font-weight:600}.f-planner-button>.f-planner-button__icon{box-sizing:border-box;display:inline-block;height:32px;width:32px;background-position:50%;background-repeat:no-repeat;background-size:100%;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbl9sdWdnYWdlPC90aXRsZT4KICAgIDxnIGlkPSJpY29uX2x1Z2dhZ2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiB4PSIxIiB5PSIxMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE5IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgeD0iNSIgeT0iMSIgd2lkdGg9IjgiIGhlaWdodD0iOSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTMsMjkgTDYsMjkgTDYsMzAuNSBDNiwzMS4zMjg0MjcxIDUuMzI4NDI3MTIsMzIgNC41LDMyIEMzLjY3MTU3Mjg4LDMyIDMsMzEuMzI4NDI3MSAzLDMwLjUgTDMsMjkgTDMsMjkgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTIsMjkgTDE1LDI5IEwxNSwzMC41IEMxNSwzMS4zMjg0MjcxIDE0LjMyODQyNzEsMzIgMTMuNSwzMiBDMTIuNjcxNTcyOSwzMiAxMiwzMS4zMjg0MjcxIDEyLDMwLjUgTDEyLDI5IEwxMiwyOSBaIiBpZD0iUmVjdGFuZ2xlLUNvcHkiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiIgeD0iOCIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjExIiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMyIgZmlsbD0iI0ZGRkZGRiIgeD0iNCIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjExIiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMiIgZmlsbD0iI0ZGRkZGRiIgeD0iMTIiIHk9IjE0IiB3aWR0aD0iMiIgaGVpZ2h0PSIxMSIgcng9IjEiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);cursor:pointer}.f-poi-btns-demo{height:48px;margin-left:32px}.f-poi-btns{justify-content:center;align-items:center;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Segoe UI','Helvetica Neue',HelveticaNeue,'Microsoft JhengHei',微軟正黑體,sans-serif;margin:8px;color:#222;white-space:nowrap;cursor:pointer;display:inline-flex}.f-btn-primary,.f-btn-secondary{display:inline-block;padding:4px 8px;border-radius:4px;width:84px;height:24px}.f-btn-primary{color:#fff;background-color:#ee3c77;font-weight:600}.f-btn-secondary{color:#ee3c77;background-color:#fff}.f-poi-btns .f-poi-btns__add-star .f-poi-btns__add-star__icon,.f-poi-btns .f-poi-btns__loading_icon{margin-right:4px;display:inline-block;height:16px;width:16px;background-position:50% center;background-repeat:no-repeat;background-size:100%;cursor:pointer}.f-poi-btns .f-poi-btns__add-trip{display:flex;justify-content:center;align-items:center;margin-right:8px;cursor:pointer}.f-poi-btns .f-poi-btns__add-star{display:flex;justify-content:center;align-items:center;border:1px solid #ee3c77;cursor:pointer}.f-poi-btns .f-poi-btns__add-star .f-poi-btns__add-star__icon{font-weight:600;background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTIgMWExIDEgMCAwIDEgMSAxdjEzbC01LTUtNSA1VjJhMSAxIDAgMCAxIDEtMWg4em0tMSAySDV2Ny4xN2wzLTIuOTk4IDMgMi45OTlWM3oiIGlkPSJhIi8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8dXNlIGZpbGw9IiM5Nzk3OTciIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICA8ZyBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjRUUzQzc3Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==')}.f-poi-btns .f-poi-btns__add-trip .f-poi-btns__add-trip__icon{margin-right:4px;display:inline-block;height:16px;width:16px;background-position:50% center;background-repeat:no-repeat;background-size:100%;background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNOSAwdjYuOTk5TDE2IDd2Mkg5djdIN1Y5SDBWN2g3VjBoMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');cursor:pointer}