.uc-badge-promo__grid{display:grid;gap:clamp(28px,5vw,96px);align-items:center}@media(min-width:990px){.uc-badge-promo__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}.uc-badge-promo__stage{position:relative;margin:0;display:grid;gap:14px}.uc-badge-promo__canvas{position:relative;padding:clamp(24px,5vw,64px);border-radius:var(--uc-radius-lg);background:radial-gradient(60% 55% at 50% 45%,rgb(255 255 255 / .6),transparent 70%),var(--c-linnen);box-shadow:var(--uc-shadow-md);overflow:hidden}.uc-badge-promo__frame{position:relative;width:min(100%,460px,calc((100dvh - 260px) * var(--ar, 1)));margin-inline:auto}.uc-badge-promo__image{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 28px rgb(var(--c-bos-rgb) / .18))}.uc-badge-promo__placeholder{aspect-ratio:1;fill:rgb(var(--c-bos-rgb) / .2)}.uc-badge-promo__badge{position:absolute;left:var(--bx);top:var(--by);width:var(--bsize, 16%);translate:-50% -50%;pointer-events:none}.uc-badge-promo__badge.is-pop{animation:uc-badge-pop .52s var(--uc-ease-spring)}@keyframes uc-badge-pop{0%{transform:scale(.7) rotate(-8deg)}60%{transform:scale(1.08) rotate(2deg)}to{transform:none}}.uc-badge-promo__caption{display:flex;align-items:center;gap:.5em;font-size:.8125rem;letter-spacing:.03em;color:var(--uc-muted, inherit)}.uc-badge-promo__content{display:grid;gap:1.25rem;align-content:center;max-width:34rem}.uc-badge-promo__text p{margin:0}.uc-badge-promo__form{display:grid;gap:1.5rem;margin-top:.5rem}.uc-badge-promo__field{display:grid;gap:.75rem;margin:0;padding:0;border:0;min-width:0}.uc-badge-promo__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em .75em;padding:0;margin-bottom:.75rem;font-size:.8125rem;letter-spacing:.05em}.uc-badge-promo__legend [data-badge-color-name]{color:var(--uc-muted, inherit)}.uc-badge-promo__legend{position:relative;width:100%}.uc-badge-promo__mini{position:absolute;right:0;bottom:-6px;width:44px}@media(min-width:990px){.uc-badge-promo__mini{display:none}}.uc-badge-promo__soldout-note{color:var(--uc-muted, inherit);letter-spacing:.02em}.uc-badge-promo__colors{display:flex;flex-wrap:wrap;gap:8px}.uc-badge-promo__color{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 8px;border-radius:var(--uc-radius-pill);background:rgb(var(--c-linnen-rgb) / .7);box-shadow:inset 0 0 0 1px rgb(var(--c-bos-rgb) / .18);font-weight:600;cursor:pointer;transition:box-shadow var(--uc-dur-fast) var(--uc-ease-out),background-color var(--uc-dur-fast) var(--uc-ease-out)}.uc-badge-promo__color input,.uc-badge-promo__letter input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.uc-badge-promo__color-chip{width:32px;height:32px;border-radius:50%;background:#1d2320;box-shadow:inset 0 0 0 2px #ffffffe6,0 0 0 1px rgb(var(--c-bos-rgb) / .2)}.uc-badge-promo__color-chip[data-kleur=blauw]{background:#a9c6e4}.uc-badge-promo__color:has(input:checked){background:var(--c-linnen);box-shadow:inset 0 0 0 2px var(--c-bos)}.uc-badge-promo__color:has(input:focus-visible){outline:2px solid var(--c-mos);outline-offset:3px}.uc-badge-promo__color:has(input:disabled){opacity:.45;cursor:not-allowed}.uc-badge-promo__letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.uc-badge-promo__letter{position:relative}.uc-badge-promo__letter span{display:grid;place-items:center;height:44px;border-radius:var(--uc-radius-sm);background:rgb(var(--c-linnen-rgb) / .7);box-shadow:inset 0 0 0 1px rgb(var(--c-bos-rgb) / .14);font-family:var(--uc-font-display);font-size:1rem;font-weight:700;transition:background-color var(--uc-dur-fast) var(--uc-ease-out),color var(--uc-dur-fast) var(--uc-ease-out),transform var(--uc-dur-fast) var(--uc-ease-out)}.uc-badge-promo__letter input:hover+span{background:var(--c-linnen)}.uc-badge-promo__letter input:checked+span{background:var(--c-bos);color:var(--c-linnen);box-shadow:none;transform:scale(1.04)}.uc-badge-promo__letter input:focus-visible+span{outline:2px solid var(--c-mos);outline-offset:2px}.uc-badge-promo__letter input:disabled{cursor:not-allowed}.uc-badge-promo__letter input:disabled+span{background:transparent;color:rgb(var(--c-bos-rgb) / .35);box-shadow:inset 0 0 0 1px rgb(var(--c-bos-rgb) / .08);background-image:linear-gradient(to top right,transparent calc(50% - .75px),rgb(var(--c-bos-rgb) / .3) 50%,transparent calc(50% + .75px))}.uc-badge-promo__buy{display:grid;gap:.5rem}.uc-badge-promo__submit{justify-self:start;gap:.6em}.uc-badge-promo__submit svg{width:20px;height:20px}.uc-badge-promo__price{padding-inline-start:.85em;margin-inline-start:.25em;border-inline-start:1px solid rgb(var(--c-linnen-rgb) / .4);font-weight:400}.uc-badge-promo__submit.is-loading{opacity:.75;cursor:progress}.uc-badge-promo__submit.is-done svg{animation:uc-badge-pop .52s var(--uc-ease-spring)}.uc-badge-promo__status:empty{display:none}.uc-badge-promo__note{display:flex;align-items:flex-start;gap:.6em;margin:0;color:var(--uc-muted, inherit)}.uc-badge-promo__note svg{width:18px;height:18px;flex:none;margin-top:.1em;color:var(--uc-accent-text, var(--c-cognac-tekst))}.uc-badge-promo__helmet-link{justify-self:start}@media(max-width:749px){.uc-badge-promo__submit{width:100%}}@media(prefers-reduced-motion:reduce){.uc-badge-promo__badge.is-pop,.uc-badge-promo__submit.is-done svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/uc-badge-promo.css.map */