.candy-hero{--cp-hero-side-padding: 56px;--cp-hero-card-width: 320px;--cp-hero-card-height: 160px;--cp-hero-card-gap: 16px;--cp-hero-card-media-width: 157px;--cp-hero-card-top: 472.25px;--cp-hero-content-offset: 67.25px;--cp-hero-decor-fade: .4s;position:relative;block-size:var(--cp-hero-height, 688px);background-color:var(--cp-hero-background, var(--cp-blue));border-block-end:2px solid var(--cp-hero-border-color, var(--cp-yellow));overflow:hidden;overflow:clip;isolation:isolate}.candy-hero__content{position:absolute;inset-inline-start:50%;inset-block-start:calc(50% - var(--cp-hero-content-offset));translate:-50% -50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;inline-size:min(var(--cp-hero-content-width, 746px),calc(100% - (var(--cp-hero-side-padding) * 2)));text-align:center}.candy-hero__heading{margin:0;font-family:var(--cp-font-display);font-weight:var(--cp-weight-bold);font-size:var(--cp-h1-size);line-height:var(--cp-h1-line-height);letter-spacing:var(--cp-h1-letter-spacing);color:var(--cp-text-inverse)}.candy-hero__body{font-family:var(--cp-font-text);font-weight:var(--cp-weight-regular);font-size:var(--cp-t1-size);line-height:var(--cp-t1-line-height);color:var(--cp-text-inverse)}.candy-hero__body>:first-child{margin-block-start:0}.candy-hero__body>:last-child{margin-block-end:0}.candy-hero__button{display:inline-flex;align-items:center;justify-content:center;block-size:48px;padding-inline:42px;border-radius:100px;background-color:var(--cp-yellow);color:var(--cp-text-primary);font-family:var(--cp-font-text);font-weight:var(--cp-weight-bold);font-size:var(--cp-s2-size);line-height:var(--cp-s2-line-height);text-transform:uppercase;text-decoration:none;white-space:nowrap}.candy-hero__cards{position:static;display:flex;align-items:center;gap:var(--cp-hero-card-gap);margin:0;padding:0;padding-block-start:var(--cp-hero-card-top);padding-inline-start:var(--cp-hero-side-padding);list-style:none}@media screen and (min-width:1440px){.candy-hero__cards{justify-content:center;padding-inline:var(--cp-hero-side-padding)}}.candy-hero__card{position:static;flex:0 0 auto;inline-size:var(--cp-hero-card-width);block-size:var(--cp-hero-card-height)}.candy-hero__card-face{position:relative;z-index:2;inline-size:100%;block-size:100%;border-radius:8px;background-color:var(--cp-card-background, var(--cp-off-white));overflow:hidden;transition:background-color var(--cp-hero-decor-fade) ease}.candy-hero__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none}.candy-hero__card-media{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--cp-hero-card-media-width);display:grid;place-items:center;pointer-events:none}.candy-hero__card-img,.candy-hero__card-img img,.candy-hero__card-img svg{display:block;max-inline-size:149px;max-block-size:140px;inline-size:auto;block-size:auto;object-fit:contain}.candy-hero__card-label{position:absolute;inset-inline-start:157px;inset-block-start:50%;translate:0 -50%;inline-size:calc(100% - 169px);font-family:var(--cp-font-display);font-weight:var(--cp-weight-bold);font-size:var(--cp-h5-size);line-height:var(--cp-h5-line-height);letter-spacing:var(--cp-h5-letter-spacing);color:var(--cp-card-label-color, var(--cp-text-accent));text-transform:uppercase}.candy-hero__card-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;pointer-events:none;transition:opacity var(--cp-hero-decor-fade) ease}.candy-hero__card--active .candy-hero__card-decor{opacity:1}.candy-hero__decor-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.candy-hero__decor-img--mobile{display:none}@media screen and (max-width:749px){.candy-hero__decor-img--mobile{display:block}.candy-hero__card-decor:has(.candy-hero__decor-img--mobile) .candy-hero__decor-img--desktop{display:none}}.candy-hero__placeholder-svg{fill:rgb(var(--cp-near-black-rgb) / .08)}@media(prefers-reduced-motion:reduce){.candy-hero__card-decor,.candy-hero__card-face{transition-duration:1ms}}@media screen and (max-width:1439px){.candy-hero__cards{overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding-inline-end:var(--cp-hero-side-padding)}.candy-hero__cards::-webkit-scrollbar{display:none}}@media screen and (max-width:1023px){.candy-hero{block-size:652px}.candy-hero__content{inset-block-start:calc(50% + 1px);inline-size:calc(100% - 39px);gap:16px}.candy-hero__heading{font-size:var(--cp-h4-size);line-height:var(--cp-h4-line-height);letter-spacing:var(--cp-h4-letter-spacing)}.candy-hero__body{font-size:var(--cp-t1-size);line-height:var(--cp-t1-line-height);max-inline-size:82%;margin-inline:auto}.candy-hero__button{inline-size:100%}.candy-hero__cards{padding-block-start:41px;padding-inline:20px;gap:16px;align-items:flex-start}.candy-hero__card{inline-size:160px;block-size:72px}.candy-hero__card-face{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}.candy-hero__card-media{position:static;flex:0 1 auto;min-inline-size:0;inline-size:auto;block-size:56px;display:flex;align-items:center;justify-content:center}.candy-hero__card-img,.candy-hero__card-img img,.candy-hero__card-img svg{max-inline-size:min(64px,100%);max-block-size:56px;inline-size:auto;block-size:auto}.candy-hero__card-label{position:static;inset:auto;translate:none;inline-size:auto;flex:1 1000 auto;font-size:16px;line-height:1;letter-spacing:-.32px}}@media screen and (min-width:1024px){.candy-hero__body{max-inline-size:382px}.candy-hero__card-img,.candy-hero__card-img img,.candy-hero__card-img svg{max-block-size:160px}}@media(hover:hover)and (min-width:1024px){.candy-hero__button{transition:background-color .15s ease}.candy-hero__button:hover{background-color:var(--cp-yellow-hover)}}@media screen and (min-width:1024px){.candy-hero{display:flex;flex-direction:column;block-size:max(var(--cp-hero-height, 688px),calc(100svh - var(--cp-hero-chrome, 181px)))}.candy-hero__cards{margin-block-start:auto;margin-block-end:55.75px;padding-block-start:0}}@media screen and (min-width:750px)and (max-width:1023px){.candy-hero__button{max-inline-size:400px;margin-inline:auto}}@media not all and (hover:hover)and (min-width:750px){.candy-hero__card:not(.candy-hero__card--active) .candy-hero__card-decor{display:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/candy-hero.css.map */