.quick-menu{bottom:70px;display:flex;flex-direction:column;justify-content:end;position:fixed;right:22px;text-align:right;top:auto;z-index:1000}@media (min-width:561px){.quick-menu{bottom:90px;right:22px}}.quick-menu .wrapper,.quick-menu .wrapper .fab{align-items:center;border-radius:100%;display:flex;height:50px;justify-content:center;position:relative;width:50px}.quick-menu .wrapper .fab{animation:fab-animation-reverse .4s ease-out forwards;background:var(--primary-color);box-shadow:0 2px 4px #0006;z-index:3}.quick-menu .wrapper .fab:after,.quick-menu .wrapper .fab:before{background:#fff;border-radius:4px;content:"";display:block;position:absolute}.quick-menu .wrapper .fab:before{height:18px;width:4px}.quick-menu .wrapper .fab:after{height:4px;width:18px}.quick-menu .wrapper .fac{align-items:center;background:#fff;border-radius:64px;bottom:90px;box-shadow:0 2px 4px #0006;display:flex;flex-direction:column;justify-content:space-around;min-width:32px;opacity:0;overflow:hidden;padding:0;position:absolute;top:auto;transform:translateY(200%)!important;transition:opacity .2s ease-in,transform .2s ease-in,width .1s ease-in;z-index:2}.quick-menu .wrapper .fac a{border-bottom:1px solid var(--primary-color);color:var(--primary-color);display:flex;flex:1;flex-direction:column;font-size:12px;justify-content:center;opacity:.8;padding:20px 7.5px;text-align:center;transition:all .2s ease-out;width:100%}@media (min-width:561px){.quick-menu .wrapper .fac a{font-size:14px}}.quick-menu .wrapper .fac a:hover{background:var(--primary-color);color:#fff;opacity:1}.quick-menu .wrapper .fac a:last-child{border-bottom:0}.quick-menu .wrapper input{border-radius:100%;cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:5}.quick-menu .wrapper input:checked~.fab{animation:fab-animation .4s ease-out forwards}.quick-menu .wrapper input:checked~.fac{animation:fac-animation .4s ease-out .1s forwards;animation:all .1s ease-out forwards;bottom:70px;min-width:32px;opacity:1;top:auto;transform:translateY(0)!important}@keyframes fab-animation{0%{transform:rotate(0) scale(1)}20%{transform:rotate(60deg) scale(.93)}55%{transform:rotate(35deg) scale(.97)}80%{transform:rotate(48deg) scale(.94)}to{transform:rotate(45deg) scale(.95)}}@keyframes fab-animation-reverse{0%{transform:rotate(45deg) scale(.95)}20%{transform:rotate(-15deg)}55%{transform:rotate(10deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0) scale(1)}}@keyframes fac-animation{0%{transform:scale(1)}33%{transform:scale(.95,1.05)}66%{transform:scale(1.05,.95)}to{transform:scale(1)}}
