/* Copyright (c) BuddyBoardGames LLC. All rights reserved. */

@theme-color: #2d6a4f;
@theme-color-highlighted: #40916c;
@bet-outline: #52b788;
@bet-outline-bottom:#1b4332;

@card-scaling-factor: 3;			// larger values mean that the cards get smaller
@card-scaling-factor-lg: 3;
@card-scaling-factor-sm: 4.6;

@import "core.less?v=140";
@import "trick-common.less";

#game-over-modal {
  --victory-winning-cell-color: @theme-color-highlighted;
}

// ---------------------------------------------------------------------------
// Forest team palette (replaces trick-common red/blue for Euchre)
// Team 1: cool pine green. Team 2: warm oak brown with gold accent.
// ---------------------------------------------------------------------------
@euchre-team-1-color: #1b4332;
@euchre-team-1-accent: #74c69d;
@euchre-team-2-color: #4a3d28;
@euchre-team-2-accent: #e9c46a;

.team-1,
.red-team {
  background-color: @euchre-team-1-color !important;
  border-left: 4px solid @euchre-team-1-accent !important;
}

.team-2,
.blue-team {
  background-color: @euchre-team-2-color !important;
  border-left: 4px solid @euchre-team-2-accent !important;
}

#scoreboard-body .team-1,
#scoreboard-body .team-2,
#scoreboard-body .red-team,
#scoreboard-body .blue-team {
  color: @white-color;
  font-weight: 600;
}

#trump-icon.euchre-trump-icon,
.euchre-trump-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-left: 4px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 3px;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  bottom: 0;
  background-image: none !important;
}

#trump-icon.euchre-trump-icon.red,
.euchre-trump-icon.red {
  color: #c8102e;
}

#trump-icon.euchre-trump-icon.black,
.euchre-trump-icon.black {
  color: #111316;
}

.me-info-data.global-info-me {
  max-width: 100%;
  flex-wrap: nowrap;

  #my-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #round-fraction-me,
  #trump-icon {
    flex-shrink: 0;
  }
}

.euchre-bid-prompt {
  .euchre-bid-direction {
    color: @white-color;
    margin-bottom: 8px;
  }

  .euchre-bid-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }
}

// ---------------------------------------------------------------------------
// Winter theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
// Ensure the active player container itself never clips the highlight/frost
body.winter-theme .player-info.current-turn,
body.winter-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

// Make the inner info block (avatar + name/score) the anchor for the frost
// pseudo-element, and ensure it doesn't clip the frost.
body.winter-theme .player-info.current-turn .info-text.global-info,
body.winter-theme .player-info.my-turn .info-text.global-info {
  position: relative !important;
  overflow: visible !important;
  z-index: auto !important;
}

// Fix for #me-info (your own player) - override core.less position: static
// Also target .global-info-me since .me-info-data has both classes
// Keep fit-content so the bar is compact (consistent with other player and Uno)
// Apply to both highlighted and non-highlighted states
body.winter-theme #me-info .me-info-data,
body.winter-theme #me-info .global-info-me,
body.winter-theme #me-info > div.me-info-data,
body.winter-theme #me-info > div.global-info-me,
body.winter-theme #me-info.my-turn .me-info-data,
body.winter-theme #me-info.current-turn .me-info-data,
body.winter-theme #me-info.my-turn .global-info-me,
body.winter-theme #me-info.current-turn .global-info-me,
body.winter-theme #me-info.my-turn > div.me-info-data,
body.winter-theme #me-info.current-turn > div.me-info-data,
body.winter-theme #me-info.my-turn > div.global-info-me,
body.winter-theme #me-info.current-turn > div.global-info-me {
  position: relative !important;
  overflow: visible !important;
  z-index: auto !important;
  width: fit-content !important;
  max-width: fit-content !important;
  box-sizing: border-box !important;
}

// Ensure #me-info container allows frost corner to extend (no padding needed with overflow: visible)
// Use fit-content + center so the bar is compact like the other player and Uno
// Apply to both highlighted and non-highlighted states
body.winter-theme #me-info {
  overflow: visible !important;
  position: relative !important;
  padding-bottom: 0 !important; // No padding - let frost corner extend naturally
  box-sizing: border-box !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

