@keyframes button{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes tip{0%{transform:perspective(600px) rotateY(0) rotateX(90deg) translate(0)}to{transform:perspective(600px) rotateY(0) rotateX(0) translate(0)}}@keyframes tip-mobile{0%{transform:translateY(100px)}to{transform:translateY(0)}}.floatingActionButton{position:fixed;z-index:50;bottom:0;left:0;width:100vw}.floatingActionButton.isOpen{z-index:500}.floatingActionButton__container{display:flex;position:absolute;right:0;bottom:0;align-items:center;width:0;height:7rem}.floatingActionButton__area{position:absolute;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;animation:button .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.floatingActionButton__button{-webkit-tap-highlight-color:rgba(255,255,255,0);font-size:1.75rem;width:3rem;height:3rem;border-radius:3rem;background:#fff;color:#242424;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:.0625rem .1875rem .5rem #00000040;transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94)}html.mouse .floatingActionButton__button:hover{background-color:#f8f8f8}.floatingActionButton__button[data-color=gold],.floatingActionButton:not([data-counter="0"]) .floatingActionButton__button{background:#ffc200;box-shadow:.0625rem .1875rem .5rem #0000001a}html.mouse .floatingActionButton__button[data-color=gold]:hover,html.mouse .floatingActionButton:not([data-counter="0"]) .floatingActionButton__button:hover{background-color:#ffd44d}.floatingActionButton__counter{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;padding-bottom:.09375rem;border-radius:1.125rem;background:#000;color:#eee;font-size:.625rem;font-weight:400;line-height:1}.floatingActionButton__counter.isBig{padding-bottom:.125rem;font-size:.625rem;font-weight:700}.floatingActionButton__tip{display:flex;position:absolute;z-index:-1;right:3.25rem;flex-direction:column;justify-content:center;width:18.75rem;padding:1rem 2rem 1rem 1rem;border-radius:4px;background:#fff;box-shadow:.0625rem .1875rem .5rem #00000040;line-height:1.3}.floatingActionButton__tip h1{margin-bottom:.5rem;font-family:PT Sans Narrow,Open Sans,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase}.floatingActionButton__tip p{font-size:.75rem}.floatingActionButton__tip:not(.hide){animation:tip .3s cubic-bezier(.25,.46,.45,.94)}.floatingActionButton__area:before,.floatingActionButton__area:after{content:"";position:absolute;z-index:-2;transform:scale(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.5s}.floatingActionButton__area:after{background:#fff;width:6rem;height:6rem;border-radius:6rem}.floatingActionButton__area:before{background:#ffc200;width:50rem;height:50rem;border-radius:50rem}.floatingActionButton__bubble{pointer-events:none;opacity:0;transform:translateY(2rem);display:block;position:absolute;font-size:.875rem;line-height:1.3;right:0;left:22vw;bottom:5rem;padding:0;z-index:1;transition:transform 1s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94);transition-delay:0s}.floatingActionButton__bubble span{pointer-events:none}.floatingActionButton__ok{margin-top:10px;padding:.25rem 0;text-transform:uppercase;background:#ffc200;font-size:.75rem}.floatingActionButton.hasBubble .floatingActionButton__area:after{transform:scale(1)}.floatingActionButton.hasBubble .floatingActionButton__area:before{transform:scale(1)}.floatingActionButton.hasBubble .floatingActionButton__bubble{opacity:1;pointer-events:all;transform:translateY(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94);transition-delay:.7s}.hideFab .floatingActionButton{display:none}@media (min-width: 768px){.floatingActionButton{width:calc(100% - ((100% - 728px)/2) - 16px)}.floatingActionButton__bubble{bottom:8rem;font-size:1.25rem;left:-20rem}.floatingActionButton__bubble span{display:block}.floatingActionButton__area{right:0}.floatingActionButton__area:after{width:9rem;height:9rem;border-radius:9rem}.floatingActionButton__ok{font-size:1rem;margin-top:1.25rem}}@media (min-width: 1152px){.floatingActionButton{width:calc(100% - ((100% - 1056px)/2) - 16px)}.floatingActionButton__tip{right:4.25rem}.floatingActionButton__area{right:.0625rem}}@media (max-width: 767px){.floatingActionButton__area{right:1rem;bottom:1rem}.floatingActionButton__area:before{width:160vw;height:160vw}.floatingActionButton__container{width:100vw;height:0}.floatingActionButton__tip{right:0;bottom:0;left:0;width:auto;min-height:7rem;padding-right:4.5rem;padding-left:.75rem;border-radius:0}.floatingActionButton__tip:not(.hide){animation:tip-mobile .3s cubic-bezier(.25,.46,.45,.94)}}