.go-circle{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-pill);background:var(--cta);color:var(--paper);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.3,1),background-color .2s ease}.go-circle:hover{background:var(--cta-hover)}.rec-item.is-active .go-circle,.go-circle:focus-visible{opacity:1;transform:none;pointer-events:auto}@media(hover:none){.go-circle{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.go-circle{transition-duration:.01ms!important}}.recognition{background:var(--kleur-zand-licht)}.rec-split{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(20px,2.6vw,40px);align-items:stretch}.rec-photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--kleur-zand)}.rec-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}.rec-shot.is-current{opacity:1}.rec-shot:nth-child(1){object-position:50% 45%}.rec-shot:nth-child(2){object-position:30% 50%}.rec-shot:nth-child(3){object-position:55% 50%}.rec-shot:nth-child(4){object-position:78% 50%}.rec-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(min-content,1fr));min-height:clamp(400px,34vw,520px);column-gap:clamp(20px,2.4vw,40px);row-gap:clamp(20px,2.4vw,40px)}.rec-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px,1.8vw,28px);border:0;border-radius:calc(var(--r-lg) - .75rem);background:transparent;color:var(--tekst);font-family:var(--font-body);text-align:left;cursor:pointer}.rec-items>.rec-item{transition:background-color .45s ease,opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.rec-item-icon{display:block;flex:none;color:var(--cta);margin-bottom:2px}.rec-item-title{font-size:clamp(1.0625rem,1.25vw,1.25rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.rec-answer{display:block;margin:0;font-size:.9375rem;line-height:1.5;color:var(--tekst-70)}.rec-item--warm.is-active{background:var(--kleur-lichtoranje)}.rec-item--zand.is-active{background:var(--kleur-zand)}.rec-item--ijs.is-active{background:var(--kleur-ijsblauw)}.rec-item--salie.is-active{background:var(--kleur-salie)}@media(max-width:900px){.rec-split{grid-template-columns:minmax(0,1fr)}.rec-photo{aspect-ratio:16 / 10}.rec-items{min-height:0}}@media(max-width:560px){.rec-items{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:min-content}}@media(prefers-reduced-motion:reduce){.rec-item,.rec-shot{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bob-recognition.css.map */