.complaint{--complaint-space-xs: 8px;--complaint-space-s: 16px;--complaint-space-m: 24px;--complaint-space-l: 40px;--complaint-space-xl: 64px;--complaint-control-height: 52px;--complaint-panel-inset: 24px;--complaint-line: rgba(var(--color-foreground), .16);color:rgb(var(--color-foreground))}.complaint *,.complaint *:before,.complaint *:after{box-sizing:border-box}.complaint .page-container{max-width:1344px}.complaint__main{display:grid;gap:var(--complaint-space-l);align-items:start}.complaint__eyebrow{margin:0 0 var(--complaint-space-s);color:rgb(var(--color-foreground))}.complaint__heading{max-width:14ch;text-wrap:balance;margin:0;font-size:var(--font-size-h1-mobile);line-height:var(--line-height-112);letter-spacing:var(--letter-spacing-negative-068);font-weight:var(--font-weight-semibold)}.complaint__lead{max-width:40ch;margin:var(--complaint-space-m) 0 0;font-size:var(--font-size-body-16);line-height:var(--line-height-160);color:rgba(var(--color-foreground),.72)}.complaint__checklist{margin:var(--complaint-space-m) 0 0;padding:0;list-style:none;display:grid;gap:var(--complaint-space-xs);font-size:var(--font-size-body-14);line-height:var(--line-height-150)}.complaint__checklist li{position:relative;padding-left:28px}.complaint__checklist li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-green-200);box-shadow:inset 0 0 0 2px var(--color-green-500)}.complaint__hint{margin-top:var(--complaint-space-m);padding:var(--complaint-space-s);border-left:3px solid var(--color-green-500);background:var(--color-grey-bg);font-size:var(--font-size-body-14);line-height:var(--line-height-150)}.complaint__hint>:first-child{margin-top:0}.complaint__hint>:last-child{margin-bottom:0}.complaint__editorial{margin-top:var(--complaint-space-m)}.complaint a:not(.button){color:inherit;text-underline-offset:4px}.complaint__panel{display:block;padding:var(--complaint-panel-inset);background:var(--color-grey-bg);border-radius:var(--radius-card)}.complaint__form{display:grid;gap:var(--complaint-space-l)}.complaint__form[hidden]{display:none}.complaint__step{margin:0;padding:0;border:0;min-width:0}.complaint__step[hidden]{display:none}.complaint__step-title{display:flex;align-items:center;gap:var(--complaint-space-s);margin:0 0 var(--complaint-space-m);padding:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);line-height:var(--line-height-130)}.complaint__step-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-green-200);color:var(--color-green-800);font-size:var(--font-size-body-16);font-weight:var(--font-weight-bold)}.complaint__choices{display:grid;gap:var(--complaint-space-s)}.complaint__choice{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--complaint-space-s) var(--complaint-space-s) var(--complaint-space-s) 52px;border:1px solid rgba(var(--color-foreground),.3);border-radius:var(--radius-m);background:rgb(var(--color-background));cursor:pointer;transition:border-color var(--duration-quick) var(--ease-default),box-shadow var(--duration-quick) var(--ease-default)}.complaint__choice input{position:absolute;left:18px;top:20px;width:20px;height:20px;margin:0;accent-color:var(--color-green-700)}.complaint__choice:has(input:checked){border-color:var(--color-green-500);box-shadow:0 0 0 1px var(--color-green-500);background:var(--color-green-200)}.complaint__choice:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.complaint__choice-title{font-size:var(--font-size-body-16);font-weight:var(--font-weight-semibold)}.complaint__choice-text{font-size:var(--font-size-body-14);line-height:var(--line-height-150);color:rgba(var(--color-foreground),.72)}.complaint__fields{display:grid;gap:var(--complaint-space-m)}.complaint__field{display:flex;flex-direction:column;gap:var(--complaint-space-xs);min-width:0}.complaint__field label,.complaint__upload-title,.complaint__items-title{font-size:var(--font-size-body-14);line-height:var(--line-height-140);font-weight:var(--font-weight-semibold)}.complaint__optional{font-weight:var(--font-weight-regular);color:rgba(var(--color-foreground),.65)}.complaint__field input,.complaint__field textarea,.complaint__field select{width:100%;border:1px solid rgba(var(--color-foreground),.45);border-radius:var(--radius-full);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--font-size-body-16);line-height:var(--line-height-150);padding:12px 20px;min-height:var(--complaint-control-height);transition:border-color var(--duration-quick) var(--ease-default),box-shadow var(--duration-quick) var(--ease-default)}.complaint__field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232b2d2b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center}.complaint__field textarea{min-height:152px;border-radius:var(--radius-card);resize:vertical}.complaint__field input:focus-visible,.complaint__field textarea:focus-visible,.complaint__field select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;box-shadow:none}.complaint__field [aria-invalid=true]{border-color:var(--color-danger)}.complaint__field-help{margin:0;font-size:var(--font-size-body-13);line-height:var(--line-height-150);color:rgba(var(--color-foreground),.65)}.complaint__field-error{margin:0;color:var(--color-danger);font-size:var(--font-size-body-13);line-height:var(--line-height-150)}.complaint__field-error[hidden]{display:none}.complaint__note{margin:var(--complaint-space-s) 0 0;font-size:var(--font-size-body-13);line-height:var(--line-height-150);color:rgba(var(--color-foreground),.65)}.complaint__note[hidden]{display:none}.complaint__checkbox{display:flex;gap:var(--complaint-space-s);align-items:flex-start;margin-top:var(--complaint-space-xs);font-size:var(--font-size-body-14);line-height:var(--line-height-150);font-weight:var(--font-weight-regular);cursor:pointer}.complaint__checkbox input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-green-700)}.complaint__checkbox--privacy{margin-top:var(--complaint-space-m)}.complaint__step [data-step] button,.complaint__step .button{margin-top:var(--complaint-space-s)}.complaint__items{margin-top:var(--complaint-space-m)}.complaint__items[hidden]{display:none}.complaint__item-list{display:grid;gap:var(--complaint-space-xs);margin-top:var(--complaint-space-xs)}.complaint__item{position:relative;display:grid;grid-template-columns:48px 56px minmax(0,1fr);gap:var(--complaint-space-s);align-items:center;padding:var(--complaint-space-xs) var(--complaint-space-s) var(--complaint-space-xs) var(--complaint-space-xs);border:1px solid rgba(var(--color-foreground),.3);border-radius:var(--radius-m);background:rgb(var(--color-background));cursor:pointer}.complaint__item input{width:20px;height:20px;margin:0 auto;accent-color:var(--color-green-700)}.complaint__item:has(input:checked){border-color:var(--color-green-500);box-shadow:0 0 0 1px var(--color-green-500);background:var(--color-green-200)}.complaint__item:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.complaint__item img,.complaint__item-placeholder{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-s);background:var(--color-grey-bg)}.complaint__item-title{font-size:var(--font-size-body-14);font-weight:var(--font-weight-semibold);line-height:var(--line-height-140)}.complaint__item-meta{font-size:var(--font-size-body-13);color:rgba(var(--color-foreground),.65)}.complaint__upload{margin-top:var(--complaint-space-m);padding-top:var(--complaint-space-m);border-top:1px solid var(--complaint-line);display:grid;gap:var(--complaint-space-xs)}.complaint__upload-title{margin:0}.complaint__upload-button{justify-self:start;cursor:pointer}.complaint__upload-button:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.complaint__files{margin:0;padding:0;list-style:none;display:grid;gap:var(--complaint-space-xs)}.complaint__files:empty{display:none}.complaint__files--grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.complaint__file{position:relative;display:grid;gap:4px;padding:var(--complaint-space-xs);border:1px solid var(--complaint-line);border-radius:var(--radius-s);background:rgb(var(--color-background));font-size:var(--font-size-body-12);line-height:var(--line-height-140)}.complaint__file img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-3xs);background:var(--color-grey-bg)}.complaint__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complaint__file-status{color:rgba(var(--color-foreground),.65)}.complaint__file--failed{border-color:var(--color-danger)}.complaint__file--failed .complaint__file-status{color:var(--color-danger)}.complaint__file-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;border-radius:var(--radius-full);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 3px #00000040;font-size:18px;line-height:1;cursor:pointer}.complaint__file-remove:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.complaint__status{margin:0;border-left:3px solid var(--color-success);padding:var(--complaint-space-s);background:rgb(var(--color-background));font-size:var(--font-size-body-14);line-height:var(--line-height-150)}.complaint__status--error{border-color:var(--color-danger)}.complaint__status[hidden]{display:none}.complaint__status ul{margin:var(--complaint-space-xs) 0 0;padding-left:18px}.complaint__website{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.complaint__submit{margin-top:var(--complaint-space-m)}.complaint__submit .button{width:100%}.complaint__submit .button[disabled]{opacity:.6;cursor:progress}.complaint__success[hidden]{display:none}.complaint__success{display:grid;gap:var(--complaint-space-s)}.complaint__success h2{margin:0}.complaint__success-case{margin:0;display:flex;flex-wrap:wrap;gap:var(--complaint-space-xs) var(--complaint-space-s);align-items:baseline;font-size:var(--font-size-body-14)}.complaint__success-case strong{font-size:var(--font-size-h3-mobile);letter-spacing:.02em}.complaint__success .button{justify-self:start}.complaint__panel[data-busy] .complaint__form{opacity:.7;pointer-events:none}@media(hover:hover){.complaint__field input:hover,.complaint__field textarea:hover,.complaint__field select:hover,.complaint__choice:hover,.complaint__item:hover{border-color:rgb(var(--color-foreground))}}@media(min-width:750px){.complaint{--complaint-panel-inset: 40px}.complaint__heading{font-size:var(--font-size-h1)}.complaint__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint__field--full{grid-column:1 / -1}.complaint__field--zip{max-width:200px}.complaint__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint__submit .button{width:auto}}@media(min-width:990px){.complaint__main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--complaint-space-xl)}.complaint__intro{position:sticky;top:calc(var(--header-height, 80px) + 24px);padding-top:var(--complaint-space-m)}}@media(prefers-reduced-motion:reduce){.complaint__field input,.complaint__field textarea,.complaint__field select,.complaint__choice{transition:none}}.complaint__form{counter-reset:step}.complaint__step:not([hidden]){counter-increment:step}.complaint__step-number:before{content:counter(step)}.complaint__slip{display:grid;gap:var(--complaint-space-s);padding:var(--complaint-space-m);border:1px dashed rgba(var(--color-foreground),.45);border-radius:var(--radius-m);background:rgb(var(--color-background))}.complaint__slip-title{margin:0;font-size:var(--font-size-body-14)}.complaint__slip-title strong{display:block;margin-top:4px;font-size:var(--font-size-h2-mobile);letter-spacing:.04em}.complaint__slip-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--complaint-space-xs) var(--complaint-space-s);font-size:var(--font-size-body-14);line-height:var(--line-height-150)}.complaint__slip-list dt{font-size:var(--font-size-body-12);color:rgba(var(--color-foreground),.65)}.complaint__slip-list dd{margin:0;min-height:1.5em;overflow-wrap:anywhere}.complaint__slip-reason{grid-column:1 / -1}.complaint__slip-signature{margin:var(--complaint-space-m) 0 0;padding-top:32px;border-top:1px solid rgb(var(--color-foreground));font-size:var(--font-size-body-12);color:rgba(var(--color-foreground),.65)}.complaint__slip-actions{display:flex;flex-wrap:wrap;gap:var(--complaint-space-s)}@media print{body *{visibility:hidden}.complaint__slip,.complaint__slip *{visibility:visible}.complaint__slip{position:absolute;left:0;top:0;width:100%;border-color:#000}.complaint__slip-actions{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-complaint-form.css.map */