/* Argi's Kitchen giveaways: the bar, the pop-up, the form, the time left, the page and the drum of the results. The
   colours and the type come from the theme (its CSS variables). */
.ak-gwbar{position:relative;z-index:50;background:var(--olive,#2E3D2F);color:var(--cream,#F6EAD9);transition:opacity .3s,translate .3s}
.ak-gwbar.is-closing{opacity:0;translate:0 -8px}
.ak-gwbar__in{display:flex;align-items:center;gap:12px 18px;min-height:52px;padding-top:6px;padding-bottom:6px}
.ak-gwbar__ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--gold,#F4C95D);color:var(--olive,#2E3D2F)}
.ak-gwbar__ic .ak-i{width:18px;height:18px}
.ak-gwbar__text{flex:1;min-width:0;margin:0;font-size:15px;line-height:1.35}
.ak-gwbar__text b{margin-right:6px;color:var(--gold,#F4C95D);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
.ak-gwbar__x{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:rgba(246,234,217,.1);color:inherit;cursor:pointer}
.ak-gwbar__x .ak-i{width:16px;height:16px}

/* the time left */
.ak-gwcount{display:inline-flex;gap:8px}
.ak-gwcount>span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px;border-radius:14px;background:var(--white,#FFFDF9);border:1px solid var(--line,rgba(46,61,47,.13))}
.ak-gwcount b{font:800 26px/1 var(--sans);color:var(--olive,#2E3D2F);font-variant-numeric:tabular-nums}
.ak-gwcount small{margin-top:4px;color:var(--muted,#667365);font:700 11px/1 var(--sans);letter-spacing:.06em}
.ak-gwcount--mini{gap:4px}
.ak-gwcount--mini>span{flex-direction:row;align-items:baseline;gap:3px;min-width:0;padding:5px 8px;border-radius:999px;background:rgba(246,234,217,.12);border-color:transparent}
.ak-gwcount--mini b{font-size:14px;color:inherit}
.ak-gwcount--mini small{margin:0;color:inherit;opacity:.7;font-size:10.5px}
.ak-gwcard .ak-gwcount--mini>span{background:var(--cream,#F6EAD9)}

/* the form */
.ak-gwform{display:grid;gap:12px;margin:18px 0 0}
.ak-gwform__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ak-gwform label{display:grid;gap:6px;font:700 14px/1.3 var(--sans);color:var(--olive,#2E3D2F)}
.ak-gwform label small{font-weight:600;color:var(--muted,#667365)}
.ak-gwform input:not([type=checkbox]){width:100%;min-height:50px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line-2,rgba(46,61,47,.22));background:var(--white,#FFFDF9);font:500 16px/1 var(--sans);color:var(--olive,#2E3D2F)}
.ak-gwform input:focus{outline:0;border-color:var(--olive,#2E3D2F);box-shadow:0 0 0 4px rgba(46,61,47,.1)}
.ak-gwform__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ak-gwform__ok{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:500!important;font-size:14px!important;line-height:1.5!important;cursor:pointer}
.ak-gwform__ok input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border-radius:7px;border:2px solid var(--sage,#A7B89A);background:var(--white,#FFFDF9);cursor:pointer}
.ak-gwform__ok input:checked{border-color:var(--olive,#2E3D2F);background:var(--olive,#2E3D2F) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4C95D' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.ak-gwform__ok a{color:var(--terra-btn,#B05A3D);text-decoration:underline;text-underline-offset:3px}
.ak-gwform .ak-btn{justify-self:start}
.ak-gwform.is-busy .ak-btn{opacity:.7}
.ak-gwform__msg{margin:0;min-height:1.4em;color:#A63C2A;font-weight:700;font-size:14.5px}
.ak-gwform__msg.is-ok{color:var(--sage-d,#6E8862)}
.ak-gwform__done{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:var(--sage-l,#E2E9DA);animation:ak-gw-in .5s cubic-bezier(.2,.8,.2,1)}
.ak-gwform__done p{margin:0;font:800 18px/1.35 var(--sans);color:var(--olive,#2E3D2F)}
.ak-gwform__tick{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--olive,#2E3D2F) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4C95D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/22px no-repeat}
@keyframes ak-gw-in{from{opacity:0;translate:0 10px}}
.ak-gwform--compact .ak-gwform__row{grid-template-columns:1fr}

/* the pop-up */
.ak-gwpop{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:30px;background:var(--paper,#FBF6EE);color:var(--olive,#2E3D2F);box-shadow:0 30px 80px rgba(30,41,32,.35);overflow:auto}
.ak-gwpop::backdrop{background:rgba(30,41,32,.55);backdrop-filter:blur(3px)}
.ak-gwpop[open]{animation:ak-gw-pop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ak-gw-pop{from{opacity:0;translate:0 24px;scale:.97}}
.ak-gwpop__x{position:absolute;right:14px;top:14px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1.5px solid var(--line-2,rgba(46,61,47,.22));border-radius:50%;background:var(--white,#FFFDF9);color:var(--olive,#2E3D2F);cursor:pointer}
.ak-gwpop__x .ak-i{width:18px;height:18px}
.ak-gwpop__grid{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:8px 26px;padding:28px}
.ak-gwpop__art{width:240px}
.ak-gwpop__kicker{margin:0 0 6px;color:var(--terra-btn,#B05A3D);font:800 12.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.ak-gwpop__title{margin:0 0 8px;font:800 clamp(24px,3vw,32px)/1.12 var(--sans);letter-spacing:-.02em}
.ak-gwpop__text{margin:0 0 12px;color:#465547;font-size:16px;line-height:1.5}
.ak-gwpop__more{display:inline-block;margin-top:12px;color:var(--muted,#667365);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* the page of a giveaway */
.ak-gw__hero{padding:clamp(24px,3vw,44px) 0 clamp(40px,5vw,72px);background:radial-gradient(60% 80% at 90% 10%,rgba(208,127,98,.18),transparent 70%),var(--cream,#F6EAD9)}
.ak-gw__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,72px)}
.ak-gw__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 14px;border-radius:999px;background:var(--olive,#2E3D2F);color:var(--gold,#F4C95D);font:800 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.ak-gw__badge .ak-i{width:16px;height:16px}
.ak-gw--drawn .ak-gw__badge{background:var(--gold,#F4C95D);color:var(--olive,#2E3D2F)}
.ak-gw__title{font-size:clamp(32px,4.4vw,58px);line-height:1.06}
.ak-gw__prize{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;font:800 clamp(20px,2vw,26px)/1.25 var(--sans);color:var(--terra-btn,#B05A3D)}
.ak-gw__prize small{color:var(--muted,#667365);font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.ak-gw__lead{margin:12px 0 0;font-size:18px;color:#465547}
.ak-gw__time{display:flex;flex-direction:column;gap:8px;margin:22px 0 4px}
.ak-gw__time>small{color:var(--muted,#667365);font:700 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.ak-gw__note{margin:20px 0 0;padding:16px 18px;border-radius:16px;background:var(--white,#FFFDF9);font-weight:700}
.ak-gw__media{position:relative;justify-self:center;width:min(440px,100%)}
.ak-gw__photo{margin:0}
.ak-gw__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px rgba(46,61,47,.18)}
.ak-gw__art{width:100%}
.ak-gw__art--small{position:absolute!important;left:-18%;bottom:-10%;width:52%}
.ak-gw__terms .ak-prose{max-width:46em}

/* the drum of the results */
.ak-gwres{margin:22px 0 0}
.ak-gwres__kicker{margin:0 0 12px;color:var(--muted,#667365);font-weight:700}
.ak-gwres__drum{position:relative;height:56px;margin:0 0 16px;border-radius:18px;background:var(--olive,#2E3D2F);overflow:hidden;box-shadow:inset 0 0 0 2px rgba(244,201,93,.25);display:none}
.ak-gwres.is-rolling .ak-gwres__drum{display:block}
.ak-gwres__drum::before,.ak-gwres__drum::after{content:"";position:absolute;left:0;right:0;z-index:2;height:16px;pointer-events:none}
.ak-gwres__drum::before{top:0;background:linear-gradient(var(--olive,#2E3D2F),transparent)}
.ak-gwres__drum::after{bottom:0;background:linear-gradient(transparent,var(--olive,#2E3D2F))}
.ak-gwres__list{margin:0;padding:0;list-style:none;will-change:transform}
.ak-gwres__list li{display:grid;place-items:center;height:56px;color:var(--cream,#F6EAD9);font:800 22px/1 var(--sans);letter-spacing:-.01em}
.ak-gwres.is-stop .ak-gwres__drum{box-shadow:inset 0 0 0 3px var(--gold,#F4C95D),0 0 0 6px rgba(244,201,93,.25)}
.ak-gwres.is-stop .ak-gwres__list li:last-child{color:var(--gold,#F4C95D)}
.ak-gwres__winners{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ak-gwres__winners li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:var(--white,#FFFDF9);box-shadow:0 10px 30px rgba(46,61,47,.1);animation:ak-gw-win .7s cubic-bezier(.34,1.56,.64,1)}
.ak-gwres__winners b{font:800 20px/1.2 var(--sans);color:var(--olive,#2E3D2F)}
.ak-gwres__n{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--gold,#F4C95D);color:var(--olive,#2E3D2F);font:800 16px/1 var(--sans)}
@keyframes ak-gw-win{from{opacity:0;transform:perspective(600px) rotateX(-70deg) translateY(-10px)}}

/* all the giveaways */
.ak-gwlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ak-gwcard{display:flex;flex-direction:column;border-radius:26px;background:var(--white,#FFFDF9);border:1px solid var(--line,rgba(46,61,47,.13));overflow:hidden;transition:transform .35s,box-shadow .35s}
.ak-gwcard:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(46,61,47,.12)}
.ak-gwcard__media{display:block;aspect-ratio:16/10;background:var(--cream,#F6EAD9);overflow:hidden}
.ak-gwcard__media img{width:100%;height:100%;object-fit:cover}
.ak-gwcard__media .ak-art{width:62%;margin:0 auto}
.ak-gwcard__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px 20px}
.ak-gwcard__state{margin:0;color:var(--terra-btn,#B05A3D);font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.ak-gwcard--drawn .ak-gwcard__state{color:var(--sage-d,#6E8862)}
.ak-gwcard__title{margin:0;font:800 21px/1.2 var(--sans)}
.ak-gwcard__prize{margin:0;color:#465547}

@media (max-width:1023px){
	.ak-gw__grid{grid-template-columns:1fr}
	.ak-gw__media{order:-1;width:min(360px,100%)}
}
@media (max-width:767px){
	.ak-gwbar__in{gap:8px;min-height:50px}
	.ak-gwbar__ic,.ak-gwbar .ak-gwcount{display:none}
	.ak-gwbar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
	.ak-gwbar .ak-btn{flex:none;min-height:36px;padding:0 14px}
	.ak-gwbar__x{width:30px;height:30px}
	.ak-gwform__row{grid-template-columns:1fr}
	.ak-gwpop{border-radius:26px 26px 0 0;margin-bottom:0;max-height:92dvh;width:100%}
	.ak-gwpop__grid{grid-template-columns:1fr;padding:20px 18px calc(22px + env(safe-area-inset-bottom));gap:4px}
	.ak-gwpop__art{width:150px;margin:-6px auto -10px}
	.ak-gwcount>span{min-width:52px}
	.ak-gwcount b{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
	.ak-gwpop[open],.ak-gwres__winners li,.ak-gwform__done{animation:none}
}