*,*:before,*:after{box-sizing:border-box}.hamburglar{transform:scale(.75);margin:auto;position:relative;display:block;width:68px;height:68px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.path-burger{position:absolute;top:0;left:0;height:68px;width:68px;-webkit-mask:url(#mask);mask:url(#mask);-webkit-mask-box-image:url(https://raygun.io/upload/mask.svg)}.animate-path{position:absolute;top:0;left:0;width:68px;height:68px}.path-rotation{height:34px;width:34px;margin:34px 34px 0 0;transform:rotate(0);transform-origin:100% 0}.path-rotation:before{content:"";display:block;width:30px;height:34px;margin-right:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.path-rotation:is(.dark *):before{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.burger-icon{position:absolute;padding:20px 16px;height:68px;width:68px}.burger-container{position:relative;height:28px;width:36px}.burger-bun-top,.burger-bun-bot,.burger-filling{position:absolute;display:block;height:4px;width:36px;border-radius:2px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.burger-bun-top:is(.dark *),.burger-bun-bot:is(.dark *),.burger-filling:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.burger-bun-top{top:0;transform-origin:34px 2px}.burger-bun-bot{bottom:0;transform-origin:34px 2px}.burger-filling{top:12px}.burger-ring,.svg-ring{position:absolute;top:0;left:0;width:68px;height:68px}.path{stroke-dasharray:240;stroke-dashoffset:240;stroke-linejoin:round}.hamburglar.is-open .path{animation:dash-in .6s linear forwards}.hamburglar.is-open .animate-path{animation:rotate-in .6s linear forwards}.hamburglar.is-closed .path{animation:dash-out .6s linear forwards}.hamburglar.is-closed .animate-path{animation:rotate-out .6s linear forwards}.hamburglar.is-open .burger-bun-top{animation:bun-top-out .6s linear forwards}.hamburglar.is-open .burger-bun-bot{animation:bun-bot-out .6s linear forwards}.hamburglar.is-closed .burger-bun-top{animation:bun-top-in .6s linear forwards}.hamburglar.is-closed .burger-bun-bot{animation:bun-bot-in .6s linear forwards}.hamburglar.is-open .burger-filling{animation:burger-fill-out .6s linear forwards}.hamburglar.is-closed .burger-filling{animation:burger-fill-in .6s linear forwards}@keyframes rotate-out{0%{transform:rotate(0)}40%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes rotate-in{0%{transform:rotate(360deg)}40%{transform:rotate(180deg)}to{transform:rotate(0)}}@keyframes dash-in{0%,40%{stroke-dashoffset:240}to{stroke-dashoffset:0}}@keyframes dash-out{0%{stroke-dashoffset:0}40%,to{stroke-dashoffset:240}}@keyframes bun-top-out{0%{left:0;top:0;transform:rotate(0)}20%{left:0;top:0;transform:rotate(15deg)}80%{left:-5px;top:0;transform:rotate(-60deg)}to{left:-5px;top:1px;transform:rotate(-45deg)}}@keyframes bun-bot-out{0%{left:0;transform:rotate(0)}20%{left:0;transform:rotate(-15deg)}80%{left:-5px;transform:rotate(60deg)}to{left:-5px;transform:rotate(45deg)}}@keyframes bun-top-in{0%{left:-5px;top:0;transform:rotate(-45deg)}20%{left:-5px;top:0;transform:rotate(-60deg)}80%{left:0;top:0;transform:rotate(15deg)}to{left:0;top:1px;transform:rotate(0)}}@keyframes bun-bot-in{0%{left:-5px;transform:rotate(45deg)}20%{left:-5px;transform:rotate(60deg)}80%{left:0;transform:rotate(-15deg)}to{left:0;transform:rotate(0)}}@keyframes burger-fill-in{0%{width:0;left:36px}40%{width:0;left:40px}80%{width:36px;left:-6px}to{width:36px;left:0}}@keyframes burger-fill-out{0%{width:36px;left:0}20%{width:42px;left:-6px}40%{width:0;left:40px}to{width:0;left:36px}}