// Hide the default highlight on #me-info (it includes padding/extra space)
// Use maximum specificity to override core.less
html body.winter-theme #me-info.my-turn::after,
html body.winter-theme #me-info.current-turn::after {
  display: none !important;
  content: none !important;
}

// Add the highlight to .me-info-data instead - this will only outline the content
body.winter-theme #me-info.my-turn .me-info-data::after,
body.winter-theme #me-info.current-turn .me-info-data::after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  right: -3px !important;
  bottom: -3px !important;
  width: auto !important;
  height: auto !important;
  border: 3px solid @theme-color !important;
  animation: pulse 2s ease 0s infinite !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: -1 !important;
  box-sizing: border-box !important;
  display: block !important;
}

// Explicit rule for #me-info frost corner to ensure it fills the space properly
body.winter-theme #me-info.my-turn .me-info-data::before,
body.winter-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/frost-corner.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  transform: rotate(180deg) !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// Attach the bottom-right frost corner directly to the inner info block.
body.winter-theme .player-info.current-turn .info-text.global-info::before,
body.winter-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/frost-corner.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  transform: rotate(180deg) !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// ---------------------------------------------------------------------------
// Friday Night Lights theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
// Ensure the active player container itself never clips the highlight/goalpost
body.friday-night-lights-theme .player-info.current-turn,
body.friday-night-lights-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

// Make the inner info block (avatar + name/score) the anchor for the goalpost
// pseudo-element, and ensure it doesn't clip the goalpost.
body.friday-night-lights-theme .player-info.current-turn .info-text.global-info,
body.friday-night-lights-theme .player-info.my-turn .info-text.global-info {
  position: relative !important;
  overflow: visible !important;
  z-index: auto !important;
}

// Fix for #me-info (your own player) - override core.less position: static
// Also target .global-info-me since .me-info-data has both classes
// Keep fit-content so the bar is compact (consistent with other player and Uno)
// Apply to both highlighted and non-highlighted states
body.friday-night-lights-theme #me-info .me-info-data,
body.friday-night-lights-theme #me-info .global-info-me,
body.friday-night-lights-theme #me-info > div.me-info-data,
body.friday-night-lights-theme #me-info > div.global-info-me,
body.friday-night-lights-theme #me-info.my-turn .me-info-data,
body.friday-night-lights-theme #me-info.current-turn .me-info-data,
body.friday-night-lights-theme #me-info.my-turn .global-info-me,
body.friday-night-lights-theme #me-info.current-turn .global-info-me,
body.friday-night-lights-theme #me-info.my-turn > div.me-info-data,
body.friday-night-lights-theme #me-info.current-turn > div.me-info-data,
body.friday-night-lights-theme #me-info.my-turn > div.global-info-me,
body.friday-night-lights-theme #me-info.current-turn > div.global-info-me {
  position: relative !important;
  overflow: visible !important;
  z-index: auto !important;
  width: fit-content !important;
  max-width: fit-content !important;
  box-sizing: border-box !important;
}

// Ensure #me-info container allows goalpost corner to extend (no padding needed with overflow: visible)
// Use fit-content + center so the bar is compact like the other player and Uno
// Apply to both highlighted and non-highlighted states
body.friday-night-lights-theme #me-info {
  overflow: visible !important;
  position: relative !important;
  padding-bottom: 0 !important; // No padding - let goalpost corner extend naturally
  box-sizing: border-box !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

// Hide the default highlight on #me-info (it includes padding/extra space)
// Use maximum specificity to override core.less
html body.friday-night-lights-theme #me-info.my-turn::after,
html body.friday-night-lights-theme #me-info.current-turn::after {
  display: none !important;
  content: none !important;
}

