.mychron-case-options{margin:1rem 0}.mychron-case-options__legend,.mychron-case-options__label{display:block;font-weight:600;margin-bottom:.35rem}.mychron-case-options__tier-note{font-size:1.1875rem;color:#555;margin:0 0 .75rem;padding:.5rem 0;border-bottom:1px solid #eee}.mychron-case-options__tier-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem}.mychron-case-options__tier-option{min-width:0;display:flex;flex-direction:column;align-items:stretch}.mychron-case-options__tier-desc{font-size:1.33rem;color:#666;margin:.35rem 0 0;line-height:1.3;word-wrap:break-word}@media(max-width:600px){.mychron-case-options__tier-buttons{grid-template-columns:1fr}}.mychron-case-options__tier-btn{padding:1rem 1.5rem;border:1px solid currentColor;background:transparent;cursor:pointer;border-radius:4px;font-size:2.25rem}.mychron-case-options__tier-btn[aria-pressed=true]{background:#d4edda;color:#155724;border:2px solid #28a745}.mychron-case-options__preview-wrapper{margin:1rem 0}.mychron-case-options__preview-wrapper--hidden{display:none}.mychron-case-preview{min-height:120px;background:var(--mychron-case-color, #f5f5f5);border:2px solid var(--mychron-design-color, #0066cc);border-radius:8px;display:flex;align-items:center;justify-content:center}.mychron-case-preview__placeholder{text-align:center;color:var(--mychron-design-color, #666);padding:1rem}.mychron-case-preview__hint{font-size:.9375rem;margin-top:.5rem;opacity:.8}.mychron-case-options__addon,.mychron-case-options__case-color,.mychron-case-options__design-color,.mychron-case-options__text-color,.mychron-case-options__custom-text{margin-bottom:1rem}.mychron-case-options__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;font-size:1.25rem}.mychron-case-options__checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.mychron-case-options__transport-preview{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.mychron-case-options__transport-preview-label{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#333}.mychron-case-options__transport-preview-img{display:block;max-width:100%;width:280px;height:auto;border-radius:4px}.mychron-case-options__swatches{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.mychron-case-options__swatch{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid rgba(0,0,0,.2);cursor:pointer;padding:0;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.mychron-case-options__swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.mychron-case-options__swatch[aria-pressed=true]{border-width:3px;border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.mychron-case-options__swatch:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.mychron-case-options__disabled .mychron-case-options__swatches{opacity:.6;pointer-events:none}.mychron-case-options__select,.mychron-case-options__input{width:100%;max-width:280px;padding:.5rem;font-size:1.5625rem}.mychron-case-options__hint{font-size:1.766rem;color:#666;margin:.25rem 0 .35rem}.mychron-case-options__hint--when-disabled{display:none}.mychron-case-options__design-color.mychron-case-options__disabled .mychron-case-options__hint--when-disabled{display:block}.mychron-case-options__design-color.mychron-case-options__disabled .mychron-case-options__hint--when-available{display:none}.mychron-case-options__text-color.mychron-case-options__disabled .mychron-case-options__hint--when-disabled{display:block}.mychron-case-options__text-color.mychron-case-options__disabled .mychron-case-options__hint--when-available{display:none}.mychron-case-options__custom-text.mychron-case-options__disabled .mychron-case-options__hint--when-disabled{display:block}.mychron-case-options__disabled .mychron-case-options__select,.mychron-case-options__disabled .mychron-case-options__input{opacity:.6;pointer-events:none}.mychron-case-options__disabled[aria-hidden=false] .mychron-case-options__hint{display:none}.mychron-case-options__char-count{display:block;font-size:1.25rem;color:#666;margin-top:.25rem}.mychron-case-options__error{font-size:1.25rem;color:#c00;margin-top:.5rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mychron-case-options.css.map */