.close-button[data-v-3dcc5db7]{cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.close-button[data-v-3dcc5db7]:focus-visible{box-shadow:0 0 0 2px var(--primary)}.close-button svg[data-v-3dcc5db7]{transition:transform .3s}@media (any-hover:hover){.close-button:hover svg[data-v-3dcc5db7]{transform:rotate(90deg)}}.close-button--overlay[data-v-3dcc5db7]{-webkit-tap-highlight-color:#fff3;background:#8080804d;border-radius:8px;width:44px;height:44px}.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:0 0;border-radius:6px;width:38px;height: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)}