.connect-buttons{text-align:center}.connect-buttons__heading{margin-bottom:4rem}@media screen and (min-width: 750px){.connect-buttons__heading{margin-bottom:5rem}}.connect-buttons__container{display:grid;gap:2rem}@media screen and (min-width: 750px){.connect-buttons__container{grid-template-columns:repeat(4,1fr);gap:6rem}}.connect-buttons__item{width:auto}.connect-buttons__button{font-size:2rem;font-weight:300;min-height:8.3rem;padding:0 2rem;text-align:center;line-height:1.25;width:100%}.connect-buttons__button:hover{box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.connect-buttons__button:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.connect-modal{position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.connect-modal[open]{opacity:1;visibility:visible;z-index:101}.connect-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;max-height:90vh;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:3rem 1.5rem;border:1px solid rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.connect-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.connect-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width: 750px){.connect-modal__content{padding:4rem 3rem;margin-top:10rem;width:70%;max-width:74.6rem}}.connect-modal__close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1;color:rgb(var(--color-foreground));width:3rem;height:3rem}.connect-modal__close:hover{opacity:.7}.connect-modal__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.connect-modal__header{text-align:center;margin-bottom:3rem}.connect-modal__title{font-size:2rem;margin-bottom:1.5rem;text-transform:uppercase;font-family:var(--font-taydreamboat);font-weight:300}.connect-modal__description{font-size:1.8rem;line-height:1.5;color:rgb(var(--color-foreground));max-width:60rem;margin:0 auto}.connect-form{width:100%}.connect-form__fields{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media screen and (min-width: 750px){.connect-form__fields{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}}.connect-form .field{margin-bottom:1.5rem}@media screen and (min-width: 750px){.connect-form .field{margin-bottom:2rem}}.connect-form .field__input--textarea{min-height:12rem;resize:vertical}.connect-form__button{margin-top:3rem;text-align:center}.connect-form__button .button{width:100%;max-width:39.4rem}@media screen and (min-width: 750px){.connect-form__button{margin-top:1.5rem}}.connect-form__message{padding:1.5rem;margin-bottom:2rem;border-radius:var(--inputs-radius);display:flex;align-items:flex-start;gap:1rem}.connect-form__message--success{background-color:rgba(var(--color-success-background),.1);color:rgb(var(--color-success-foreground))}.connect-form__message--error{background-color:rgba(var(--color-error-background),.1);color:rgb(var(--color-error-foreground))}.connect-form__message p{margin:0;flex:1}.connect-form__message ul{margin:.5rem 0 0;padding-left:2rem;list-style:disc}.connect-form__message .icon-success,.connect-form__message .icon-error{flex-shrink:0;margin-top:.2rem}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-connect-buttons.css.map */