@charset "utf-8";

#screenity-ui, #screenity-ui div { background-color: unset; padding: unset; width: unset; box-shadow: unset; display: unset; margin: unset; border-radius: unset; }

.screenity-outline { position: absolute; z-index: 2147483647; border: 2px solid rgb(48, 128, 248); outline-offset: -2px; pointer-events: none; border-radius: 5px !important; }

.screenity-blur { filter: blur(10px) !important; }

.screenity-shadow-dom * { transition: unset; }

.screenity-shadow-dom .TooltipContent { font-size: 12px; bottom: 100px; line-height: 1; font-family: Satoshi-Medium, sans-serif; color: rgb(255, 255, 255); user-select: none; animation-duration: 400ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; border-radius: 30px !important; background-color: rgb(41, 41, 47) !important; padding: 10px 15px !important; margin-bottom: 10px !important; z-index: 99999999 !important; box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px !important; }

.screenity-shadow-dom .hide-tooltip { display: none !important; }

.screenity-shadow-dom .tooltip-tall { margin-bottom: 20px; }

.screenity-shadow-dom .tooltip-small { margin-bottom: 5px; }

.screenity-shadow-dom .TooltipContent[data-state="delayed-open"][data-side="top"] { animation-name: screenity-slideDownAndFade; }

.screenity-shadow-dom .TooltipContent[data-state="delayed-open"][data-side="right"] { animation-name: screenity-slideLeftAndFade; }

.screenity-shadow-dom.TooltipContent[data-state="delayed-open"][data-side="bottom"] { animation-name: screenity-slideUpAndFade; }

.screenity-shadow-dom.TooltipContent[data-state="delayed-open"][data-side="left"] { animation-name: screenity-slideRightAndFade; }

@keyframes screenity-slideUpAndFade { 
  0% { opacity: 0; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes screenity-slideRightAndFade { 
  0% { opacity: 0; transform: translateX(-2px); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes screenity-slideDownAndFade { 
  0% { opacity: 0; transform: translateY(-2px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes screenity-slideLeftAndFade { 
  0% { opacity: 0; transform: translateX(2px); }
  100% { opacity: 1; transform: translateX(0px); }
}

#screenity-ui [data-radix-popper-content-wrapper] { z-index: 2147483647 !important; }

.screenity-shadow-dom .CanvasContainer { position: fixed; pointer-events: all !important; top: 0px !important; left: 0px !important; z-index: 2147483647 !important; }

.screenity-shadow-dom .canvas { position: fixed; top: 0px !important; left: 0px !important; z-index: 2147483647 !important; background: transparent !important; }

.screenity-shadow-dom .canvas-container { z-index: 2147483647; top: 0px !important; left: 0px !important; position: fixed !important; background: transparent !important; }

.ScreenityDropdownMenuContent { min-width: 200px; background-color: white; margin-top: 4px; margin-right: 8px; padding-top: 12px; padding-bottom: 12px; border-radius: 15px; font-family: Satoshi-Medium, sans-serif; color: rgb(41, 41, 47); box-shadow: rgba(22, 23, 24, 0.35) 0px 10px 38px -10px, rgba(22, 23, 24, 0.2) 0px 10px 20px -15px; animation-duration: 400ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; z-index: 2147483647 !important; }

.ScreenityDropdownMenuContent[data-side="top"] { animation-name: screenity-slideDownAndFade; }

.ScreenityDropdownMenuContent[data-side="right"] { animation-name: screenity-slideLeftAndFade; }

.ScreenityDropdownMenuContent[data-side="bottom"] { animation-name: screenity-slideUpAndFade; }

.ScreenityDropdownMenuContent[data-side="left"] { animation-name: screenity-slideRightAndFade; }

.ScreenityItemIndicator { position: absolute; right: 12px; width: 18px; height: 18px; background: rgb(48, 128, 248); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }

.ScreenityDropdownMenuItem, .ScreenityDropdownMenuRadioItem { font-size: 14px; line-height: 1; display: flex; align-items: center; height: 40px; padding: 0px 22px; position: relative; user-select: none; outline: none; }

.ScreenityDropdownMenuItem:hover { background-color: rgb(246, 247, 251) !important; cursor: pointer; }

.ScreenityDropdownMenuItem[data-disabled] { cursor: not-allowed; color: rgb(110, 118, 132) !important; background-color: rgb(246, 247, 251) !important; }