.ds-button__wrapper[data-v-a7365732]{aspect-ratio:1/1;color:#fff;display:block;height:var(--nav-size);position:relative;transition:color .4s cubic-bezier(.39,.575,.565,1);width:var(--nav-size);z-index:1}.ds-button__wrapper.inverse[data-v-a7365732]{color:#050516}.ds-button__wrapper.inverse .square[data-v-a7365732]{background-color:#050516}.ds-button__wrapper.inverse .circle[data-v-a7365732]{background-color:#d3dee5}.square[data-v-a7365732]{background-color:#d3dee5;will-change:transform}.circle[data-v-a7365732],.square[data-v-a7365732]{aspect-ratio:1/1;bottom:0;height:auto;position:absolute;transform-origin:bottom left;transition:background-color .4s cubic-bezier(.39,.575,.565,1);width:100%}.circle[data-v-a7365732]{align-items:center;background-color:#050516;border-radius:100%;display:flex;justify-content:center}@media(min-width:1024px){.circle[data-v-a7365732],.square[data-v-a7365732]{height:auto}.circle[data-v-a7365732]:hover{cursor:pointer}.circle:hover.--open[data-v-a7365732]{cursor:unset}}@media(hover:hover)and (pointer:fine){.ds-button__wrapper.inverse[data-v-a7365732]:hover{color:#fff}.ds-button__wrapper.inverse:hover .square[data-v-a7365732]{background-color:#d3dee5}.ds-button__wrapper.inverse:hover .circle[data-v-a7365732]{background-color:#050516}.ds-button__wrapper[data-v-a7365732]:hover{color:#050516}.ds-button__wrapper:hover .square[data-v-a7365732]{background-color:#050516}.ds-button__wrapper:hover .circle[data-v-a7365732]{background-color:#d3dee5}}