/* Leafy greens: #00704a bar, #004d33 deep, #37b20e button green, #4ee06e lime */

.lmg-tagline { padding-top: 6px; line-height: 1 }
.lmg-tag { display: inline-block; padding: 4px 8px; border-radius: 4px; background: #e8f5ee; color: #00573a; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: nowrap }
.lmg-tag i { font-style: normal; padding-left: 6px; color: #2a8f0b }

.lmg-earn-wrap { padding: 2px 0 18px }
.lmg-earn { padding: 12px 14px; border-left: 4px solid #37b20e; border-radius: 0 6px 6px 0; background: #f1f9f4; color: #0b2b1e; font-size: 15px; line-height: 1.45 }
.lmg-earn b { font-size: 19px; color: #00704a }
.lmg-earn a { color: #00704a; text-decoration: underline }
.lmg-earn small { display: block; padding-top: 2px; font-size: 13px; color: #4b6358 }

/* cart + checkout totals */
tr.lmg-row.lmg-row th, tr.lmg-row.lmg-row td { background: #f1f9f4 }
.lmg-row strong { color: #00704a }
.lmg-row small { display: block; font-size: 13px; font-weight: 400; line-height: 1.35; color: #4b6358 }
.lmg-row .lmg-nudge { color: #00704a }
.lmg-thanks { padding: 14px 16px; border-left: 4px solid #37b20e; background: #f1f9f4; color: #0b2b1e; font-weight: 600 }

/* giveaway page */
.lmg-prize { container-type: inline-size; overflow: hidden; border-radius: 14px; background: #00704a; background-image: linear-gradient(135deg, #00704a, #004d33); color: #fff; font-size: 0 }
.lmg-prize + .lmg-prize { border-top: 18px solid #fff; border-radius: 0 0 14px 14px }
.lmg-prize-pic, .lmg-prize-txt { display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; font-size: 16px; line-height: 1.5 }
.lmg-prize-pic img { display: block; width: 100%; height: auto }
.lmg-prize-txt { padding: 24px 20px 28px }
.lmg-prize-name { font-size: 30px; font-weight: 800; line-height: 1.1; color: #fff }
.lmg-prize-about { padding-top: 10px; color: #d6efe2 }
.lmg-prize-about p { color: inherit }
.lmg-prize-ends { padding-top: 12px; font-weight: 600; color: #4ee06e }
.lmg-how { padding: 4px 0 18px }
.lmg-how div { padding: 7px 0 7px 16px; border-left: 3px solid #4ee06e; border-bottom: 6px solid transparent; background: rgba(255, 255, 255, .08); background-clip: padding-box; color: #fff }
.lmg-prize a.lmg-go { display: inline-block; padding: 12px 24px; border-radius: 999px; background: #4ee06e; color: #06301f; font-weight: 700; text-decoration: none }
.lmg-prize a.lmg-go:hover { background: #fff }
.lmg-prize a.lmg-mine { display: inline-block; padding: 12px 16px; color: #fff; text-decoration: underline }
@container (width >= 680px) {
  .lmg-prize-pic { width: 44% }
  .lmg-prize-txt { width: 56%; padding: 34px 36px }
  .lmg-prize-name { font-size: 38px }
}

.lmg-clock { display: inline-block; padding: 12px 0 14px; font-size: 0; white-space: nowrap }
.lmg-clock span { display: inline-block; width: 66px; padding: 9px 0 8px; border-right: 6px solid transparent; border-radius: 10px; background: #004d33; background-clip: padding-box; text-align: center; font-size: 11px; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: #b9e6cf }
.lmg-clock b { display: block; font-size: 24px; line-height: 1.1; color: #fff; font-variant-numeric: tabular-nums }

/* winners */
.lmg-won { display: table; width: 100%; box-sizing: border-box; border: 1px solid #d9e8df; border-bottom-width: 0; background: #fff }
.lmg-won:first-child { border-radius: 10px 10px 0 0 }
.lmg-won:last-child { border-bottom-width: 1px; border-radius: 0 0 10px 10px }
.lmg-won:only-child { border-radius: 10px }
.lmg-won-pic, .lmg-won-txt { display: table-cell; vertical-align: middle; padding: 14px }
.lmg-won-pic { width: 84px; padding-right: 0 }
.lmg-won-pic img { display: block; width: 84px; height: 84px; object-fit: cover; border-radius: 8px }
.lmg-won-txt strong { display: block; font-size: 18px; color: #0b2b1e }
.lmg-won-txt span { display: block; color: #00704a; font-weight: 600 }
.lmg-won-txt small { display: block; color: #4b6358 }

/* My Account tab */
.lmg-acct-one { display: table; width: 100%; box-sizing: border-box; border-bottom: 12px solid transparent; border-radius: 12px; background: #00704a; background-clip: padding-box; color: #fff }
.lmg-acct-n, .lmg-acct-what { display: table-cell; vertical-align: middle; padding: 16px 18px }
.lmg-acct-n { width: 130px; background: #004d33; border-radius: 12px 0 0 12px; text-align: center; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #b9e6cf }
.lmg-acct-n b { display: block; font-size: 28px; line-height: 1.1; letter-spacing: 0; color: #4ee06e }
.lmg-acct-what strong { display: block; font-size: 18px; color: #fff }
.lmg-acct-what span { display: block; font-size: 14px; color: #d6efe2 }

/* same look as the header dropdowns: round green cards, the big faint star, lime buttons, the store's heading font */
.lmg-tag { border-radius: 999px; padding: 4px 10px }
.lmg-earn { padding: 13px 16px 13px 50px; border: 1px solid #cfe3d7; border-radius: 16px; background: #f4f9f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300704a' fill-rule='evenodd' d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2.5a2.5 2.5 0 0 0 0 5V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2.5a2.5 2.5 0 0 0 0-5zm11 0v2h1.5V7zm0 4v2h1.5v-2zm0 4v2h1.5v-2z'/%3E%3C/svg%3E") no-repeat 15px 14px / 24px }
.lmg-earn b { font-weight: 800 }
.lmg-thanks { border: 1px solid #cfe3d7; border-radius: 16px }
.lmg-prize { border-radius: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ffffff' fill-opacity='.08' d='M50 4C44 28 28 44 4 50c24 6 40 22 46 46 6-24 22-40 46-46C72 44 56 28 50 4z'/%3E%3C/svg%3E") no-repeat right -40px top -50px / 300px, linear-gradient(135deg, #00704a, #004d33); box-shadow: 0 30px 60px -30px rgba(0, 45, 30, .6) }
.lmg-prize + .lmg-prize { border-radius: 24px }
.lmg-prize-pic { padding: 16px }
.lmg-prize-pic img { border-radius: 16px }
.lmg-prize-name { font-family: 'Bricolage Grotesque', Urbanist, Helvetica, sans-serif; letter-spacing: -.01em }
.lmg-prize-ends { font-size: 12px; letter-spacing: .14em; text-transform: uppercase }
.lmg-how div { border-left-width: 0; border-radius: 12px; padding: 9px 14px }
.lmg-prize a.lmg-go { font-family: Urbanist, Helvetica, sans-serif; box-shadow: 0 10px 22px -10px rgba(78, 224, 110, .9) }
.lmg-prize a.lmg-go:hover { background: #7bf094 }
.lmg-clock span { border-radius: 14px; background: rgba(0, 0, 0, .28); background-clip: padding-box }
.lmg-clock b { font-weight: 800; color: #4ee06e }
.lmg-won { border-color: #e3ede7; background: #f4f9f6 }
.lmg-won:first-child { border-radius: 18px 18px 0 0 }
.lmg-won:last-child { border-radius: 0 0 18px 18px }
.lmg-won:only-child { border-radius: 18px }
.lmg-won-pic img { border-radius: 12px }
.lmg-won-txt strong { font-weight: 800 }
.lmg-acct-one { border-radius: 18px; background: linear-gradient(135deg, #00704a, #004d33); background-clip: padding-box }
.lmg-acct-n { border-radius: 18px 0 0 18px; background: rgba(0, 0, 0, .25) }
.lmg-acct-n b { font-weight: 800 }
.lmg-clockbox { display: inline-block }
.lmg-clock-l { padding-top: 12px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #00704a }
.lmg-prize .lmg-clock-l { color: #fff }
.lmg-clockbox .lmg-clock { padding-top: 6px }
.lmg-prize-about p { padding: 0 0 10px }
.lmg-prize-about ul { list-style: none; padding: 0 0 8px }
.lmg-prize-about li { position: relative; padding: 3px 0 3px 24px; color: #fff; font-weight: 600 }
.lmg-prize-about li::before { content: ""; position: absolute; left: 3px; top: 10px; width: 9px; height: 9px; border-radius: 50%; background: #4ee06e }

/* the clock on its own ([leafy_countdown] on a light page): solid green boxes, centred. Inside the prize card it stays see-through and left. */
.lmg-clockbox { display: block; text-align: center }
.lmg-clock span { background: linear-gradient(135deg, #00704a, #004d33); background-clip: padding-box; color: #d6efe2; box-shadow: 0 10px 20px -12px rgba(0, 45, 30, .7) }
.lmg-clock span:last-child { border-right-width: 0 }
.lmg-prize .lmg-clockbox { display: inline-block; text-align: left }
.lmg-prize .lmg-clock span { background: rgba(0, 0, 0, .28); background-clip: padding-box; box-shadow: none }
.lmg-clock-t { font: 800 26px/1.15 'Bricolage Grotesque', Urbanist, Helvetica, sans-serif; letter-spacing: -.01em; color: #0b2b1e }
.lmg-clock-t + .lmg-clock-l { padding-top: 6px }