.sugar-multiple-choice{width:100%;font-family:var(--mc-fam, inherit);letter-spacing:var(--mc-fls);font-style:var(--mc-fst, inherit);font-weight:var(--mc-weight, 400);--sw-bold: max(var(--mc-weight, 400), var(--font-body-weight-bold, 700));margin-top:var(--mc-mt);margin-bottom:var(--mc-mb);--mc-opt-cols: var(--mc-opt-cols-m);--mc-pill-cols: var(--mc-pill-cols-m);--mc-pill-fs: var(--mc-pill-fs-m, 14px);--mc-ic-cols: var(--mc-ic-cols-m)}.sugar-multiple-choice .sugar-multiple-choice__options{display:grid;gap:8px;grid-template-columns:var(--mc-opt-cols)}.sugar-multiple-choice--center .sugar-multiple-choice__options{justify-content:space-evenly}.sugar-multiple-choice .sugar-multiple-choice__option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.sugar-multiple-choice .sugar-multiple-choice__option input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--mc-indicator, rgb(var(--color-foreground)))}.sugar-multiple-choice .sugar-multiple-choice__pills{display:grid;gap:var(--mc-pill-gap, 8px);grid-template-columns:var(--mc-pill-cols)}.sugar-multiple-choice .sugar-multiple-choice__pill{display:flex;align-items:center;justify-content:center;padding:var(--mc-pill-pad, 10px 16px);border-radius:var(--mc-pill-radius);font-size:var(--mc-pill-fs, 14px);cursor:pointer;transition:all .2s ease;text-align:center;border:none;background:var(--mc-pill-bg, rgb(var(--color-background)));color:var(--mc-pill-fg, rgb(var(--color-foreground)))}.sugar-multiple-choice--pill-border .sugar-multiple-choice__pill{border-style:solid;border-width:var(--mc-pill-bw);border-color:var(--mc-pill-bc, rgba(var(--color-foreground), .28))}.sugar-multiple-choice .sugar-multiple-choice__pill:hover{opacity:.7}.sugar-multiple-choice .sugar-multiple-choice__pill input{position:absolute;width:1px;height:1px;padding:0;opacity:0}.sugar-multiple-choice__pill:has(>input:focus-visible){outline:2px solid currentColor;outline-offset:3px}.sugar-multiple-choice .sugar-multiple-choice__pill.is-selected{background:var(--mc-pill-bg-sel, rgb(var(--color-background)));color:var(--mc-pill-fg-sel, rgb(var(--color-foreground)))}.sugar-multiple-choice--pill-border .sugar-multiple-choice__pill.is-selected{border-color:var(--mc-pill-bc-sel, rgba(var(--color-foreground), .35))}.sugar-multiple-choice .sugar-multiple-choice__dropdown-wrapper{display:flex;justify-content:var(--mc-dd-justify, normal)}.sugar-multiple-choice .sugar-multiple-choice__dropdown{width:var(--mc-dd-w);padding:12px 40px 12px 16px;font-size:14px;font-family:inherit;font-weight:inherit;letter-spacing:inherit;border-radius:4px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-color:var(--mc-dd-bg, transparent);color:var(--mc-dd-fg, rgb(var(--color-foreground)));border:1px solid var(--mc-dd-bc, rgba(var(--color-foreground), .2))}.sugar-multiple-choice .sugar-multiple-choice__dropdown:focus{outline:none;box-shadow:none;border-color:var(--mc-dd-bc, rgba(var(--color-foreground), .5))}.sugar-multiple-choice .sugar-multiple-choice__icon-containers{display:grid;gap:12px;grid-template-columns:var(--mc-ic-cols);justify-items:center}.sugar-multiple-choice .sugar-multiple-choice__icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:90px;height:90px;cursor:pointer;transition:all .2s ease;border-radius:var(--mc-ic-radius);border:none;background:var(--mc-ic-bg, rgb(var(--color-background)));color:var(--mc-ic-fg, rgb(var(--color-foreground)))}.sugar-multiple-choice--ic-border .sugar-multiple-choice__icon-container{border:var(--mc-ic-bw) solid var(--mc-ic-bc, rgba(var(--color-foreground), .2))}.sugar-multiple-choice .sugar-multiple-choice__icon-container:hover{opacity:.7}.sugar-multiple-choice .sugar-multiple-choice__icon-container input{display:none}.sugar-multiple-choice .sugar-multiple-choice__icon-container-icon{font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sugar-multiple-choice .sugar-multiple-choice__icon-container-custom-image img{width:28px;height:28px;object-fit:contain}.sugar-multiple-choice .sugar-multiple-choice__icon-container-icon .sugar-icon{font-size:28px;color:var(--mc-icon-color, rgb(var(--color-accent, var(--color-button))))}.sugar-multiple-choice .sugar-multiple-choice__icon-container-text{font-size:12px;line-height:1.2;text-align:center;font-weight:inherit;width:50%}.sugar-multiple-choice .sugar-multiple-choice__icon-container.is-selected{background:var(--mc-ic-bg-sel, rgb(var(--color-background)));color:var(--mc-ic-fg-sel, rgb(var(--color-foreground)))}@media screen and (min-width:750px){.sugar-multiple-choice{--mc-opt-cols: var(--mc-opt-cols-d);--mc-pill-cols: var(--mc-pill-cols-d);--mc-pill-fs: var(--mc-pill-fs-d, 14px);--mc-ic-cols: var(--mc-ic-cols-d)}.sugar-multiple-choice .sugar-multiple-choice__icon-container{width:100px;height:100px}.sugar-multiple-choice .sugar-multiple-choice__icon-container-icon{font-size:32px}.sugar-multiple-choice .sugar-multiple-choice__icon-container-custom-image img{width:32px;height:32px}.sugar-multiple-choice .sugar-multiple-choice__icon-container-icon .sugar-icon{font-size:32px}.sugar-multiple-choice .sugar-multiple-choice__icon-container-text{font-size:13px}}.sugar-multiple-choice[data-pick-effect=grow] :is(.sugar-multiple-choice__option,.sugar-multiple-choice__pill,.sugar-multiple-choice__icon-container){transition:all .2s ease,transform .5s ease,opacity .5s ease}.sugar-multiple-choice[data-pick-effect=grow][data-picked] :is(.sugar-multiple-choice__option,.sugar-multiple-choice__pill,.sugar-multiple-choice__icon-container):not(.is-picked){opacity:0;pointer-events:none}.sugar-multiple-choice[data-pick-effect=grow][data-picked] .is-picked{position:relative;z-index:1;transform:scale(1.15)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-multiple-choice.css.map */