.dot-hamburger{align-items:center;background:var(--hamburger-bg,#0000);border:1px solid var(--hamburger-border-color,currentcolor);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:border .2s cubic-bezier(.2,0,0,1),background .2s cubic-bezier(.2,0,0,1);width:40px;z-index:1}@media only screen and (max-width:734px){.dot-hamburger{height:34px;width:34px}}@media (any-hover:hover) and (pointer:fine){.dot-hamburger:hover{--hamburger-bg:var(--hamburger-bg-hover);--hamburger-border-color:var(--hamburger-border-color-hover);--hamburger-line-color:var(--hamburger-line-color-hover)}}.dot-hamburger:focus-visible{--hamburger-bg:var(--hamburger-bg-hover);--hamburger-border-color:var(--hamburger-border-color-hover);--hamburger-line-color:var(--hamburger-line-color-hover)}.dot-hamburger__circle{height:calc(100% + 10px);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-100deg) scale(.9);transition:all .3s cubic-bezier(.2,0,0,1);width:calc(100% + 10px);z-index:-1}@media only screen and (max-width:734px){.dot-hamburger__circle{height:calc(100% + 8px);width:calc(100% + 8px)}}.dot-hamburger__circle stop{stop-color:var(--color-primary)}.dot-hamburger__wrapper{align-items:center;display:flex;height:18px;justify-content:center;position:relative;width:4px}@media only screen and (max-width:734px){.dot-hamburger__wrapper{height:13px;width:3px}}.dot-hamburger__dot{background:var(--hamburger-line-color,currentColor);border-radius:50%;display:block;height:4px;position:absolute;transition:all .25s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1);width:4px}@media only screen and (max-width:734px){.dot-hamburger__dot{height:3px;width:3px}}.dot-hamburger__dot:first-child{top:0}.dot-hamburger__dot:nth-child(2){top:7px;transform-origin:100% 50%}@media only screen and (max-width:734px){.dot-hamburger__dot:nth-child(2){top:5px}}.dot-hamburger__dot:nth-child(3){top:14px}@media only screen and (max-width:734px){.dot-hamburger__dot:nth-child(3){top:10px}}.dot-hamburger.is-active .dot-hamburger__circle{opacity:1;transform:translate(-50%,-50%) rotate(0)}.dot-hamburger.is-active .dot-hamburger__dot:first-child{border-radius:5px;height:2px;top:50%;transform:rotate(-45deg) translateY(-50%) translate(0);transform-origin:50% 0;width:22px}@media only screen and (max-width:734px){.dot-hamburger.is-active .dot-hamburger__dot:first-child{width:17px}}.dot-hamburger.is-active .dot-hamburger__dot:nth-child(3){border-radius:5px;height:2px;top:50%;transform:rotate(45deg) translateY(-50%) translate(0);transform-origin:50% 0;width:22px}@media only screen and (max-width:734px){.dot-hamburger.is-active .dot-hamburger__dot:nth-child(3){width:17px}}.dot-hamburger.is-active .dot-hamburger__dot:nth-child(2){opacity:0;transform:scale(0);transform-origin:center center}