.newsletter-form{width:600px;position:relative;--color-keyboard-focus: var(--color-border)}.newsletter-form .form__message{margin-top:1.5rem;margin-bottom:0}.newsletter-form .field__input{font-size:1.4rem;box-shadow:none;outline:0;padding:0;padding-inline-start:1.2rem;border:.1rem solid rgb(var(--color-border));border-radius:15px;transition-property:border;background:#fff;height:60px}.newsletter-form .field__input.invalid{border-color:var(--color-critical);box-shadow:none}.octagon--input{clip-path:polygon(0% 0%,92% 0%,100% 25%,100% 75%,92% 100%,0% 100%,0% 75%,0% 25%);border:2px solid!important}.octagon_input_button_wrapper{clip-path:polygon(8% 0%,92% 0%,100% 25%,100% 75%,92% 100%,8% 100%,0% 75%,0% 25%);background-color:#000;z-index:0;padding:2px!important;border:0;display:flex;justify-content:center;overflow:hidden;position:absolute;right:0;top:0;height:60px;width:180px}.newsletter-form .octagon_input_button{clip-path:polygon(8% 0%,92% 0%,100% 25%,100% 75%,92% 100%,8% 100%,0% 75%,0% 25%);border:none!important;background-color:#eedc00!important;width:180px}.newsletter-form .field:hover .field__input,.newsletter-form .field__input:focus,.newsletter-form .field__input:focus-visible{border-color:rgb(var(--color-border))}.newsletter-form .field__button{box-shadow:none;background:rgb(var(--color-border))!important;width:180px;height:60px;min-width:auto;padding-inline-end:1rem;transition:padding var(--duration-default) ease;color:#fff!important;font: 30px/0px FtThyson;border-radius:0 15px 15px 0}.newsletter-form .field:hover .field__button,.newsletter-form .field__input:focus~.field__button,.newsletter-form .field__input:focus-visible~.field__button{padding-inline-end:1.3rem}.newsletter-form .field__button:after{content:none}.newsletter-form .field__button:not([disabled]){box-shadow:none}.newsletter-form .field__button .icon{width:1.3rem;height:1.3rem}.newsletter-form .typeset{font-size:1.3rem;letter-spacing:.05rem;margin-top:1.5rem;line-height:calc(1 + .4 / var(--font-body-scale))}.newsletter-form .typeset p{margin:0}.newsletter-form .typeset p+p{margin-top:1rem}@media screen and (min-width:1025px)and (max-width:1230px){.newsletter-form{width:520px}}@media screen and (max-width:768px){.newsletter-form{width:100%}.newsletter-form .field__button{height:70px;font:15px/0px FtThyson}}@media screen and (max-width:571px){.besCustomField{flex-direction:column!important}.octagon--input{clip-path:unset!important;border:none!important}.octagon_input_button_wrapper{position:unset!important;width:100%!important;margin:15px auto!important;clip-path:polygon(5% 0%,95% 0%,100% 25%,100% 75%,95% 100%,5% 100%,0% 75%,0% 25%)}.newsletter-form .octagon_input_button{width:100%!important;clip-path:polygon(5% 0%,95% 0%,100% 25%,100% 75%,95% 100%,5% 100%,0% 75%,0% 25%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-newsletter.css.map */