.form-with-media-section{width:100%}.form-with-media-section__header{margin-bottom:2.4rem;display:flex;align-items:center;gap:1.6rem}@media(min-width:990px){.form-with-media-section__header{gap:2rem;margin-bottom:3.2rem}}.form-with-media-section__header-content{display:flex;flex-direction:column;gap:1.6rem;flex:1}@media(min-width:990px){.form-with-media-section__header-content{gap:1rem}}.form-with-media-section__header--mobile-left{justify-content:flex-start}.form-with-media-section__header--mobile-left .form-with-media-section__header-content{text-align:left}.form-with-media-section__header--mobile-center{justify-content:center}.form-with-media-section__header--mobile-center .form-with-media-section__header-content{text-align:center}.form-with-media-section__header--mobile-right{justify-content:flex-end}.form-with-media-section__header--mobile-right .form-with-media-section__header-content{text-align:right}@media(min-width:990px){.form-with-media-section__header--desktop-left{justify-content:flex-start}}@media(min-width:990px){.form-with-media-section__header--desktop-left .form-with-media-section__header-content{text-align:left}}@media(min-width:990px){.form-with-media-section__header--desktop-center{justify-content:center}}@media(min-width:990px){.form-with-media-section__header--desktop-center .form-with-media-section__header-content{text-align:center}}@media(min-width:990px){.form-with-media-section__header--desktop-right{justify-content:flex-end}}@media(min-width:990px){.form-with-media-section__header--desktop-right .form-with-media-section__header-content{text-align:right}}.form-with-media-section__title{font-size:2.4rem;margin:0;color:rgba(var(--color-foreground),1);letter-spacing:0;line-height:1.2;max-width:98%}@media(min-width:990px){.form-with-media-section__title{font-size:3.2rem;max-width:unset}}.form-with-media-section__subtitle{font-size:1.4rem;color:rgba(var(--color-foreground-secondary),1);letter-spacing:0;line-height:1.2}@media(min-width:990px){.form-with-media-section__subtitle{font-size:1.6rem}}.form-with-media-section__media-container{width:100%;height:auto;border-radius:var(--media-border-radius, .8rem);position:relative;display:block}.form-with-media-section__media-image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.form-with-media-section__media-container .media-container{width:100%;height:auto;position:relative;border-radius:var(--media-border-radius, .8rem);cursor:pointer;display:block}.form-with-media-section__media-container .media-container video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.form-with-media-section__media-container .media-container iframe:not(.youtube-iframe):not(.vimeo-iframe){width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.form-with-media-section__media-container .media-container .youtube-iframe,.form-with-media-section__media-container .media-container .vimeo-iframe{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.form-with-media-section__media-placeholder{width:100%;height:auto;aspect-ratio:16/9;min-height:12rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.6);border-radius:var(--media-border-radius, .8rem);border:.2rem dashed rgba(var(--color-foreground),.2);font-size:2rem;font-style:italic;transition:all .3s ease;cursor:pointer}@media(min-width:990px){.form-with-media-section__media-placeholder{font-size:2.4rem}}.form-with-media-section__media-placeholder:hover{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),.8)}.form-with-media-section__media-container .video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.6rem;height:5.6rem;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .3s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:.1rem solid rgba(0,0,0,.1);pointer-events:auto}@media(min-width:750px){.form-with-media-section__media-container .video-play-button{width:4.8rem;height:4.8rem}}@media(min-width:990px){.form-with-media-section__media-container .video-play-button{width:5.6rem;height:5.6rem}}.form-with-media-section__media-container .media-container:hover .video-play-button{opacity:1}.form-with-media-section__media-container .video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.form-with-media-section__media-container .video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.form-with-media-section__media-container .video-play-button svg{width:3.2rem;height:3.2rem;fill:#000;pointer-events:none}@media(min-width:750px){.form-with-media-section__media-container .video-play-button svg{width:2.4rem;height:2.4rem}}@media(min-width:990px){.form-with-media-section__media-container .video-play-button svg{width:2.8rem;height:2.8rem}}.form-with-media-section__media-container .media-container.playing .play-icon{display:none}.form-with-media-section__media-container .media-container.playing .pause-icon{display:block!important}.form-with-media-section__media-container .media-container.paused .play-icon{display:block}.form-with-media-section__media-container .media-container.paused .pause-icon{display:none!important}.form-with-media-section__media-container .media-container.playing .video-play-button{opacity:0;pointer-events:none;transition:opacity .3s ease}.form-with-media-section__media-container .media-container.playing.show-controls .video-play-button,.form-with-media-section__media-container .media-container.paused .video-play-button{opacity:1!important;pointer-events:auto!important}.form-with-media-section__media-container .media-container .video-play-button{opacity:1;pointer-events:auto}.form-with-media-section__form-wrapper,.form-with-media-section__form{width:100%}.form-with-media-section__form-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:2.1rem}@media(min-width:990px){.form-with-media-section__form-fields{gap:1.6rem;margin-bottom:0}}.form-with-media-section__field{grid-column:span 1}.form-with-media-section__field--full{grid-column:span 2}.form-with-media-section__field--mobile-1{grid-column:span 1}.form-with-media-section__field--mobile-2{grid-column:span 2}@media(min-width:990px){.form-with-media-section__field--desktop-1{grid-column:span 1}.form-with-media-section__field--desktop-2{grid-column:span 2}}.form-with-media-section__field .field{position:relative;display:flex;align-items:center;z-index:0}.form-with-media-section__field .field:after,.form-with-media-section__field .field:hover:after{box-shadow:none}.form-with-media-section__field .field__input{width:100%;padding:1.2rem 1.6rem;border-radius:.8rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;height:4.1rem;border:.1rem solid rgba(var(--color-border),1);margin:0;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease;letter-spacing:0;line-height:1.2}@media screen and (min-width:990px){.form-with-media-section__field .field__input{font-size:1.6rem;height:5.1rem;padding:1.4rem 1.8rem}}.form-with-media-section__field .field__input--select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:3.5rem;cursor:pointer;background-image:none}.form-with-media-section__field .field__input--select::-ms-expand{display:none}.form-with-media-section__field .field__select-icon{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:1.2rem;height:.7rem;pointer-events:none;color:rgba(var(--color-foreground-secondary),1);transition:transform .3s ease}@media screen and (min-width:990px){.form-with-media-section__field .field__select-icon{right:1.8rem;width:1.4rem;height:.8rem}}.form-with-media-section__field .field__input--select:focus~.field__select-icon,.form-with-media-section__field .field__input--select.is-open~.field__select-icon{transform:translateY(-50%) rotate(180deg)}.form-with-media-section__field .field__input[rows]{resize:vertical;min-height:9.3rem;padding-top:1.4rem;padding-bottom:1.4rem}@media screen and (min-width:990px){.form-with-media-section__field .field__input[rows]{min-height:9.9rem;padding-top:1.6rem;padding-bottom:1.6rem}}.form-with-media-section__field .field__input:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 .125rem rgba(var(--color-button),.2)}.form-with-media-section__field .field__input::placeholder{color:rgba(var(--color-foreground-secondary),1)}.form-with-media-section__field .field__input:invalid:not(:placeholder-shown):not(:focus){border-color:rgba(var(--color-error, 220, 38, 38),1)}.form-with-media-section__field .field__input:invalid:not(:placeholder-shown):not(:focus)+.field__label{color:rgba(var(--color-error, 220, 38, 38),1)}.form-with-media-section__field .field__input:user-invalid{border-color:rgba(var(--color-error, 220, 38, 38),1)}.form-with-media-section__field .field__input:user-invalid+.field__label{color:rgba(var(--color-error, 220, 38, 38),1)}.form-with-media-section__field .field__label{color:rgba(var(--color-foreground-secondary),1);font-size:1.4rem;top:50%;transform:translateY(-50%);left:1.6rem;margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short, .1s) ease,font-size var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease,color var(--duration-short, .1s) ease;letter-spacing:0;line-height:1.2;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:990px){.form-with-media-section__field .field__label{font-size:1.6rem;left:1.8rem}}.form-with-media-section__field .field__label .required{color:rgba(var(--color-foreground-secondary),1);margin-left:-.3rem}.form-with-media-section__field .field__input[rows]:not(.field__input--select)+.field__label{top:1.4rem;transform:translateY(0)}@media screen and (min-width:990px){.form-with-media-section__field .field__input[rows]:not(.field__input--select)+.field__label{top:1.6rem}}.form-with-media-section__field .field__input:not(.field__input--select):focus+.field__label,.form-with-media-section__field .field__input:not(.field__input--select):not(:placeholder-shown)+.field__label,.form-with-media-section__field .field__input:not(.field__input--select)[data-has-value]+.field__label{top:.2rem;font-size:1rem;transform:translateY(0)}@media screen and (min-width:990px){.form-with-media-section__field .field__input:not(.field__input--select):focus+.field__label,.form-with-media-section__field .field__input:not(.field__input--select):not(:placeholder-shown)+.field__label,.form-with-media-section__field .field__input:not(.field__input--select)[data-has-value]+.field__label{font-size:1.2rem}}.form-with-media-section__field .field__input--select:not(:focus):not(.has-value)+.field__label{top:50%;font-size:1.4rem;transform:translateY(-50%);left:1.2rem}@media screen and (min-width:990px){.form-with-media-section__field .field__input--select:not(:focus):not(.has-value)+.field__label{font-size:1.6rem;left:1.6rem}}.form-with-media-section__field .field__input--select:focus+.field__label{top:.2rem;font-size:1rem;transform:translateY(0)}@media screen and (min-width:990px){.form-with-media-section__field .field__input--select:focus+.field__label{font-size:1.2rem}}.form-with-media-section__field .field__input--select.has-value+.field__label{top:.2rem;font-size:1rem;transform:translateY(0)}@media screen and (min-width:990px){.form-with-media-section__field .field__input--select.has-value+.field__label{font-size:1.2rem}}.form-with-media-section__field .field__input[rows]:not(.field__input--select):focus+.field__label,.form-with-media-section__field .field__input[rows]:not(.field__input--select):not(:placeholder-shown)+.field__label,.form-with-media-section__field .field__input[rows]:not(.field__input--select)[data-has-value]+.field__label{top:.2rem;font-size:1rem;transform:translateY(0)}@media screen and (min-width:990px){.form-with-media-section__field .field__input[rows]:not(.field__input--select):focus+.field__label,.form-with-media-section__field .field__input[rows]:not(.field__input--select):not(:placeholder-shown)+.field__label,.form-with-media-section__field .field__input[rows]:not(.field__input--select)[data-has-value]+.field__label{font-size:1.2rem}}.form-with-media-section__field--submit{margin-top:1.3rem;grid-column:span 2}@media(min-width:990px){.form-with-media-section__field--submit{margin-top:.8rem}}.form-with-media-section__buttons{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:100%}@media(min-width:990px){.form-with-media-section__buttons{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.6rem}}.form-with-media-section__buttons .button{min-height:4rem;font-size:1.4rem;letter-spacing:0;line-height:1.2;display:flex;align-items:center;justify-content:space-between;padding:0 3rem}@media(min-width:990px){.form-with-media-section__buttons .button{min-height:5rem;font-size:1.6rem;padding:0 2.6rem}}.form-with-media-section__buttons button[type=submit]{width:auto;max-width:100%;flex:0 0 auto;position:relative;transition:opacity var(--duration-short) ease}.form-with-media-section__buttons button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-with-media-section__buttons button[type=submit].loading{color:transparent}.form-with-media-section__buttons button[type=submit].loading .button__icon{opacity:0}.form-with-media-section__buttons button[type=submit] .button__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.form-with-media-section__buttons button[type=submit].loading .button__loading{display:block}.loading-spinner{width:2rem;height:2rem;border:.2rem solid rgba(var(--color-background),.3);border-top-color:rgb(var(--color-background));border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-with-media-section__buttons a.button{width:auto;max-width:100%;flex:0 0 auto;min-width:unset;gap:1.2rem}.form-with-media-section__buttons .button .button__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.form-with-media-section__buttons .button .button__icon svg,.form-with-media-section__buttons .button .button__icon .icon{width:100%;height:100%}.form-with-media-section__buttons button[type=submit] .button__icon{transition:opacity var(--duration-short) ease}.form-with-media-section__success-message{padding:1.6rem;background:rgba(var(--color-button),.1);border:.1rem solid rgba(var(--color-button),.3);border-radius:.4rem;margin-bottom:2rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.form-with-media-section__success-message p{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),1)}@media(min-width:990px){.form-with-media-section__success-message p{font-size:1.6rem}}.form-with-media-section__error-messages{padding:1.6rem;background:#ff00000d;border:.1rem solid rgba(255,0,0,.2);border-radius:.4rem;margin-bottom:2rem;animation:slideDown .3s ease}.form-with-media-section__error-messages p{margin:0 0 .8rem;font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),1)}@media(min-width:990px){.form-with-media-section__error-messages p{font-size:1.6rem}}.form-with-media-section__error-messages ul{margin:0;padding-left:2rem;list-style:disc}.form-with-media-section__error-messages li{font-size:1.2rem;color:rgba(var(--color-foreground),.8);margin-bottom:.4rem}@media(min-width:990px){.form-with-media-section__error-messages li{font-size:1.4rem}}.form-with-media-section__media-container--mobile-auto .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-auto .media-container,.form-with-media-section__media-container--mobile-auto .form-with-media-section__media-placeholder{width:100%;height:auto}.form-with-media-section__media-container--mobile-square .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-square .media-container,.form-with-media-section__media-container--mobile-square .form-with-media-section__media-placeholder{aspect-ratio:1 / 1}.form-with-media-section__media-container--mobile-landscape .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-landscape .media-container,.form-with-media-section__media-container--mobile-landscape .form-with-media-section__media-placeholder{aspect-ratio:4 / 3}.form-with-media-section__media-container--mobile-portrait .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-portrait .media-container,.form-with-media-section__media-container--mobile-portrait .form-with-media-section__media-placeholder{aspect-ratio:3 / 4}.form-with-media-section__media-container--mobile-widescreen .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-widescreen .media-container,.form-with-media-section__media-container--mobile-widescreen .form-with-media-section__media-placeholder{aspect-ratio:16 / 9}.form-with-media-section__media-container--mobile-ultrawide .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-ultrawide .media-container,.form-with-media-section__media-container--mobile-ultrawide .form-with-media-section__media-placeholder{aspect-ratio:21 / 9}.form-with-media-section__media-container--mobile-cinema .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-cinema .media-container,.form-with-media-section__media-container--mobile-cinema .form-with-media-section__media-placeholder{aspect-ratio:2.35 / 1}.form-with-media-section__media-container--mobile-custom .form-with-media-section__media-image,.form-with-media-section__media-container--mobile-custom .media-container,.form-with-media-section__media-container--mobile-custom .form-with-media-section__media-placeholder{aspect-ratio:var(--custom-aspect-ratio-mobile, 4 / 3)}@media(min-width:990px){.form-with-media-section__media-container--desktop-auto .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-auto .media-container,.form-with-media-section__media-container--desktop-auto .form-with-media-section__media-placeholder{width:100%;height:auto}}@media(min-width:990px){.form-with-media-section__media-container--desktop-square .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-square .media-container,.form-with-media-section__media-container--desktop-square .form-with-media-section__media-placeholder{aspect-ratio:1 / 1}}@media(min-width:990px){.form-with-media-section__media-container--desktop-landscape .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-landscape .media-container,.form-with-media-section__media-container--desktop-landscape .form-with-media-section__media-placeholder{aspect-ratio:4 / 3}}@media(min-width:990px){.form-with-media-section__media-container--desktop-portrait .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-portrait .media-container,.form-with-media-section__media-container--desktop-portrait .form-with-media-section__media-placeholder{aspect-ratio:3 / 4}}@media(min-width:990px){.form-with-media-section__media-container--desktop-widescreen .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-widescreen .media-container,.form-with-media-section__media-container--desktop-widescreen .form-with-media-section__media-placeholder{aspect-ratio:16 / 9}}@media(min-width:990px){.form-with-media-section__media-container--desktop-ultrawide .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-ultrawide .media-container,.form-with-media-section__media-container--desktop-ultrawide .form-with-media-section__media-placeholder{aspect-ratio:21 / 9}}@media(min-width:990px){.form-with-media-section__media-container--desktop-cinema .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-cinema .media-container,.form-with-media-section__media-container--desktop-cinema .form-with-media-section__media-placeholder{aspect-ratio:2.35 / 1}}@media(min-width:990px){.form-with-media-section__media-container--desktop-custom .form-with-media-section__media-image,.form-with-media-section__media-container--desktop-custom .media-container,.form-with-media-section__media-container--desktop-custom .form-with-media-section__media-placeholder{aspect-ratio:var(--custom-aspect-ratio-desktop, 16 / 9)}}.form-with-media-section__media-container:not([class*=--mobile-auto]):not([class*=--desktop-auto]) video,.form-with-media-section__media-container:not([class*=--mobile-auto]):not([class*=--desktop-auto]) iframe{width:100%;height:100%;object-fit:cover}@media(min-width:990px){.form-with-media-section__media-container:not([class*=--desktop-auto]) video,.form-with-media-section__media-container:not([class*=--desktop-auto]) iframe{width:100%;height:100%;object-fit:cover}}.form-with-media-section__media-container:not([class*=--mobile-auto]) .form-with-media-section__media-image{object-fit:cover;object-position:center}@media(min-width:990px){.form-with-media-section__media-container:not([class*=--desktop-auto]) .form-with-media-section__media-image{object-fit:cover;object-position:center}}.form-with-media-section .form-with-media-section__two-column-layout{display:flex;flex-direction:column}@media(min-width:990px){.form-with-media-section .form-with-media-section__two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}}.form-with-media-section .form-with-media-section__media-column{order:2;margin-bottom:0}@media(min-width:990px){.form-with-media-section .form-with-media-section__media-column{order:unset;position:sticky;top:2rem}}.form-with-media-section .form-with-media-section__content-column{order:1;display:block}@media(min-width:990px){.form-with-media-section .form-with-media-section__content-column{order:unset;display:flex;flex-direction:column}}.form-with-media-section .form-with-media-section__content-column .form-with-media-section__header{margin-bottom:2.1rem}@media(min-width:990px){.form-with-media-section .form-with-media-section__content-column .form-with-media-section__header{margin-bottom:2.4rem}}@media(min-width:990px){.form-with-media-section__two-column-layout--media-right{grid-template-columns:1fr 1fr}}@media(min-width:990px){.form-with-media-section__two-column-layout--media-right .form-with-media-section__media-column{order:2}}@media(min-width:990px){.form-with-media-section__two-column-layout--media-right .form-with-media-section__content-column{order:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-form-with-media.css.map */