"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4809],{24809:function(e,t,i){i.r(t),i.d(t,{AWARD_FRAGMENT:function(){return N},AWARD_GROUP_FRAGMENT:function(){return T},RewardsList:function(){return y}});var a=i(85893),n=i(67294),r=i(48153),d=i(65833),l=i(39479),s=i(71082),o=i(49901),m=i(35663),c=i(31163),p=i(41903);let u={root:p.o("rewards-card"),image:p.o("rewards-card__image"),name:p.o("rewards-card__name")},g=(0,m.z)("a",{label:u.root})`
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	text-align: center;

	@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.lg}}px) {
		max-width: ${(0,c.Q5)(232)};
	}

	.${u.image} {
		background-color: ${e=>{let{theme:t}=e;return t.palette.background.paper}};
		width: 100%;
		height: ${(0,c.Q5)(160)};
		max-width: 100%;
		border-radius: ${(0,c.Q5)(12)};
		padding: ${(0,c.Q5)(10)};
		margin-bottom: ${(0,c.Q5)(8)};
		overflow: hidden;

		img {
			width: 100%;
			height: 100%;
			object-fit: scale-down;
			transition: transform 0.3s;
		}
	}

	.${u.name} {
		min-height: ${(0,c.Q5)(51)};
	}

	@media (hover: hover) {
		&[href]:hover {
			.${u.image} {
				img {
					transform: scale(1.1);
				}
			}
		}
	}
`;var h=i(28961);let x=e=>{var t,i;let{data:n}=e,r=null===(t=n.image.sizes)||void 0===t?void 0:t.find(e=>"medium-icon"===e.size),d=null===(i=n.image.sizes)||void 0===i?void 0:i.find(e=>"medium-icon_x2"===e.size);return(0,a.jsxs)(g,{href:n.link||void 0,target:n.link?"_blank":void 0,children:[(0,a.jsx)("div",{className:u.image,children:(0,a.jsx)(h.O,{src:null==r?void 0:r.url,srcWebp:null==r?void 0:r.url_webp,src2xWebp:null==d?void 0:d.url_webp,alt:n.translation.name,width:232,height:160})}),(0,a.jsx)(o.a,{variant:"buttonSmall",color:"text.secondary",textTransform:"uppercase",className:u.name,children:n.translation.name})]})};var v=i(97506),$=i(71356),w=i(35855);let b={root:p.o("rewards-list"),container:p.o("rewards-list__container"),aside:p.o("rewards-list__aside"),asideInner:p.o("rewards-list__aside-inner"),content:p.o("rewards-list__content"),contentTitle:p.o("rewards-list__content-title"),tabs:p.o("rewards-list__tabs"),button:p.o("rewards-list__button"),buttonActive:p.o("rewards-list__button--active")},f=(0,m.z)("div",{label:b.root})`
	padding: ${(0,c.Q5)(24,0,40)};

	@media (min-width: 768px) {
		padding: ${(0,$.G)(24,0,160)};
	}

	@media (min-width: 1900px) {
		padding: ${(0,c.Q5)(24,0,160)};
	}

	.${b.container} {
		border-top: 1px solid ${e=>{let{theme:t}=e;return t.palette.grey[300]}};

		@media (max-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md-1}}px) {
			margin-left: -${(0,c.Q5)(16)};
			margin-right: -${(0,c.Q5)(16)};
			padding-left: ${(0,c.Q5)(16)};
			padding-right: ${(0,c.Q5)(16)};
		}

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			display: flex;
		}
	}

	.${b.aside} {
		display: block;
		padding-top: ${(0,c.Q5)(32)};

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			width: 25%;
			border-right: 1px solid ${e=>{let{theme:t}=e;return t.palette.grey[300]}};
		}

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.lg}}px) {
			padding-top: ${(0,c.Q5)(64)};
			padding-right: ${(0,c.Q5)(40)};
		}
	}

	.${b.asideInner} {
		@media (max-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			padding-bottom: 12px;
			overflow-x: auto;
		}

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			position: sticky;
			top: ${(0,c.Q5)(100)};
		}
	}

	.${b.tabs} {
		width: fit-content;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
		display: flex;
		gap: 16px;

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			width: 100%;
			gap: 24px;
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: ${e=>{let{theme:t}=e;return t.spacing(7)}};
		}
	}

	.${b.content} {
		padding-top: ${(0,c.Q5)(32)};

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.md}}px) {
			width: 75%;
			padding-left: ${(0,c.Q5)(20)};
		}

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.lg}}px) {
			padding-top: ${(0,c.Q5)(64)};
			padding-left: ${(0,c.Q5)(64)};
		}

		@media (min-width: 1700px) {
			padding-left: ${(0,c.Q5)(104)};
			padding-right: ${(0,c.Q5)(38)};
		}
	}

	.${b.contentTitle} {
		display: none;
		margin-bottom: ${(0,c.Q5)(24)};

		@media (min-width: ${e=>{let{theme:t}=e;return t.breakpoints.values.lg}}px) {
			display: flex;
		}
	}

	.${b.button} {
		.${w.S.label} {
			color: ${e=>{let{theme:t}=e;return t.palette.text.secondary}};
		}

		.${w.S.icon} {
			width: ${(0,c.Q5)(24)};
			height: ${(0,c.Q5)(24)};

			.svg,
			svg {
				width: ${(0,c.Q5)(8)};
				height: ${(0,c.Q5)(8)};
			}
		}

		&.${b.buttonActive} {
			cursor: default;

			.${w.S.label} {
				color: ${e=>{let{theme:t}=e;return t.palette.primary.main}};
			}

			.${w.S.icon} {
				background-color: ${e=>e.theme.palette.primary.main};
				color: ${e=>e.theme.palette.secondary.contrastText};
			}
		}
	}
