.ft-mol-tapbar{position:fixed;right:0;bottom:0;left:0;width:100%;z-index:2500;contain:layout;will-change:transform;transition:transform 0.3s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0px 0px 9px 0 rgba(0,0,0,0.15);border-top:0.07rem solid var(--color-mediumGrey)}.ft-mol-tapbar__skip-link{position:absolute;top:-40px;right:0;left:0;padding:0.8rem;z-index:100;transition:top 0.3s;background:var(--color-primary);color:var(--color-white)}.ft-mol-tapbar__skip-link:focus{top:0}.ft-mol-tapbar__container{position:relative;margin:0 auto;padding-top:0.5rem;padding-right:1.6rem;padding-left:1.6rem;height:auto;width:100%;display:flex;justify-content:space-around;align-items:center;max-width:60rem;min-height:4.5rem}.ft-mol-tapbar__container:before{content:"";position:absolute;top:0;height:100%;width:100vw;z-index:-1;background-color:var(--color-white)}.ft-mol-tapbar__container:after{content:"";position:absolute;top:0;height:100%;width:100vw;z-index:-1;background-color:var(--color-white)}.ft-mol-tapbar__container:before{left:-100vw}.ft-mol-tapbar__container:after{right:-100vw}.ft-mol-tapbar__icon-wrapper{transition:background 0.2s,transform 0.18s cubic-bezier(0.68,-0.55,0.27,1.55)}.ft-mol-tapbar__item{position:relative;cursor:pointer;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0rem;flex-basis:100%;transition:background-color 0.2s ease;color:var(--color-quaternary);border-radius:8px;outline:none}.ft-mol-tapbar__item:hover{background:rgba(var(--color-primary-rgb),0.08)}.ft-mol-tapbar__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:rgba(var(--color-primary-rgb),0.08)}.ft-mol-tapbar__item:active{transform:scale(0.96,0.94)}.ft-mol-tapbar__item:focus:not(:focus-visible){outline:none}.ft-mol-tapbar__item--disabled{opacity:0.5;pointer-events:none}.ft-mol-tapbar__item--active{color:var(--color-primary);font-weight:bold}.ft-mol-tapbar__item--active .ft-mol-tapbar__icon{position:relative;top:-0.4rem;animation:tapbar-bounceIn 0.32s cubic-bezier(0.68,-0.55,0.27,1.55);stroke:var(--color-white)}.pasatiempos .ft-mol-tapbar__item--active .ft-mol-tapbar__icon{stroke:var(--color-white)}.ft-mol-tapbar__item--active .ft-mol-tapbar__text{color:var(--color-primary);transition:color 0.2s;font-weight:400}.pasatiempos .ft-mol-tapbar__item--active .ft-mol-tapbar__text{color:var(--color-black)}.ft-mol-tapbar__item--active .ft-mol-tapbar__icon-wrapper{z-index:3}.ft-mol-tapbar__item--active .ft-mol-tapbar__icon-wrapper:after{content:"";position:absolute;top:-10px;right:0;left:0;margin:0 auto;height:3.5rem;width:3.5rem;z-index:1;animation:tapbar-bounceIn 0.32s cubic-bezier(0.68,-0.55,0.27,1.55);background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:50%}.pasatiempos .ft-mol-tapbar__item--active .ft-mol-tapbar__icon-wrapper:after{border:2px solid var(--color-white);background-color:var(--color-black)}.ft-mol-tapbar__icon{height:2.4rem;width:2.4rem;z-index:2;stroke:var(--color-primary);transition:transform 0.3s cubic-bezier(0.68,-0.55,0.27,1.55)}.ft-mol-tapbar__icon path{transition:fill 0.3s ease}.pasatiempos .ft-mol-tapbar__icon{stroke:var(--color-black)}.ft-mol-tapbar__text{position:relative;top:-0.2rem;z-index:2;transition:color 0.2s cubic-bezier(0.68,-0.55,0.27,1.55);font-weight:normal;font-size:1.1rem;line-height:1.25rem;text-align:center;color:var(--color-primary)}.pasatiempos .ft-mol-tapbar__text{color:var(--color-black)}.ft-mol-tapbar__canvas{position:absolute;top:0;right:0;height:100%;width:100%;z-index:0;pointer-events:none;background-color:var(--color-white)}.pasatiempos .ft-mol-tapbar__canvas{background-color:var(--color-white)}@keyframes tapbar-bounceIn{0%{transform:scale(0.85) translateY(12px);opacity:0.2}60%{transform:scale(1.08) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0)}}@keyframes tapbar-circle-pop{0%{transform:scale(0.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes tapbar-icon-smooth{0%{transform:translateY(8px) scale(0.92);opacity:0.7}60%{transform:translateY(-8px) scale(1.08);opacity:1}to{transform:translateY(-14px) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.ft-mol-tapbar *{transition:none;animation:none}}@media (forced-colors:active){.ft-mol-tapbar{border:1px solid CanvasText}.ft-mol-tapbar__item{border:1px solid CanvasText}.ft-mol-tapbar__item--active{border-width:2px}}