.option-for-each-pack{margin:2rem 0;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff}.option-for-each-pack__option{margin-bottom:2rem;padding:1.25rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#fafafa;transition:border-color .2s ease-in-out}.option-for-each-pack__option:last-child{margin-bottom:0}.option-for-each-pack__option:hover{border-color:#d1d5db}.option-for-each-pack__option-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.pack-flavor-options{display:flex;flex-direction:column;gap:.75rem}.pack-flavor-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;display:block}.pack-flavor-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#1f2937;transition:all .2s ease-in-out;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' 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 .75rem center;background-size:1rem}.pack-flavor-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pack-flavor-select:hover{border-color:#9ca3af}.pack-flavor-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.pack-flavor-select option{padding:.5rem;color:#1f2937}.pack-flavor-select option:disabled{color:#9ca3af;font-style:italic}.pack-flavor-select.pack-select-error{border-color:#ef4444;background-color:#fef2f2}.pack-flavor-select.pack-select-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.flavor-description{padding:.75rem;border-radius:.375rem;background-color:#f0f9ff;border:1px solid #e0f2fe;font-size:.875rem;color:#0c4a6e;line-height:1.5;min-height:2.5rem;display:flex;align-items:center;transition:all .2s ease-in-out}.flavor-description.placeholder{color:#64748b;font-style:italic;background-color:#f8fafc;border-color:#e2e8f0}.pack-validation-error{color:#dc2626;font-size:.875rem;margin-top:1rem;padding:.75rem;background-color:#fef2f2;border-radius:.375rem;border:1px solid #fecaca;font-weight:500}.button--disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.option-for-each-pack{margin:1.5rem 0;padding:1rem}.option-for-each-pack__option{padding:1rem;margin-bottom:1.5rem}.option-for-each-pack__option-title{font-size:1rem}.pack-flavor-select{padding:.625rem 2.25rem .625rem .875rem}.flavor-description{padding:.625rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){.option-for-each-pack{background-color:#1f2937;border-color:#374151}.option-for-each-pack__option{background-color:#111827;border-color:#374151}.option-for-each-pack__option-title{color:#f9fafb;border-bottom-color:#374151}.pack-flavor-label{color:#d1d5db}.pack-flavor-select{background-color:#1f2937;border-color:#374151;color:#f9fafb}.pack-flavor-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.flavor-description{background-color:#1e3a8a;border-color:#1e40af;color:#dbeafe}.flavor-description.placeholder{background-color:#374151;border-color:#4b5563;color:#9ca3af}}.option-for-each-pack__option{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pack-flavor-select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pack-flavor-select.loading{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3cpath d='M21 12a9 9 0 11-6.219-8.56'/%3e%3c/svg%3e");animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pack-success-notification{position:fixed;top:20px;right:20px;background:#22c55e;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;z-index:9999;box-shadow:0 4px 6px #0000001a;font-weight:500;font-size:.875rem;transition:all .3s ease-in-out;animation:slideInRight .3s ease-out;max-width:300px}.pack-success-notification:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pack-add-to-cart-button{transition:all .2s ease-in-out}.pack-add-to-cart-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.pack-add-to-cart-button.adding{background-color:#9ca3af;color:#fff}.pack-updating .option-for-each-pack{opacity:.8;pointer-events:none}.pack-updating .pack-flavor-select{background-color:#f9fafb}.button--disabled,button[disabled],button:disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;background-color:#9ca3af!important;border-color:#9ca3af!important;color:#fff!important;transform:none!important;box-shadow:none!important}.button--disabled:hover,button[disabled]:hover,button:disabled:hover{opacity:.5!important;background-color:#9ca3af!important;transform:none!important}.pack-validation-error{animation:slideDown .3s ease-out;box-shadow:0 2px 4px #e53e3e1a;border-left:4px solid #e53e3e}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.pack-select-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1a!important;background-color:#fef2f2!important}.pack-select-error:focus{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e33!important}.pack-select-success{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.pack-form-loading{position:relative}.pack-form-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-pack-options.css.map */