:root{--primary-timing-func: cubic-bezier(.86, 0, .07, 1);--button-radius: 60px;--button-inner-ring-radius: 120px;--button-outer-ring-radius: 100px;--button-gradient: 135deg, rgba(244,87,116,1) 0%, rgba(229,69,139,1) 100%;--main-background-color: #edc1c2;--menu-radius: calc(var(--button-radius) - 2px);--menu-height: 255px;--menu-width: 245px;--menu-border-radius: 10px;--menu-bg-color: #141622;--menu-timing-function: var(--primary-timing-func);--menu-icon-size: 30px;--close-icon-timing-function: var(--primary-timing-func)}svg{fill:#fff}.sticky-menu-container{position:fixed;right:calc(var(--button-radius));bottom:calc(var(--button-radius));display:flex;align-items:center;justify-content:center}.sticky-menu-container .outer-button{position:absolute;height:var(--button-radius, 70px);width:var(--button-radius, 70px);border-radius:50%;background:#f45774;background:-moz-linear-gradient(var(--button-gradient));background:-webkit-linear-gradient(var(--button-gradient));background:linear-gradient(var(--button-gradient));display:flex;align-items:center;justify-content:center;box-shadow:10px 10px 18px 5px #0003;cursor:pointer}.sticky-menu-container .outer-button .icon-container{height:inherit;width:inherit;border-radius:inherit;display:inherit;align-items:inherit;justify-content:inherit;overflow:hidden;position:relative;cursor:inherit}.sticky-menu-container .outer-button .close-icon{transform:scale(0) rotate(-270deg);opacity:0;height:25px;width:25px;position:absolute;fill:#fff}.sticky-menu-container .outer-button .arrow-icon{height:25px;width:25px;position:absolute;fill:#fff}.sticky-menu-container .outer-button .arrow-icon.hiding-spot{transform:translate(calc(var(--button-radius) / -2)) translateY(calc(var(--button-radius) / 2));opacity:0}.sticky-menu-container .outer-button .close-icon.show{animation-duration:1s;animation-name:close-in;animation-fill-mode:forwards;animation-timing-function:var(--close-icon-timing-function)}.sticky-menu-container .outer-button .close-icon.hide{animation-duration:1s;animation-name:close-out;animation-timing-function:var(--close-icon-timing-function)}.sticky-menu-container .outer-button .arrow-icon.show{opacity:0;animation-duration:1s;animation-name:arrow-in;animation-fill-mode:forwards;animation-timing-function:var(--close-icon-timing-function)}.sticky-menu-container .outer-button .arrow-icon.hide{animation-duration:1s;animation-name:arrow-out;animation-fill-mode:forwards;animation-timing-function:var(--close-icon-timing-function)}.sticky-menu-container .outer-button:after,sticky-menu-container.outer-button:before{position:absolute;display:inline-block;content:"";height:var(--button-inner-ring-radius);width:var(--button-inner-ring-radius);border-radius:50%;background-color:transparent;border:0px solid rgba(255,255,255,.5);opacity:0;cursor:pointer}.sticky-menu-container .outer-button.clicked:after{animation-duration:.5s;animation-name:touch-click-inner;animation-iteration-count:1;animation-fill-mode:forwards}.sticky-menu-container .outer-button:before{height:var(--button-outer-ring-radius);width:var(--button-outer-ring-radius)}.sticky-menu-container .outer-button.clicked:before{animation-name:touch-click-outer;animation-duration:.5s;animation-iteration-count:1;animation-delay:.25s}.sticky-menu-container .inner-menu{position:absolute;height:var(--menu-height);width:var(--menu-width);border-radius:var(--menu-border-radius);background-color:var(--menu-bg-color);transform:translate(-91px) translateY(-169px);transition:all 1s cubic-bezier(.86,0,.07,1);padding:30px;overflow:hidden;box-shadow:10px 10px 18px 5px #0006}.sticky-menu-container .inner-menu>ul{height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:space-between;margin:0;padding:0}.sticky-menu-container .inner-menu>.menu-list>.menu-item{color:#fff;text-transform:uppercase;letter-spacing:3px;width:100%;display:flex;align-items:center}.sticky-menu-container .inner-menu>.menu-list>.menu-item{overflow:hidden}.sticky-menu-container .inner-menu>.menu-list>.menu-item>.item-icon{margin-right:20px;display:flex;align-items:center;justify-content:center}.sticky-menu-container .inner-menu>.menu-list>.menu-item>.item-icon>svg{height:var(--menu-icon-size);width:var(--menu-icon-size)}.sticky-menu-container .inner-menu.closed{height:var(--menu-radius);width:var(--menu-radius);border-radius:50%;padding:0;transform:unset}.sticky-menu-container .inner-menu>.menu-list>.menu-item>.item-text{opacity:0}.sticky-menu-container .inner-menu>.menu-list>.menu-item>.item-text.text-in{animation-duration:1.5s;animation-name:text-in;animation-fill-mode:forwards;animation-timing-function:var(--close-icon-timing-function)}.sticky-menu-container .inner-menu>.menu-list>.menu-item.text-hides{animation-duration:.2s;animation-name:text-hides;animation-fill-mode:forwards;animation-timing-function:var(--close-icon-timing-function)}@keyframes touch-click-inner{50%{transform:scale(.375);border-width:30px;opacity:1}to{transform:scale(1);border-width:1px;opacity:0}}@keyframes touch-click-outer{0%{border-width:10px;opacity:0}50%{opacity:.2}to{transform:scale(1.1);opacity:0}}@keyframes close-in{0%{transform:scale(0) rotate(270deg);opacity:0}to{transform:scale(1.1) rotate(0);opacity:1}}@keyframes close-out{0%{transform:scale(1.1) rotate(0);opacity:1}to{transform:scale(0) rotate(270deg);opacity:0}}@keyframes arrow-out{0%{transform:translate(0) translateY(0)}to{transform:translate(calc(var(--button-radius) / 1.5)) translateY(calc(var(--button-radius) / -1.5))}}@keyframes arrow-in{0%{transform:translate(calc(-1 * var(--button-radius))) translateY(calc(var(--button-radius)));opacity:0}to{transform:translate(0) translateY(0);opacity:1}}@keyframes text-in{0%{opcaity:1;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes text-hides{0%{opacity:1}to{opacity:0}}.text-white{text-decoration:none}body{background-color:#1a1919;color:#fff}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
