.c-circle-menu{z-index:1000;border-radius:50%;width:48px;height:48px;position:fixed;bottom:12px;right:12px}@media (min-width:480px) and (min-height:480px){.c-circle-menu{width:64px;height:64px}}.c-circle-menu__items{z-index:2;margin:0;padding:0;list-style:none;display:block;position:absolute}.c-circle-menu__item{opacity:0;transition:transform,opacity;border-radius:50%;width:48px;height:48px;transition-duration:.3s,.3s;transition-timing-function:cubic-bezier(.35,-.59,.47,.97);display:block;position:absolute;top:0;left:0}.c-circle-menu__item:first-child{transition-delay:.4s}.c-circle-menu__item:nth-child(2){transition-delay:.3s}.c-circle-menu__item:nth-child(3){transition-delay:.2s}.c-circle-menu__item:nth-child(4){transition-delay:.1s}.c-circle-menu__item:nth-child(5){transition-delay:0s}.c-circle-menu.is-active .c-circle-menu__item{opacity:1;transition-timing-function:cubic-bezier(.35,.03,.47,1.59)}.c-circle-menu.is-active .c-circle-menu__item:first-child{transition-delay:0s;transform:translate(-144px)}@media (min-width:480px) and (min-height:480px){.c-circle-menu__item{width:64px;height:64px}.c-circle-menu.is-active .c-circle-menu__item:first-child{transform:translate(-288px)}}.c-circle-menu.is-active .c-circle-menu__item:nth-child(2){transition-delay:.1s;transform:translate(-134px,-56px)}@media (min-width:480px) and (min-height:480px){.c-circle-menu.is-active .c-circle-menu__item:nth-child(2){transform:translate(-267px,-111px)}}.c-circle-menu.is-active .c-circle-menu__item:nth-child(3){transition-delay:.2s;transform:translate(-102px,-102px)}@media (min-width:480px) and (min-height:480px){.c-circle-menu.is-active .c-circle-menu__item:nth-child(3){transform:translate(-204px,-204px)}}.c-circle-menu.is-active .c-circle-menu__item:nth-child(4){transition-delay:.3s;transform:translate(-56px,-134px)}@media (min-width:480px) and (min-height:480px){.c-circle-menu.is-active .c-circle-menu__item:nth-child(4){transform:translate(-111px,-267px)}}.c-circle-menu.is-active .c-circle-menu__item:nth-child(5){transition-delay:.4s;transform:translateY(-144px)}@media (min-width:480px) and (min-height:480px){.c-circle-menu.is-active .c-circle-menu__item:nth-child(5){transform:translateY(-288px)}}.c-circle-menu__link span,.c-circle-menu__link svg{top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.c-circle-menu__link{border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:inset 0 0 0 2px #fff}.c-circle-menu__link span{font-size:2.8rem;display:block;position:absolute}.c-circle-menu__link svg{width:24px;height:24px;position:absolute}@media (min-width:480px) and (min-height:480px){.c-circle-menu__link span{font-size:3.6rem}.c-circle-menu__link svg{width:36px;height:36px}}.c-circle-menu__link:hover{box-shadow:inset 0 0 0 2px #89a}.c-circle-menu__toggle{z-index:100;width:48px;height:48px;font:inherit;text-indent:-9999px;cursor:pointer;appearance:none;box-shadow:none;background-color:#89a;border:none;border-radius:50%;margin:0;padding:0;font-size:0;transition:background .3s;display:block;position:absolute}@media (min-width:480px) and (min-height:480px){.c-circle-menu__toggle{width:64px;height:64px}}.c-circle-menu__toggle.is-active,.c-circle-menu__toggle:focus,.c-circle-menu__toggle:hover{background-color:#64c957;outline:0}.c-circle-menu__toggle span,.c-circle-menu__toggle span:after,.c-circle-menu__toggle span:before{background:#fff;border-radius:1px;height:4px;display:block;position:absolute}.c-circle-menu__toggle span{transition:background .3s;top:22px;left:10px;right:10px}@media (min-width:480px) and (min-height:480px){.c-circle-menu__toggle span,.c-circle-menu__toggle span:after,.c-circle-menu__toggle span:before{border-radius:2px;height:8px}.c-circle-menu__toggle span{top:30px;left:16px;right:16px}}.c-circle-menu__toggle span:after,.c-circle-menu__toggle span:before{content:"";width:100%;transition-duration:.3s,.3s;transition-delay:.3s,0s;left:0}.c-circle-menu__toggle span:before{transition-property:top,transform;top:-8px}.c-circle-menu__toggle span:after{transition-property:bottom,transform;bottom:-8px}@media (min-width:480px) and (min-height:480px){.c-circle-menu__toggle span:before{top:-16px}.c-circle-menu__toggle span:after{bottom:-16px}}.c-circle-menu__toggle.is-active span{background:0 0}.c-circle-menu__toggle.is-active span:before{transition-delay:0s,.3s;top:0;transform:rotate(45deg)}.c-circle-menu__toggle.is-active span:after{transition-delay:0s,.3s;bottom:0;transform:rotate(-45deg)}.c-circle-menu__mask{z-index:1;visibility:hidden;opacity:0;background-color:#000c;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.c-circle-menu__mask.is-active{opacity:1;visibility:visible}