[data-v-504512bf]:focus{outline:.125rem dotted var(--primary);outline-offset:.25rem}.close-button[data-v-504512bf]{background-color:var(--white);border:var(--border) solid var(--tertiary);border-radius:var(--corner);box-shadow:0 var(--corner) 0 0 var(--tertiary);cursor:pointer;display:block;height:40px;overflow:hidden;pointer-events:all;position:relative;transition:box-shadow var(--transition) var(--transition-timing),transform var(--transition) var(--transition-timing);width:40px}.close-button.small[data-v-504512bf]{height:20px;width:20px}.close-button.small .close-bar[data-v-504512bf]{height:2px;left:2px;right:2px;top:50%}.close-bar[data-v-504512bf]{border-radius:var(--corner);height:calc(var(--border)*2);left:8px;margin-top:-2px;position:absolute;right:8px;top:50%;transition:box-shadow var(--transition) var(--transition-timing),transform var(--transition) var(--transition-timing);width:auto;z-index:auto}.close-bar[data-v-504512bf],.close-button:hover .close-bar[data-v-504512bf]{background-color:var(--tertiary)}.close-bar--1[data-v-504512bf]{transform:translateY(0) rotate(45deg)}.close-bar--2[data-v-504512bf]{transform:scaleX(1);transform:translateY(0) rotate(-45deg)}.close-button[data-v-504512bf]:focus-visible,.close-button[data-v-504512bf]:hover{background:var(--secondary);box-shadow:0 calc(var(--corner)*2) 0 0 var(--tertiary);color:var(--white);transform:translateY(calc(var(--corner)*-1))}.close-button[data-v-504512bf]:active{background:var(--secondary);box-shadow:0 0 0 0 var(--tertiary);color:var(--white);transform:translateY(var(--corner));transition:box-shadow calc(var(--transition)/8) ease-in-out,transform calc(var(--transition)/8) ease-in-out}