.icon--close[data-v-3f1e9d45]{overflow:visible}.icon--close--non-interactive path[data-v-3f1e9d45]{fill:currentColor}:where(.icon--close--interactive[data-v-3f1e9d45]){--icon-close-stroke:var(--color-gray-700);--icon-close-stroke-hover:var(--color-gray-500)}.icon--close--interactive[data-v-3f1e9d45]{cursor:pointer;outline:none;transition-duration:var(--speed-s);transition-property:scale,background-color;transition-timing-function:var(--easing-cubic)}.icon--close--interactive path[data-v-3f1e9d45]{fill:var(--icon-close-stroke);transition-duration:inherit;transition-property:fill;transition-timing-function:inherit}.icon--close--interactive:focus-visible path[data-v-3f1e9d45],.icon--close--interactive:hover path[data-v-3f1e9d45]{fill:var(--icon-close-stroke-hover)}.icon--close--interactive[data-v-3f1e9d45]:focus-visible{outline:2px solid var(--color-theme-primary-500)}.icon--close--interactive[data-v-3f1e9d45]:active{scale:.85;transition-duration:75ms}