#contact .form-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:var(--spacing-lg)}#contact .form-wrapper p{width:50%;text-align:center}#contact .form-container{--r: 10px;--s: 40px;--a: 20deg;--p: 50%;width:100%;max-width:700px;background:var(--color-dark);border-radius:var(--r);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md) var(--spacing-md);color:var(--color-light);--_m: var(--r), var(--color-dark) calc(100% - 1px) , transparent;--_d: (var(--s) + var(--r)) * cos(var(--a));mask:radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),radial-gradient(var(--s) at var(--p) calc(-1 * sin(var(--a)) * var(--s)),transparent 100%,var(--color-dark) calc(100% + 1px)) 0 calc(var(--r) * (1 - sin(var(--a)))) no-repeat,linear-gradient(90deg,var(--color-dark) calc(var(--p) - var(--_d)),transparent 0 calc(var(--p) + var(--_d)),var(--color-dark) 0)}#contact .form-inner{--r: 8px;--s: 50px;--a: 30deg;--p: 50%;width:100%;max-width:100%;background:var(--color-light);border-radius:var(--r);padding:1px;color:var(--color-light);--_m: var(--r), var(--color-dark) calc(100% - 1px) , transparent;--_d: (var(--s) + var(--r)) * cos(var(--a));mask:radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),radial-gradient(var(--s) at var(--p) calc(-1 * sin(var(--a)) * var(--s)),transparent 100%,var(--color-dark) calc(100% + 1px)) 0 calc(var(--r) * (1 - sin(var(--a)))) no-repeat,linear-gradient(90deg,var(--color-dark) calc(var(--p) - var(--_d)),transparent 0 calc(var(--p) + var(--_d)),var(--color-dark) 0)}#contact .form{--r: 7.5px;--s: 51px;--a: 30deg;--p: 50%;width:100%;max-width:100%;background:var(--color-dark);border-radius:var(--r);padding:5rem var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);color:var(--color-light);position:relative;display:flex;justify-content:center;align-items:center;--_m: var(--r), var(--color-dark) calc(100% - 1px) , transparent;--_d: (var(--s) + var(--r)) * cos(var(--a));mask:radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),radial-gradient(var(--s) at var(--p) calc(-1 * sin(var(--a)) * var(--s)),transparent 100%,var(--color-dark) calc(100% + 1px)) 0 calc(var(--r) * (1 - sin(var(--a)))) no-repeat,linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#00000000 0 calc(var(--p) + var(--_d)),#000 0)}#contact .form:before{content:"";position:absolute;top:16px;left:16px;width:16px;height:16px;background:transparent;border:1px solid var(--color-light);border-radius:50%;z-index:10}#contact .form:after{content:"";position:absolute;top:16px;right:16px;width:16px;height:16px;background:transparent;border:1px solid var(--color-light);border-radius:50%;z-index:10}#contact form:before{content:"";position:absolute;bottom:16px;left:16px;width:16px;height:16px;background:transparent;border:1px solid var(--color-light);border-radius:50%;z-index:10}#contact form:after{content:"";position:absolute;bottom:16px;right:16px;width:16px;height:16px;background:transparent;border:1px solid var(--color-light);border-radius:50%;z-index:10}#contact form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}#contact input,#contact textarea,#contact select{width:100%;padding:.625rem .5rem;font-size:1rem;background-color:var(--color-light);border-radius:var(--radius-sm);border:1px solid transparent;outline:none}#contact select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23654321' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer}#contact input:focus,#contact textarea:focus,#contact select:focus{border:1px solid var(--color-light)}#contact input:focus-visible,#contact textarea:focus-visible,#contact select:focus-visible{border:1px solid var(--color-orange)}#contact input::selection,#contact textarea::selection{background-color:var(--color-orange);color:var(--color-light)}#contact .btn{margin-top:var(--spacing-md)}#contact .btn:hover{background-color:var(--color-light);color:var(--color-dark)}#contact .form-row{width:100%;display:flex;gap:var(--spacing-md)}#contact .form-group{width:100%;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 1024px){#contact .form-wrapper{gap:var(--spacing-md)}#contact .form-wrapper p{width:75%}}@media (max-width: 768px){#contact .form-container{margin-top:var(--spacing-sm)}#contact .form-wrapper p{width:100%}#contact .form-row{flex-direction:column}#contact .btn{margin-top:var(--spacing-xs)}#contact .form{padding:4rem 1.25rem var(--spacing-lg) 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/contact-form.css.map */