// Add the highlight to .me-info-data instead - this will only outline the content
body.friday-night-lights-theme #me-info.my-turn .me-info-data::after,
body.friday-night-lights-theme #me-info.current-turn .me-info-data::after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  right: -3px !important;
  bottom: -3px !important;
  width: auto !important;
  height: auto !important;
  border: 3px solid @theme-color !important;
  animation: pulse 2s ease 0s infinite !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: -1 !important;
  box-sizing: border-box !important;
  display: block !important;
}

// Explicit rule for #me-info goalpost corner to ensure it fills the space properly
body.friday-night-lights-theme #me-info.my-turn .me-info-data::before,
body.friday-night-lights-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/football-corner-goalpost-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// Attach the bottom-right goalpost corner directly to the inner info block.
body.friday-night-lights-theme .player-info.current-turn .info-text.global-info::before,
body.friday-night-lights-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/football-corner-goalpost-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// ---------------------------------------------------------------------------
// Valentine theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
body.valentine-theme .player-info.current-turn,
body.valentine-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

body.valentine-theme .player-info.current-turn .info-text.global-info,
body.valentine-theme .player-info.my-turn .info-text.global-info {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.valentine-theme #me-info .me-info-data,
body.valentine-theme #me-info .global-info-me,
body.valentine-theme #me-info > div.me-info-data,
body.valentine-theme #me-info > div.global-info-me,
body.valentine-theme #me-info.my-turn .me-info-data,
body.valentine-theme #me-info.current-turn .me-info-data,
body.valentine-theme #me-info.my-turn .global-info-me,
body.valentine-theme #me-info.current-turn .global-info-me,
body.valentine-theme #me-info.my-turn > div.me-info-data,
body.valentine-theme #me-info.current-turn > div.me-info-data,
body.valentine-theme #me-info.my-turn > div.global-info-me,
body.valentine-theme #me-info.current-turn > div.global-info-me {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.valentine-theme #me-info {
  overflow: visible !important;
  position: relative !important;
}

body.valentine-theme #me-info.my-turn .me-info-data::before,
body.valentine-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/valentine-corner-hearts-topLeft.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  transform: rotate(180deg) !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.valentine-theme .player-info.current-turn .info-text.global-info::before,
body.valentine-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/valentine-corner-hearts-topLeft.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  transform: rotate(180deg) !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// ---------------------------------------------------------------------------
// Lucky Shamrock theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
body.lucky-shamrock-theme .player-info.current-turn,
body.lucky-shamrock-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

body.lucky-shamrock-theme .player-info.current-turn .info-text.global-info,
body.lucky-shamrock-theme .player-info.my-turn .info-text.global-info {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.lucky-shamrock-theme #me-info .me-info-data,
body.lucky-shamrock-theme #me-info .global-info-me,
body.lucky-shamrock-theme #me-info > div.me-info-data,
body.lucky-shamrock-theme #me-info > div.global-info-me,
body.lucky-shamrock-theme #me-info.my-turn .me-info-data,
body.lucky-shamrock-theme #me-info.current-turn .me-info-data,
body.lucky-shamrock-theme #me-info.my-turn .global-info-me,
body.lucky-shamrock-theme #me-info.current-turn .global-info-me,
body.lucky-shamrock-theme #me-info.my-turn > div.me-info-data,
body.lucky-shamrock-theme #me-info.current-turn > div.me-info-data,
body.lucky-shamrock-theme #me-info.my-turn > div.global-info-me,
body.lucky-shamrock-theme #me-info.current-turn > div.global-info-me {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.lucky-shamrock-theme #me-info {
  overflow: visible !important;
  position: relative !important;
}

body.lucky-shamrock-theme #me-info.my-turn .me-info-data::before,
body.lucky-shamrock-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/stpatty-corner-pot-gold-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.lucky-shamrock-theme .player-info.current-turn .info-text.global-info::before,
body.lucky-shamrock-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/stpatty-corner-pot-gold-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

// ---------------------------------------------------------------------------
// Bunny Day theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
body.bunny-day-theme .player-info.current-turn,
body.bunny-day-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

