.hbc-feedback{min-height:80vh;padding:7rem 0 9rem}.hbc-feedback__inner{max-width:760px}.hbc-feedback__header{border-left:4px solid var(--hbc-primary-500);padding-left:2rem;margin-bottom:4rem}.hbc-feedback__header .hbc-heading{margin-bottom:1.2rem}.hbc-feedback__header>p:last-child{color:#f2f2f2bf;font-size:1.7rem;line-height:1.6}.hbc-feedback__form{display:grid;gap:2.2rem}.hbc-feedback fieldset,.hbc-feedback__field{border:1px solid #3a3a3a;background:#181818;padding:2rem;margin:0;display:grid;gap:1.2rem}.hbc-feedback legend,.hbc-feedback__field>span{color:#fff;font-weight:800;font-size:1.7rem;padding:0 .6rem}.hbc-feedback small{color:#aaa}.hbc-feedback select,.hbc-feedback textarea{width:100%;border:1px solid #555;border-radius:0;background:#fff;color:#111;font:inherit;font-size:1.6rem;padding:1.4rem}.hbc-feedback textarea{resize:vertical;min-height:11rem}.hbc-feedback__scale,.hbc-feedback__recommend{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.hbc-feedback__recommend{grid-template-columns:repeat(11,1fr)}.hbc-feedback__scale input,.hbc-feedback__recommend input{position:absolute;opacity:0;pointer-events:none}.hbc-feedback__scale span,.hbc-feedback__recommend span{display:grid;place-items:center;min-height:4.8rem;border:1px solid #555;color:#fff;cursor:pointer;font-weight:800}.hbc-feedback__scale input:checked+span,.hbc-feedback__recommend input:checked+span{background:var(--hbc-accent-500);border-color:var(--hbc-accent-500);color:#111}.hbc-feedback__scale input:focus-visible+span,.hbc-feedback__recommend input:focus-visible+span{outline:3px solid var(--hbc-primary-400);outline-offset:2px}.hbc-feedback__consent{display:flex;align-items:flex-start;gap:1rem;color:#ddd;font-size:1.5rem}.hbc-feedback__consent input{width:2rem;height:2rem;accent-color:var(--hbc-accent-500);flex:0 0 auto}.hbc-feedback__submit{width:100%}.hbc-feedback__message{padding:1.4rem;border-left:3px solid var(--hbc-accent-500);background:#242424;color:#fff}.hbc-feedback__message:empty{display:none}.hbc-feedback__message.is-error{border-color:#e05252}.hbc-feedback__privacy{color:#999;font-size:1.3rem;text-align:center}.hbc-feedback__privacy a{color:#fff}@media(max-width:749px){.hbc-feedback{padding:4.5rem 0 7rem}.hbc-feedback__header{margin-bottom:3rem}.hbc-feedback__recommend{grid-template-columns:repeat(6,1fr)}.hbc-feedback fieldset,.hbc-feedback__field{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hbc-class-feedback.css.map */