.mpack{margin:.2rem 0 1.1rem}.mpack__head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.7rem}.mpack__title{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mpack__sub{margin:0;font-size:.6875rem;color:var(--c-muted)}.mpack__tiers{display:grid;gap:8px}.mpack__tier{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mpack__card{position:relative;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:.9rem;min-height:64px;padding:.85rem 1rem;background:#fff;border:1px solid var(--c-line);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s var(--ease-out)}.mpack__tier:hover .mpack__card{border-color:#a8a8a8}.mpack__tier input:checked+.mpack__card{border-color:#000;box-shadow:inset 0 0 0 1px #000;background:#fbfbfa}.mpack__tier input:focus-visible+.mpack__card{outline:2px solid #000;outline-offset:2px}.mpack__radio{width:18px;height:18px;border-radius:50%;border:1.5px solid #9a9a9a;position:relative;transition:border-color .2s ease}.mpack__tier input:checked+.mpack__card .mpack__radio{border-color:#000}.mpack__tier input:checked+.mpack__card .mpack__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#000;animation:mpack-pop .25s var(--ease-out)}@keyframes mpack-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.mpack__main{display:grid;gap:.2rem;min-width:0}.mpack__name{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:800;letter-spacing:-.01em}.mpack__off{font-size:.625rem;font-weight:800;letter-spacing:.04em;padding:.18rem .4rem;background:#000;color:#fff}.mpack__each{font-size:.75rem;color:var(--c-muted);font-variant-numeric:tabular-nums}.mpack__ship{color:var(--c-success);font-weight:700}.mpack__price{display:grid;justify-items:end;gap:.1rem;font-variant-numeric:tabular-nums}.mpack__price strong{font-size:1rem;font-weight:800;letter-spacing:-.01em}.mpack__price s{font-size:.75rem;color:#9a9a9a}.mpack__badge{position:absolute;top:0;right:12px;transform:translateY(-50%);background:#000;color:#fff;font-size:.5625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .55rem;line-height:1}.mpack__tier.has-badge{margin-top:4px}.mpack__builder{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--c-line);animation:mpack-in .4s var(--ease-out)}.mpack__builder[hidden]{display:none}@keyframes mpack-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mpack__row-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem}.mpack__label{font-size:.75rem;font-weight:800;letter-spacing:.02em}.mpack__val{font-weight:400;color:var(--c-muted);margin-left:.25rem}.mpack__links{display:flex;gap:.9rem}.mpack__link{background:none;border:0;padding:0;font:inherit;font-size:.6875rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--c-text)}.mpack__hint{margin:-.25rem 0 .7rem;font-size:.75rem;color:var(--c-muted)}.mpack__fit{margin:0 0 .7rem;font-size:.75rem;color:var(--c-text);background:var(--c-surface);padding:.55rem .7rem}.mpack__fit[hidden]{display:none}.mpack__pieces{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:piece}.mpack__piece{display:grid;grid-template-columns:52px 1fr;gap:.8rem;align-items:center;padding:.55rem .6rem;border:1px solid var(--c-line);background:#fff;animation:mpack-in .35s var(--ease-out) both;transition:border-color .15s ease}.mpack__piece:focus-within{border-color:#000}.mpack__piece.is-out{border-color:var(--c-warn)}.mpack__thumb{position:relative;width:52px;height:65px;padding:0;border:0;cursor:zoom-in;background:var(--c-surface);display:block;overflow:hidden}.mpack__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease-out)}.mpack__thumb:hover img{transform:scale(1.06)}.mpack__num{position:absolute;left:0;top:0;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:#000;color:#fff;font:800 .625rem/1 var(--f-sans)}.mpack__fields{display:grid;grid-template-columns:1.35fr 1fr;gap:6px;min-width:0}.mpack__field{display:grid;gap:3px;min-width:0}.mpack__field-label{font-size:.5625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted)}.mpack__select-wrap{position:relative;display:block;min-width:0}.mpack__swatch{position:absolute;left:.6rem;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--swatch, #ccc);box-shadow:inset 0 0 0 1px #0000002e;pointer-events:none}.mpack__select{width:100%;height:40px;padding:0 1.9rem 0 .7rem;border:1px solid var(--c-line);background-color:#fff;font:600 .8125rem var(--f-sans);color:var(--c-text);-webkit-appearance:none;appearance:none;border-radius:0;text-overflow:ellipsis;cursor:pointer;transition:border-color .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:14px}.mpack__field--color .mpack__select{padding-left:1.9rem}.mpack__select:hover{border-color:#8a8a8a}.mpack__select:focus-visible{outline:0;border-color:#000;box-shadow:inset 0 0 0 1px #000}.mpack__oos{grid-column:2;font-size:.6875rem;font-weight:700;color:var(--c-warn)}.mpack__copy{margin:.6rem 0 0;padding:0;background:none;border:0;cursor:pointer;font:600 .75rem var(--f-sans);color:var(--c-text);text-decoration:underline;text-underline-offset:3px}.mpack__summary{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:.8rem 0 0;font-size:.8125rem;color:var(--c-text)}.mpack__summary>span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#9a9a9a;margin:0 .9rem 0 -.55rem;vertical-align:middle}.mpack__ok{color:var(--c-success);font-weight:700}.mpack__summary.is-error{color:var(--c-warn)}.pform.is-pack-mode [data-single-options]{display:none}.pform.has-pack:not(.is-pack-mode) [data-single-options]{margin-top:1.1rem}.pack-nudge{display:grid;grid-template-columns:28px 1fr;gap:.7rem;align-items:start;margin:0 0 .9rem;padding:.85rem .9rem;border:1px solid #000;background:#fff;animation:line-in .45s var(--ease-out)}.pack-nudge.is-best{border-color:var(--c-line);background:var(--c-surface)}.pack-nudge__icon{width:28px;height:28px;display:grid;place-items:center;background:#000;color:#fff}.pack-nudge.is-best .pack-nudge__icon{background:var(--c-success)}.pack-nudge__icon svg{width:15px;height:15px}.pack-nudge__body{display:grid;gap:.55rem;justify-items:start}.pack-nudge__text{margin:0;font-size:.8125rem;line-height:1.45}.pack-nudge__ok{color:var(--c-success);font-weight:700}.pack-nudge__ok svg{width:12px;height:12px;vertical-align:-1px}.pack-nudge__btn{height:38px;padding:0 1rem;background:#000;color:#fff;border:0;cursor:pointer;font:800 .6875rem var(--f-sans);letter-spacing:.08em;text-transform:uppercase}.pack-nudge__btn:hover{background:#262626}.pack-nudge__btn.is-loading{opacity:.6;cursor:wait}.pack-nudge__link{font-size:.6875rem;color:var(--c-muted);text-decoration:underline;text-underline-offset:3px}@media(max-width:749px){.mpack__card{padding:.8rem .85rem;gap:.75rem}.mpack__name{font-size:.875rem}.mpack__price strong{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.mpack__builder,.mpack__piece,.pack-nudge,.mpack__tier input:checked+.mpack__card .mpack__radio:after{animation:none}}.mpack [hidden]{display:none!important}@media(max-width:340px){.mpack__fields{grid-template-columns:1fr}}@media(max-width:749px){.mpack__piece{grid-template-columns:44px 1fr;gap:.65rem;padding:.5rem}.mpack__thumb{width:44px;height:55px}.mpack__fields{grid-template-columns:1.25fr 1fr}.mpack__select{font-size:16px;height:42px}}.mpack__select.is-empty{color:var(--c-muted);font-weight:500}.mpack.is-checking .mpack__select.is-empty{border-color:var(--c-warn);box-shadow:inset 0 0 0 1px var(--c-warn)}.mpack__todo{font-weight:700}.mpack.is-checking .mpack__todo{color:var(--c-warn)}div[class^=bndlr-],section[class^=bndlr-],[id^=bndlr-],.bndlr-break{display:none!important}.pform__form[class*=bndlr-]{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/milano-pack.css.map */