.support-request{--sr-bg: #f3f4f6;--sr-card: #ffffff;--sr-border: #e5e7eb;--sr-text: #111827;--sr-muted: #6b7280;--sr-accent: #111827;--sr-info-bg: #eff6ff;--sr-info-border: #bfdbfe;--sr-info-text: #1e40af;--sr-warn-bg: #fff7ed;--sr-warn-border: #fed7aa;--sr-warn-text: #9a3412;--sr-success-bg: #ecfdf5;--sr-success-border: #a7f3d0;--sr-success-text: #065f46;--sr-radius: 12px;--sr-radius-sm: 8px;background:var(--sr-bg);color:var(--sr-text);padding:2.4rem 0 4.8rem}.support-request__inner{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:2rem;align-items:start}.support-request__sidebar,.support-request__main,.support-request__orders,.support-request__manual{background:var(--sr-card);border:1px solid var(--sr-border);border-radius:var(--sr-radius);box-shadow:0 1px 2px #0000000a}.support-request__content{display:flex;flex-direction:column;gap:1.6rem;min-width:0}.support-request__sidebar{padding:1.6rem;position:sticky;top:1.6rem}.support-request__sidebar-title{margin:0 0 1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-muted)}.support-request__topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.support-request__topic{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.8rem;padding:1rem 1.2rem;height:auto;line-height:1.3;border:1px solid transparent;border-radius:var(--sr-radius-sm);background:transparent;color:var(--sr-text);font-size:1.4rem;font-weight:500;text-align:left;text-transform:none;white-space:normal;cursor:pointer;transition:background .15s ease,color .15s ease}.support-request__topic:hover{background:#f9fafb}.support-request__topic.is-active{background:var(--sr-accent);color:#fff}.support-request__topic-icon{width:2rem;height:2rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.support-request__topic-icon svg{width:1.8rem;height:1.8rem}.support-request__main{padding:2.4rem}.support-request__header{display:flex;align-items:flex-start;gap:1.2rem}.support-request__header-icon{width:4.4rem;height:4.4rem;border-radius:var(--sr-radius-sm);background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.support-request__header-icon svg{width:2.2rem;height:2.2rem}.support-request__title{margin:0 0 .4rem;font-size:2.2rem;font-weight:700;line-height:1.2}.support-request__subtitle{margin:0;color:var(--sr-muted);font-size:1.4rem;line-height:1.5}.support-request__alerts{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.support-request__alert{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.4rem;border-radius:var(--sr-radius-sm);border:1px solid;font-size:1.35rem;line-height:1.5}.support-request__alert--info{background:var(--sr-info-bg);border-color:var(--sr-info-border);color:var(--sr-info-text)}.support-request__alert--warn{background:var(--sr-warn-bg);border-color:var(--sr-warn-border);color:var(--sr-warn-text)}.support-request__alert--success{background:var(--sr-success-bg);border-color:var(--sr-success-border);color:var(--sr-success-text)}.support-request__alert-icon{flex-shrink:0;margin-top:.1rem}.support-request__orders{padding:0;overflow:hidden}.support-request__orders-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.6rem;height:auto;min-height:0;line-height:1.3;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;cursor:pointer;box-shadow:none}.support-request__orders-toggle:hover{background:#f9fafb}.support-request__orders-toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.support-request__section-title{margin:0;font-size:1.5rem;font-weight:700}.support-request__orders-count{font-size:1.25rem;color:var(--sr-muted);font-weight:500}.support-request__orders-chevron{width:2rem;height:2rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--sr-muted);transition:transform .35s ease}.support-request__orders-chevron svg{width:1.6rem;height:1.6rem}.support-request__orders:not(.is-collapsed) .support-request__orders-chevron{transform:rotate(180deg)}.support-request__orders-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease}.support-request__orders.is-collapsed .support-request__orders-panel{grid-template-rows:0fr}.support-request__orders-panel-inner{overflow:hidden;min-height:0;padding:0 1.6rem 1.6rem;opacity:1;transition:opacity .25s ease,padding .35s ease}.support-request__orders.is-collapsed .support-request__orders-panel-inner{padding-top:0;padding-bottom:0;opacity:0}.support-request__order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.support-request__order-list>li{margin:0;padding:0}.support-request__order-item.is-multi .support-request__order{border-bottom-left-radius:var(--sr-radius-sm);border-bottom-right-radius:var(--sr-radius-sm)}.support-request__order-item.is-multi.is-open .support-request__order{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.support-request__order-expand-hint{display:inline-flex;align-items:center;gap:.3rem;color:var(--sr-muted);font-size:1.15rem;white-space:nowrap}.support-request__order-mini-chevron{width:1.4rem;height:1.4rem;display:inline-flex;transition:transform .3s ease}.support-request__order-mini-chevron svg{width:100%;height:100%}.support-request__order-item.is-open .support-request__order-mini-chevron{transform:rotate(180deg)}.support-request__order-products{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.support-request__order-item.is-open .support-request__order-products{grid-template-rows:1fr}.support-request__order-products-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:.6rem;padding:0 1rem;border:1px solid var(--sr-border);border-top:0;border-radius:0 0 var(--sr-radius-sm) var(--sr-radius-sm);background:#fafafa;opacity:0;transition:opacity .25s ease,padding .3s ease}.support-request__order-item.is-open .support-request__order-products-inner{padding:.8rem 1rem 1rem;opacity:1}.support-request__order-product{display:flex;align-items:center;gap:1rem;width:100%;padding:.8rem 1rem;height:auto;min-height:0;line-height:1.35;border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);background:#fff;color:inherit;font:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;cursor:pointer;box-shadow:none;justify-content:flex-start;transition:border-color .15s ease,background .15s ease}.support-request__order-product:hover{background:#f3f4f6;border-color:#d1d5db}.support-request__order-product.is-selected{border-color:#111827;box-shadow:0 0 0 1px #111827}.support-request__order-product-wrap{display:flex;flex-direction:column;gap:.5rem}.support-request__order-product.is-bundle{position:relative}.support-request__bundle-badge{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;border-radius:999px;background:#111827;color:#fff;font-size:1rem;font-weight:600;line-height:1.3;vertical-align:middle}.support-request__bundle-items{display:flex;flex-direction:column;gap:.5rem;margin:0 0 0 1.2rem;padding:.6rem 0 .2rem .8rem;border-left:2px solid #d1d5db}.support-request__bundle-items[hidden]{display:none!important}.support-request__bundle-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.7rem .9rem;height:auto;min-height:0;line-height:1.35;border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);background:#fff;color:inherit;font:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;cursor:pointer;box-shadow:none;justify-content:flex-start;transition:border-color .15s ease,background .15s ease}.support-request__bundle-item:hover{background:#f3f4f6;border-color:#d1d5db}.support-request__bundle-item.is-selected{border-color:#111827;box-shadow:0 0 0 1px #111827}.support-request__bundle-status{margin:0;padding:.4rem .2rem;font-size:1.2rem;color:var(--sr-muted)}.support-request__bundle-status--error{color:#b91c1c}.support-request__order-product-thumb{width:4rem;height:4rem;border-radius:6px;background:#f3f4f6;object-fit:cover;flex-shrink:0;border:1px solid var(--sr-border);display:block}.support-request__order-product-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.support-request__order-product-title{font-size:1.3rem;font-weight:600;line-height:1.3}.support-request__order-product-sku{font-size:1.15rem;color:var(--sr-muted)}.support-request__order{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1rem 1.2rem;height:auto;min-height:0;line-height:1.35;border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;text-align:left;text-transform:none;white-space:normal;width:100%;color:inherit;font:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal;box-shadow:none;justify-content:initial;align-content:center}.support-request__order:hover{border-color:#d1d5db;background:#fafafa;box-shadow:none}.support-request__order.is-selected{border-color:#111827;background:#fff;box-shadow:0 0 0 1px #111827}.support-request__order-thumbs{display:flex;gap:.4rem;flex-shrink:0}.support-request__order-thumb{width:4rem;height:4rem;border-radius:6px;background:#f3f4f6;object-fit:cover;display:block;border:1px solid var(--sr-border)}.support-request__order-meta{min-width:0;display:flex;flex-direction:column;gap:.3rem}.support-request__order-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:0}.support-request__order-name{font-weight:700;font-size:1.35rem;line-height:1.3}.support-request__badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:1.1rem;font-weight:600;line-height:1.2}.support-request__badge--success{background:#d1fae5;color:#065f46}.support-request__badge--warning{background:#ffedd5;color:#9a3412}.support-request__badge--muted{background:#f3f4f6;color:#4b5563}.support-request__order-desc{margin:0;color:var(--sr-muted);font-size:1.2rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-request__order-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.4rem;flex-shrink:0}.support-request__order-side-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.support-request__order-total{font-weight:700;font-size:1.35rem;line-height:1.2;white-space:nowrap}.support-request__order-detail{color:var(--sr-muted);font-size:1.15rem;text-decoration:none;white-space:nowrap}.support-request__order-detail:hover{color:var(--sr-text);text-decoration:underline}.support-request__manual{padding:2rem}.support-request__manual-title{margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.support-request__manual-text{margin:0 0 1.6rem;color:var(--sr-muted);font-size:1.35rem}.support-request__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.6rem}.support-request__field{display:flex;flex-direction:column;gap:.5rem}.support-request__field--full{grid-column:1 / -1}.support-request__label{font-size:1.3rem;font-weight:600;color:#374151}.support-request__required{color:#dc2626;margin-left:.2rem}.support-request__input,.support-request__select,.support-request__textarea{width:100%;padding:1.1rem 1.2rem;border:1px solid #d1d5db;border-radius:var(--sr-radius-sm);background:#fff;font-size:1.4rem;color:var(--sr-text);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.support-request__input:focus,.support-request__select:focus,.support-request__textarea:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118270f}.support-request__input[readonly],.support-request__select:disabled{background:#f9fafb;color:#4b5563;cursor:default}.support-request__textarea{min-height:12rem;resize:vertical}.support-request__help{margin:0;font-size:1.2rem;color:var(--sr-muted)}.support-request__upload{display:flex;flex-direction:column;gap:1rem}.support-request__upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.support-request__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.4rem 1.6rem;border:1.5px dashed #d1d5db;border-radius:var(--sr-radius);background:#fafafa;text-align:center;cursor:pointer;pointer-events:auto;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.support-request__dropzone *{pointer-events:none}.support-request__dropzone:hover,.support-request__dropzone.is-dragover{border-color:#111827;background:#f3f4f6;box-shadow:inset 0 0 0 1px #111827}.support-request__dropzone-icon{width:4rem;height:4rem;border-radius:999px;background:#fff;border:1px solid var(--sr-border);display:inline-flex;align-items:center;justify-content:center;color:#111827;margin-bottom:.4rem}.support-request__dropzone-icon svg{width:2.2rem;height:2.2rem}.support-request__dropzone-title{font-size:1.45rem;font-weight:600;color:var(--sr-text)}.support-request__dropzone-text{font-size:1.25rem;color:var(--sr-muted)}.support-request__dropzone-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.6rem;padding:.8rem 1.6rem;border-radius:var(--sr-radius-sm);background:#111827;color:#fff;font-size:1.3rem;font-weight:600}.support-request__file-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.support-request__file-list[hidden]{display:none!important}.support-request__file-item{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:.8rem;border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);background:#fff;min-width:0}.support-request__file-item-preview{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f3f4f6;border:1px solid var(--sr-border);display:flex;align-items:center;justify-content:center}.support-request__file-item-preview img,.support-request__file-item-preview video{width:100%;height:100%;object-fit:cover;display:block}.support-request__file-item-fallback{color:#9ca3af;display:inline-flex;align-items:center;justify-content:center}.support-request__file-item-fallback svg{width:2.4rem;height:2.4rem}.support-request__file-item-meta{min-width:0;display:flex;flex-direction:column;gap:.2rem;padding:0 .2rem .2rem}.support-request__file-item-name{font-size:1.2rem;font-weight:600;color:var(--sr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-request__file-item-size{font-size:1.1rem;color:var(--sr-muted)}.support-request__file-item-remove{position:absolute;top:1.2rem;right:1.2rem;-webkit-appearance:none;appearance:none;border:0;background:#111827b8;color:#fff;width:2.4rem;height:2.4rem;padding:0;cursor:pointer;border-radius:999px;line-height:1;font:inherit;font-size:1.2rem;text-transform:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;z-index:1}.support-request__file-item-remove:hover{background:#dc2626;color:#fff}.support-request__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.support-request__btn{-webkit-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--sr-radius-sm);padding:1.1rem 2rem;font-size:1.4rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s ease,opacity .15s ease}.support-request__btn:disabled{opacity:.6;cursor:not-allowed}.support-request__btn--primary{background:#111827;color:#fff}.support-request__btn--primary:hover:not(:disabled){background:#000}.support-request__btn--secondary{background:#fff;color:#111827;border-color:#d1d5db}.support-request__btn--secondary:hover:not(:disabled){background:#f9fafb}.support-request__toast-wrap{position:fixed;top:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:.8rem}.support-request__toast{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001f;padding:1.2rem 1.6rem;font-size:1.35rem;border-left:4px solid #111827;max-width:36rem;animation:support-request-in .25s ease}.support-request__toast--success{border-left-color:#10b981}.support-request__toast--error{border-left-color:#ef4444}.support-request__success{background:var(--sr-card);border:1px solid var(--sr-border);border-radius:var(--sr-radius);box-shadow:0 1px 2px #0000000a;padding:4.8rem 2.4rem;text-align:center;max-width:56rem;margin:0 auto;animation:support-request-modal-in .3s ease}.support-request__success-icon{width:7.2rem;height:7.2rem;margin:0 auto 2rem}.support-request__success-icon svg{width:100%;height:100%;display:block}.support-request__success-title{margin:0 0 1rem;font-size:2.6rem;font-weight:700;line-height:1.25;color:var(--sr-text)}.support-request__success-text{margin:0 auto 3.2rem;max-width:42rem;font-size:1.5rem;line-height:1.55;color:var(--sr-muted)}.support-request__success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.support-request__success-actions .support-request__btn{min-width:18rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@keyframes support-request-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes support-request-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.support-request [hidden]{display:none!important}@media(max-width:989px){.support-request__inner{grid-template-columns:1fr}.support-request__sidebar{position:static}.support-request__topics{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:749px){.support-request{padding:1.6rem 0 3.2rem}.support-request__main,.support-request__orders,.support-request__manual,.support-request__sidebar{padding:1.6rem}.support-request__form-grid,.support-request__topics{grid-template-columns:1fr}.support-request__order{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem}.support-request__order-side{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;padding-top:.6rem;border-top:1px solid var(--sr-border)}.support-request__order-thumb{width:3.6rem;height:3.6rem}.support-request__actions{flex-direction:column}.support-request__btn{width:100%}.support-request__success{padding:3.2rem 1.6rem}.support-request__success-title{font-size:2.2rem}.support-request__success-actions{flex-direction:column}.support-request__success-actions .support-request__btn{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/support-request.css.map */