.close-button[data-v-3dcc5db7]{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:background .2s,box-shadow .2s,transform .2s}.close-button[data-v-3dcc5db7]:focus-visible{box-shadow:0 0 0 2px var(--primary)}.close-button svg[data-v-3dcc5db7]{transition:transform .3s ease}@media(any-hover:hover){.close-button:hover svg[data-v-3dcc5db7]{transform:rotate(90deg)}}.close-button--overlay[data-v-3dcc5db7]{background:#8080804d;border-radius:8px;height:44px;width:44px;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.close-button--overlay[data-v-3dcc5db7]:active{background:#80808080}@media(any-hover:hover){.close-button--overlay[data-v-3dcc5db7]:hover{background:#80808080}}.close-button--overlay svg[data-v-3dcc5db7]{fill:#fff}.close-button--menu[data-v-3dcc5db7]{background:#0000;border-radius:6px;height:38px;width:38px}.close-button--menu[data-v-3dcc5db7]:active{background:#80808080}.close-button--menu[data-v-3dcc5db7]:focus:not(:focus-visible){box-shadow:none;outline:none}@media(any-hover:hover){.close-button--menu[data-v-3dcc5db7]:hover{background:#8080804d}.close-button--menu[data-v-3dcc5db7]:hover:focus:not(:focus-visible){box-shadow:none}}.close-button--menu svg[data-v-3dcc5db7]{fill:var(--color-text-p)}