.pack-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);pointer-events:none;visibility:hidden;display:flex;align-items:flex-end;justify-content:center}@media(min-width:768px){.pack-modal{align-items:center;padding:var(--space-4)}}.pack-modal[aria-hidden=false]{pointer-events:auto;visibility:visible}.pack-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060512bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.pack-modal[aria-hidden=false] .pack-modal__backdrop{opacity:1}.pack-modal__dialog{position:relative;width:100%;max-width:720px;max-height:92dvh;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--dur-med) var(--ease-out)}@media(min-width:768px){.pack-modal__dialog{border-radius:var(--radius-md);max-height:90vh;transform:scale(.95);opacity:0;transition:transform var(--dur-med) var(--ease-out),opacity var(--dur-med) var(--ease-out)}}.pack-modal[aria-hidden=false] .pack-modal__dialog{transform:translateY(0)}@media(min-width:768px){.pack-modal[aria-hidden=false] .pack-modal__dialog{transform:scale(1);opacity:1}}.pack-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);gap:var(--space-3);flex:0 0 auto}.pack-modal__header-left{display:flex;flex-direction:column;gap:4px}.pack-modal__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0;text-transform:uppercase}.pack-modal__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-secondary);background:transparent;cursor:pointer;flex:0 0 auto}.pack-modal__close:hover{background:var(--surface-1);color:var(--text-primary)}.pack-modal__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.pack-modal__sizes{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.pack-modal__size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2)}.pack-modal__size-btn{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.pack-modal__size-btn.is-active{border-color:var(--text-primary)}.pack-modal__size-btn:hover{border-color:var(--border-bright)}.pack-modal__shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pack-modal__shortcut{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.15em;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pack-modal__shortcut:hover{border-color:var(--border-bright);color:var(--text-primary)}.pack-modal__slots{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.pack-slot-item{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3)}.pack-slot-item.is-empty{border-style:dashed}.pack-slot-item.is-complete{border-color:var(--accent-success)}.pack-slot-item__num{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;color:var(--flavor-frutilla);letter-spacing:.05em}.pack-slot-item__flavor{background:transparent;border:0;padding:0;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.pack-slot-item__flavor-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;letter-spacing:-.02em}.pack-slot-item__flavor-empty{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.1em}.pack-slot-item__intensity{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.12em;cursor:pointer;text-transform:uppercase}.pack-slot-item__intensity:hover{border-color:var(--border-bright);color:var(--text-primary)}.pack-modal__footnote{font-size:var(--fs-2xs);color:var(--text-tertiary);letter-spacing:.15em;text-align:center;margin:0}.pack-modal__footer{padding:var(--space-4) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--surface-1);flex:0 0 auto}.pack-modal__total-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pack-modal__total-label{font-size:var(--fs-sm);font-weight:700;letter-spacing:.2em;color:var(--text-secondary)}.pack-modal__total-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary)}.pack-modal__add{min-height:60px;font-size:var(--fs-sm)}.pack-modal__add:disabled{opacity:.5;cursor:not-allowed}.pack-modal__progress{font-size:var(--fs-2xs);color:var(--text-tertiary);letter-spacing:.15em;text-align:center;margin:0}.flavor-picker{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-2);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur-med) var(--ease-out);z-index:2}.flavor-picker.is-open{transform:translate(0)}.flavor-picker__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.flavor-picker__back{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em}.flavor-picker__back:hover{color:var(--text-primary)}.flavor-picker__back svg{width:14px;height:14px;transform:rotate(180deg)}.flavor-picker__grid{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(min-width:480px){.flavor-picker__grid{grid-template-columns:repeat(3,1fr)}}.flavor-picker__btn{background:var(--surface-1);border:1px solid var(--border-subtle);border-bottom:2px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-3);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);aspect-ratio:4 / 3;align-items:center;justify-content:center;text-align:center;transition:border-color var(--dur-fast) var(--ease-out)}.flavor-picker__btn:hover{box-shadow:0 4px 16px var(--accent)}.flavor-picker__btn-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:-.01em}.flavor-picker__btn-dot{width:24px;height:24px;border-radius:9999px;background:var(--accent);box-shadow:0 0 12px var(--accent)}body.pack-open{overflow:hidden}.pack-modal__error-banner{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:1px solid #ff6b6b;border-radius:var(--radius-sm);background:#ff6b6b1f;color:var(--text-primary)}.pack-modal__error-banner>.t-mono{color:#ff6b6b;font-weight:700;letter-spacing:.15em}.pack-modal__error-banner-msg{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.4}.flavor-picker__grid--intensity{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.flavor-picker__btn.is-active{border-color:var(--text-primary);background:var(--surface-2)}.flavor-picker__btn[disabled],.flavor-picker__btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.flavor-picker__btn-meta{display:block;margin-top:var(--space-1);font-size:var(--fs-2xs);color:var(--text-tertiary)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/snippet-pack-builder.css.map */