.trigger{position:fixed;top:0;right:0;z-index:1000;width:clamp(56.32px,17.6vw,167.024px);height:clamp(56.32px,17.6vw,167.024px);view-transition-name:trigger}@media only screen and (min-width:950px){.trigger{display:none}}.trigger span{position:absolute;top:0;right:clamp(25.6px,8vw,75.92px);display:block;width:clamp(20.48px,6.4vw,60.736px);height:clamp(1.7066666667px,.5333333333vw,5.0613333333px);background:var(--blue)}.trigger span:nth-of-type(1){top:clamp(19.6266666667px,6.1333333333vw,58.2053333333px)}.trigger span:nth-of-type(2){top:clamp(26.4533333333px,8.2666666667vw,78.4506666667px)}.trigger span:nth-of-type(3){top:clamp(33.28px,10.4vw,98.696px)}.trigger span:nth-of-type(4){top:clamp(26.4533333333px,8.2666666667vw,78.4506666667px);clip-path:polygon(0 0,0% 0,0% 100%,0 100%);transform:rotate(35deg)}.trigger span:nth-of-type(5){top:clamp(26.4533333333px,8.2666666667vw,78.4506666667px);clip-path:polygon(0 0,0% 0,0% 100%,0 100%);transform:rotate(-35deg)}@keyframes open1{0%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}[data-menu=show] .trigger span:nth-of-type(1){animation:open1 .3s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=show] .trigger span:nth-of-type(2){animation:open1 .3s .05s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=show] .trigger span:nth-of-type(3){animation:open1 .3s .1s cubic-bezier(.16,1.08,.38,.98) forwards}@keyframes open2{0%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}[data-menu=show] .trigger span:nth-of-type(4){animation:open2 .3s .15s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=show] .trigger span:nth-of-type(5){animation:open2 .3s .2s cubic-bezier(.16,1.08,.38,.98) forwards}@keyframes hide1{0%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}[data-menu=hide] .trigger span:nth-of-type(1){clip-path:polygon(0 0,0% 0,0% 100%,0 100%);animation:hide1 .3s .1s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=hide] .trigger span:nth-of-type(2){clip-path:polygon(0 0,0% 0,0% 100%,0 100%);animation:hide1 .3s .15s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=hide] .trigger span:nth-of-type(3){clip-path:polygon(0 0,0% 0,0% 100%,0 100%);animation:hide1 .3s .2s cubic-bezier(.16,1.08,.38,.98) forwards}@keyframes hide2{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}[data-menu=hide] .trigger span:nth-of-type(4){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:hide2 .3s cubic-bezier(.16,1.08,.38,.98) forwards}[data-menu=hide] .trigger span:nth-of-type(5){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:hide2 .3s .05s cubic-bezier(.16,1.08,.38,.98) forwards}
