@charset "utf-8";

._content_yfvx2_1 { will-change: transform, opacity; width: 260px; padding: 20px; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px; animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }

._content_yfvx2_1:focus-visible { outline: none; }

._content_yfvx2_1[data-state="open"][data-side="top"] { animation-name: _slide-down-and-fade_yfvx2_1; }

._content_yfvx2_1[data-state="open"][data-side="right"] { animation-name: _slide-left-and-fade_yfvx2_1; }

._content_yfvx2_1[data-state="open"][data-side="bottom"] { animation-name: _slide-up-and-fade_yfvx2_1; }

._content_yfvx2_1[data-state="open"][data-side="left"] { animation-name: _slide-right-and-fade_yfvx2_1; }

._arrow_yfvx2_37 { fill: rgb(255, 255, 255); }

._close-btn_yfvx2_41 { cursor: pointer; position: absolute; top: 20px; right: 20px; display: inline-flex; align-items: center; justify-content: center; }

@keyframes _slide-up-and-fade_yfvx2_1 { 
  0% { transform: translateY(2px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes _slide-right-and-fade_yfvx2_1 { 
  0% { transform: translate(-2px); opacity: 0; }
  100% { transform: translate(0px); opacity: 1; }
}

@keyframes _slide-down-and-fade_yfvx2_1 { 
  0% { transform: translateY(-2px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes _slide-left-and-fade_yfvx2_1 { 
  0% { transform: translate(2px); opacity: 0; }
  100% { transform: translate(0px); opacity: 1; }
}