body.bunny-day-theme .player-info.current-turn .info-text.global-info,
body.bunny-day-theme .player-info.my-turn .info-text.global-info {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.bunny-day-theme #me-info .me-info-data,
body.bunny-day-theme #me-info .global-info-me,
body.bunny-day-theme #me-info > div.me-info-data,
body.bunny-day-theme #me-info > div.global-info-me,
body.bunny-day-theme #me-info.my-turn .me-info-data,
body.bunny-day-theme #me-info.current-turn .me-info-data,
body.bunny-day-theme #me-info.my-turn .global-info-me,
body.bunny-day-theme #me-info.current-turn .global-info-me,
body.bunny-day-theme #me-info.my-turn > div.me-info-data,
body.bunny-day-theme #me-info.current-turn > div.me-info-data,
body.bunny-day-theme #me-info.my-turn > div.global-info-me,
body.bunny-day-theme #me-info.current-turn > div.global-info-me {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.bunny-day-theme #me-info {
  overflow: visible !important;
  position: relative !important;
}

body.bunny-day-theme #me-info.my-turn .me-info-data::before,
body.bunny-day-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/easter-corner-eggs-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.bunny-day-theme .player-info.current-turn .info-text.global-info::before,
body.bunny-day-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/easter-corner-eggs-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
// ---------------------------------------------------------------------------
// Spring theme fixes for Euchre player boxes
// ---------------------------------------------------------------------------
body.spring-theme .player-info.current-turn,
body.spring-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}

body.sunshine-theme .player-info.current-turn,
body.sunshine-theme .player-info.my-turn {
  overflow: visible !important;
  position: relative !important;
}


body.spring-theme .player-info.current-turn .info-text.global-info,
body.spring-theme .player-info.my-turn .info-text.global-info {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.sunshine-theme .player-info.current-turn .info-text.global-info,
body.sunshine-theme .player-info.my-turn .info-text.global-info {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}


body.spring-theme #me-info .me-info-data,
body.spring-theme #me-info .global-info-me,
body.spring-theme #me-info > div.me-info-data,
body.spring-theme #me-info > div.global-info-me,
body.spring-theme #me-info.my-turn .me-info-data,
body.spring-theme #me-info.current-turn .me-info-data,
body.spring-theme #me-info.my-turn .global-info-me,
body.spring-theme #me-info.current-turn .global-info-me,
body.spring-theme #me-info.my-turn > div.me-info-data,
body.spring-theme #me-info.current-turn > div.me-info-data,
body.spring-theme #me-info.my-turn > div.global-info-me,
body.spring-theme #me-info.current-turn > div.global-info-me {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}

body.sunshine-theme #me-info .me-info-data,
body.sunshine-theme #me-info .global-info-me,
body.sunshine-theme #me-info > div.me-info-data,
body.sunshine-theme #me-info > div.global-info-me,
body.sunshine-theme #me-info.my-turn .me-info-data,
body.sunshine-theme #me-info.current-turn .me-info-data,
body.sunshine-theme #me-info.my-turn .global-info-me,
body.sunshine-theme #me-info.current-turn .global-info-me,
body.sunshine-theme #me-info.my-turn > div.me-info-data,
body.sunshine-theme #me-info.current-turn > div.me-info-data,
body.sunshine-theme #me-info.my-turn > div.global-info-me,
body.sunshine-theme #me-info.current-turn > div.global-info-me {
  position: static !important;
  overflow: visible !important;
  z-index: auto !important;
}


body.spring-theme #me-info {
  overflow: visible !important;
  position: relative !important;
}

body.sunshine-theme #me-info {
  overflow: visible !important;
  position: relative !important;
}


body.spring-theme #me-info.my-turn .me-info-data::before,
body.spring-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/spring-corner-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.sunshine-theme #me-info.my-turn .me-info-data::before,
body.sunshine-theme #me-info.current-turn .me-info-data::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/sunshine-corner-sun-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}


body.spring-theme .player-info.current-turn .info-text.global-info::before,
body.spring-theme .player-info.my-turn .info-text.global-info::before {
  content: "\00a0" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url('/spring-corner-bottom-right.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: bottom right !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}