.section[data-name=event-signup] .section-content{border:1px solid var(--color-light);overflow:hidden;border-radius:8px}.loop-container:hover .loop-container-child{animation-play-state:paused}.loop-animation .loop-container{display:flex;padding:7px 0}.loop-animation.loop-container .loop-text{flex-shrink:0}.loop-animation .loop-container-child{display:flex;gap:40px;min-width:100vw;flex-shrink:0;padding-right:0;justify-content:space-between}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(min-width:1440px){.loop-animation .loop-container-child{justify-content:space-between}.loop-animation .loop-text:last-child{padding-right:0}}.section[data-name=event-signup] .signup-background{background-color:var(--color-aliceblue)}.section[data-name=event-signup] .section-title{font-size:40px}.section[data-name=event-signup] .section-pretitle+.section-title,.section[data-name=event-signup] .section-title+.section-subtitle{margin-top:10px}.section[data-name=event-signup] .section-pretitle,.section[data-name=event-signup] .section-subtitle{font-size:20px}.section[data-name=event-signup] .section-text{position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center}.section-points-title{font-size:25px;max-width:350px;margin-left:auto;margin-right:auto}.section-points-list{gap:40px 0}.section[data-name=event-signup] .point{margin-left:auto;margin-right:auto;max-width:300px}.section[data-name=event-signup] .point-index{border:1px solid var(--color-midnight);border-radius:50%;overflow:hidden;margin-right:20px}.section[data-name=event-signup] .point-title{margin-bottom:5px}.section[data-name=event-signup] .point-text{max-width:250px}.section[data-name=event-signup] .signup-form .input-wrapper{max-width:380px;margin-left:auto;margin-right:auto}.section[data-name=event-signup] .signup-form input{width:100%;border-radius:30px;padding:14px 22px;background-color:var(--color-white)}.section[data-name=event-signup] .signup-form input::-webkit-input-placeholder{font-size:14px}.section[data-name=event-signup] .signup-form button{right:19px;position:absolute;top:50%;transform:translateY(-50%);padding:0;cursor:pointer}.section[data-name=event-signup] .signup-form .icon{margin-left:2px}.signup-form .success-message{display:none;font-size:18px}.signup-form[data-form-submitted] input{opacity:0}.signup-form[data-form-submitted] .success-message{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}@media only screen and (max-width:659px)and (pointer:coarse){.section[data-name=event-signup] .section-points-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:80%;gap:12px;margin:1.5em -.75em 0;padding:0 .75em;scroll-padding-left:.75em;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.section[data-name=event-signup] .section-points-list::-webkit-scrollbar{display:none}.section[data-name=event-signup] .section-points-list>li{width:auto;scroll-snap-align:start}.section[data-name=event-signup] .point{margin-left:0}}@media only screen and (max-width:659px){.section[data-name=event-signup] .point{align-items:flex-start}.section[data-name=event-signup] .point-index{width:20px;height:20px;font-size:11px;line-height:1;margin-right:8px}.section[data-name=event-signup] .signup-form{margin-top:1.5em}.section[data-name=event-signup] .signup-form .input-wrapper{display:flex;align-items:center;border:1px solid var(--color-midnight);border-radius:30px;background-color:var(--color-white);padding-right:19px}.section[data-name=event-signup] .signup-form input{flex:1 1 auto;width:auto;min-width:0;background-color:transparent}.section[data-name=event-signup] .signup-form button{position:static;transform:none;flex-shrink:0}.section[data-name=event-signup] .signup-form button>span:nth-child(2){display:none;position:static}.section[data-name=event-signup] .signup-form input[name=email]:not(:placeholder-shown)~button>span:first-child{display:none}.section[data-name=event-signup] .signup-form input[name=email]:not(:placeholder-shown)~button>span:nth-child(2){display:inline;margin-right:4px}}@media only screen and (max-width:440px){.section[data-name=event-signup] .point{margin-left:0}}@media only screen and (min-width:880px){.section[data-name=event-signup] .section-title{font-size:80px}.section-points-title{font-size:28px}.section[data-name=event-signup] .section-pretitle,.section[data-name=event-signup] .section-subtitle{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/section-event-signup.css.map */