.floating-label-input-container{position:relative;min-width:200px}.floating-label-input-container input,.floating-label-input-container textarea{width:100%;padding:10px;font-size:1rem;border:.1rem solid #ccc;border-radius:.2rem;outline:none;background:transparent;resize:none}.floating-label-input-container label{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);padding:0 5px;color:#666;transition:all .3s ease;font-size:1.1rem;background-color:var(--article-primary-container, #fff)}.floating-label-input-container textarea+label{top:0%;left:.5rem;transform:translateY(100%)}.floating-label-input-container input:focus+label,.floating-label-input-container input:not(:placeholder-shown)+label,.floating-label-input-container textarea:focus+label,.floating-label-input-container textarea:not(:placeholder-shown)+label{left:8px;font-size:.8rem;color:rgb(var(--primary-raw))}.floating-label-input-container textarea:focus+label,.floating-label-input-container textarea:not(:placeholder-shown)+label{transform:translateY(-50%)}.floating-label-input-container input:focus+label,.floating-label-input-container input:not(:placeholder-shown)+label{top:0}.floating-label-input-container textarea{min-height:100px}.contact-container{margin:1rem 0;display:grid;grid-template-columns:1fr;gap:1rem}.contact-container a{text-decoration:none}.contact-container .contact-info-container{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;justify-content:center;align-items:center}.contact-container .contact-info-container .contact-info{display:flex;gap:1rem;align-items:center}.contact-container .contact-info-container .contact-info a{color:#000}.contact-container .contact-info-container .contact-info .icon{position:relative;padding:.5rem;display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:4rem;height:4rem}.contact-container .contact-info-container .contact-info .icon .border{position:absolute;background-color:rgb(var(--primary-raw));inset:0;border-radius:50%;opacity:.7}.contact-container .contact-info-container .contact-info .content{display:flex;justify-content:center;align-items:center;padding:0}.contact-container .contact-info-container .contact-info .icon i{color:rgb(var(--primary-raw));filter:brightness(55%);font-size:1.7rem}.contact-container .contact-form-container{flex-grow:1}#contact-form{display:flex;flex-direction:column;gap:1rem}#success{width:100%;padding:10px;text-align:center;color:green;display:none}#error{width:100%;padding:10px;text-align:center;color:#df2020;display:none}@media screen and (min-width: 768px){.contact-container{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1280px){.contact-container .contact-info-container{grid-template-columns:repeat(2,1fr);align-content:start;row-gap:2rem}.contact-container .contact-info-container .contact-info-header{grid-column:span 2}}
