.candy-mix-selector{display:block;margin-block:.5rem 1rem;padding:clamp(1rem,2vw,1.4rem);border:1px solid rgba(155,125,245,.35);border-radius:18px;background:#ffffffb8;box-shadow:0 10px 28px #563c8c14}.candy-mix-selector__intro{margin-block-end:1rem}.candy-mix-selector__heading{margin:0 0 .55rem;color:#9b7df5;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.2}.candy-mix-selector__rules{margin:0;padding-inline-start:1.35rem;color:rgb(var(--color-foreground-rgb, 82 82 82))}.candy-mix-selector__rules li+li{margin-block-start:.35rem}.candy-mix-selector__fieldset{min-inline-size:0;margin:0;padding:0;border:0}.candy-mix-selector__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.candy-mix-selector__choice{position:relative;display:flex;align-items:center;gap:.65rem;min-block-size:58px;min-inline-size:0;padding:.55rem .7rem;border:1px solid rgba(91,75,125,.2);border-radius:12px;background:#ffffffe0;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}.candy-mix-selector__choice:hover{border-color:#9b7df5b8;transform:translateY(-1px)}.candy-mix-selector__choice:has(input:focus-visible){outline:2px solid #9b7df5;outline-offset:2px}.candy-mix-selector__choice:has(input:checked){border-color:#9b7df5;box-shadow:0 0 0 2px #9b7df524;background:#f5f1fff2}.candy-mix-selector__choice:has(input:disabled){opacity:.45;cursor:not-allowed;transform:none}.candy-mix-selector__choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.candy-mix-selector__thumb{position:relative;display:grid;place-items:center;flex:0 0 40px;inline-size:40px;block-size:40px;overflow:hidden;border:1px solid rgba(91,75,125,.22);border-radius:10px;background:linear-gradient(145deg,#fff,#f4f0ff);box-shadow:0 3px 9px #402d6917;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.candy-mix-selector__thumb-image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.candy-mix-selector__thumb-fallback{display:grid;place-items:center;inline-size:100%;block-size:100%;color:#6f56c9;font-size:1rem;font-weight:850;background:linear-gradient(145deg,#fff,#eee8ff)}.candy-mix-selector__selected-mark{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;inline-size:16px;block-size:16px;border:1.5px solid #fff;border-radius:999px;color:#fff;font-size:.62rem;font-weight:900;line-height:1;background:#9b7df5;box-shadow:0 2px 5px #402d693d;opacity:0;transform:scale(.65);transition:opacity .14s ease,transform .14s ease}.candy-mix-selector__choice:has(input:checked) .candy-mix-selector__thumb{border-color:#9b7df5;box-shadow:0 0 0 2px #9b7df52e,0 4px 10px #402d691f;transform:scale(1.03)}.candy-mix-selector__choice:has(input:checked) .candy-mix-selector__selected-mark{opacity:1;transform:scale(1)}.candy-mix-selector__choice-text{min-inline-size:0;overflow-wrap:anywhere;font-weight:650;line-height:1.22}.candy-mix-selector__status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-block-start:.85rem}.candy-mix-selector__counter{font-weight:700;color:#6f56c9}.candy-mix-selector__error{color:#b42318;font-weight:650}.candy-mix-native-option{display:none!important}.shopify-section:has(candy-mix-selector) .accelerated-checkout-block{display:none!important}@media(max-width:749px){.candy-mix-selector{padding:.9rem}.candy-mix-selector__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.candy-mix-selector__choice{gap:.45rem;min-block-size:54px;padding:.45rem .5rem}.candy-mix-selector__thumb{flex-basis:34px;inline-size:34px;block-size:34px;border-radius:9px}.candy-mix-selector__selected-mark{right:1px;bottom:1px;inline-size:14px;block-size:14px;font-size:.54rem}.candy-mix-selector__choice-text{font-size:.78rem;line-height:1.14}}@media(max-width:359px){.candy-mix-selector{padding-inline:.65rem}.candy-mix-selector__choices{gap:.4rem}.candy-mix-selector__choice{gap:.35rem;padding-inline:.4rem}.candy-mix-selector__thumb{flex-basis:30px;inline-size:30px;block-size:30px}.candy-mix-selector__choice-text{font-size:.72rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/candy-mix-selector.css.map */