`;var _=i(6285),Q=i(86010),k=i(52560),j=i(73013);let y=()=>{var e,t,i,m;let c=(0,_.r)(),p=(0,k.l8)(c.awardGroups).filter(e=>{var t;return!!(null===(t=e.awards)||void 0===t?void 0:t.length)}),[u,g]=(0,n.useState)(null===(e=(0,k.RA)(p))||void 0===e?void 0:e.id),h=p.find(e=>e.id===u);return h?(0,a.jsx)(f,{children:(0,a.jsx)(r.b,{children:(0,a.jsxs)("div",{className:b.container,children:[(0,a.jsx)("div",{className:b.aside,children:(0,a.jsx)("div",{className:b.asideInner,children:(null==p?void 0:p.length)?(0,a.jsx)("div",{className:b.tabs,children:p.map((e,t)=>(0,a.jsx)("div",{children:(0,a.jsx)(d.w,{variant:"text",size:"small",endIcon:(0,a.jsx)(v.K,{}),onClick:()=>g(e.id),className:(0,Q.Z)(b.button,{[b.buttonActive]:e.id===u}),children:e.translation.name})},j.p.key(e.id,t)))}):null})}),(0,a.jsxs)("div",{className:b.content,children:[(0,a.jsxs)("div",{className:b.contentTitle,children:[(0,a.jsx)(o.a,{variant:"h3",color:"primary.main",mr:2,children:h.translation.name}),(0,a.jsxs)(o.a,{variant:"h6",color:"grey.500",children:["(",null===(t=h.awards)||void 0===t?void 0:t.length,")"]})]}),(null===(i=h.awards)||void 0===i?void 0:i.length)?(0,a.jsx)(l.T,{columnSpacing:{xs:4,xl:7},rowSpacing:{xs:4,xl:6},children:null===(m=h.awards)||void 0===m?void 0:m.map((e,t)=>(0,a.jsx)(s.m,{xs:6,sm:4,xl:3,children:(0,a.jsx)(x,{data:e})},t))}):null]})]})})}):null};var A=i(57241);let N=A.Ps`
	fragment AwardFragment on AwardType {
		id
		image {
			...ImageFragment
		}
		link
		translation {
			name
			description
		}
	}
`,T=A.Ps`
	fragment AwardGroupFragment on AwardGroupType {
		id
		awards {
			...AwardFragment
		}
		translation {
			name
		}
	}
	${N}
`}}]);