.ce-mix{margin-top:3rem;margin-bottom:4rem}.ce-mix[hidden]{display:none!important}.ce-mix__shell{padding:clamp(1.8rem,3vw,3.2rem);border:1px solid rgba(var(--color-foreground),.14);border-radius:18px;background:rgb(var(--color-background));box-shadow:0 14px 45px rgba(var(--color-foreground),.07)}.ce-mix__header{max-width:760px;margin-bottom:2rem}.ce-mix__eyebrow{margin:0 0 .5rem;letter-spacing:.12em;font-size:1.2rem;font-weight:700;opacity:.65}.ce-mix__title{margin:0 0 .7rem;font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.05}.ce-mix__intro{margin:0;font-size:1.6rem}.ce-mix__sticky{position:sticky;top:1rem;z-index:4;display:grid;gap:1rem;margin-bottom:2rem;padding:1.3rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:14px;background:rgba(var(--color-background),.96);box-shadow:0 8px 24px rgba(var(--color-foreground),.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ce-mix__progress-copy{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.ce-mix__progress-track{height:14px;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.13)}.ce-mix__progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:rgb(var(--color-button));transition:width .2s ease}.ce-mix.is-complete .ce-mix__progress-bar{background:#14804a}.ce-mix__message{min-height:2rem;margin:.7rem 0 0;font-size:1.35rem;opacity:.72}.ce-mix.is-complete .ce-mix__message{color:#14804a;font-weight:700;opacity:1}.ce-mix__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.ce-mix__actions .button{min-height:42px;padding:0 1.5rem}.ce-mix__step{display:flex;align-items:center;gap:.7rem;margin-left:auto;font-size:1.3rem}.ce-mix__step select{min-height:42px;padding:0 3rem 0 1rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:8px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ce-mix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.ce-flavour{overflow:hidden;border:1px solid rgba(var(--color-foreground),.13);border-radius:15px;background:rgb(var(--color-background));transition:transform .16s ease,box-shadow .16s ease}.ce-flavour:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(var(--color-foreground),.09)}.ce-flavour__image{aspect-ratio:1 / .78;overflow:hidden;background:rgba(var(--color-foreground),.04)}.ce-flavour__image img,.ce-flavour__image svg{width:100%;height:100%;object-fit:contain;padding:1.2rem}.ce-flavour__body{display:grid;gap:1rem;padding:1.4rem}.ce-flavour__name{min-height:2.7rem;margin:0;font-size:1.55rem;line-height:1.25}.ce-counter{display:grid;grid-template-columns:48px minmax(54px,1fr) 48px}.ce-counter__button,.ce-counter__input{min-height:46px;border:1px solid rgba(var(--color-foreground),.28);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ce-counter__button{display:grid;place-items:center;padding:0;cursor:pointer;font-size:2.2rem}.ce-counter__button:first-child{border-radius:9px 0 0 9px}.ce-counter__button:last-child{border-radius:0 9px 9px 0}.ce-counter__button:hover:not(:disabled){background:rgba(var(--color-foreground),.06)}.ce-counter__button:disabled{cursor:not-allowed;opacity:.28}.ce-counter__input{width:100%;padding:0 .4rem;border-width:1px 0;border-radius:0;text-align:center;font:inherit;font-weight:700;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.ce-counter__input::-webkit-inner-spin-button,.ce-counter__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.ce-mix__complete{display:grid;gap:.2rem;margin-top:1.5rem;padding:1.4rem;border:1px solid rgba(20,128,74,.28);border-radius:12px;background:#14804a14;color:#14804a}.ce-mix__empty{grid-column:1 / -1;padding:2rem;border:1px dashed rgba(var(--color-foreground),.25);border-radius:12px}@media screen and (max-width:989px){.ce-mix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ce-mix{margin-top:2rem}.ce-mix__shell{padding:1.3rem;border-radius:12px}.ce-mix__sticky{top:.5rem}.ce-mix__actions .button{flex:1 1 calc(50% - .5rem)}.ce-mix__step{width:100%;justify-content:flex-end;margin-left:0}.ce-mix__grid{gap:.9rem}.ce-flavour__body{padding:1rem}.ce-flavour__name{font-size:1.4rem}.ce-counter{grid-template-columns:40px minmax(45px,1fr) 40px}.ce-counter__button,.ce-counter__input{min-height:42px}}@media screen and (max-width:430px){.ce-mix__grid{grid-template-columns:1fr}}.ce-mix__complete[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-lindt-mix.css.map */