

.section.collections_form{ background:var(--dark-purple); display:flex; flex-direction:column; justify-content:space-between; min-height:650px; position:relative;overflow:hidden;-webkit-transform: translate3d(0,0,0);}
.section.collections_form .wrapper{ padding:var(--gutter_big) 0; margin-top:auto; margin-bottom:auto; }
.section.collections_form .wrapper>div{ background:white; border-radius:12px; border:1px solid #E9E6F2; margin:auto; max-width:740px; padding:64px;}


.section.collections_form .images {
    display:flex; height:400px; position:absolute; height:calc(50% - var(--gutter)); height:50%; top:0; left:0; background:var(--dark-purple);

}

.section.collections_form .images img { display:block; margin:calc(var(--gutter) / 2) var(--gutter);
    width:auto;
    height:calc(100% - var(--gutter)); -webkit-transform: translate3d(0,0,0);
}

.section.collections_form .images {
    pointer-events:none; transform-style: preserve-3d;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; justify-content:space-around;
    width: fit-content;
    white-space: nowrap;
}
.section.collections_form .images_top {
    animation: loop 60s linear infinite; border-top:var(--gutter_big) solid transparent;  border-bottom:calc(var(--gutter) / 2) solid transparent;
}
.section.collections_form .images_bottom {
    top:50%;
    animation: loop2 60s linear infinite; border-bottom:var(--gutter_big) solid transparent;  border-top:calc(var(--gutter) / 2) solid transparent;
}
@keyframes loop {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}
@keyframes loop2 {
    0% {transform: translateX(-50%);}
    100% {transform: translateX(0%);}
}


@media (prefers-reduced-motion: reduce) {
    .section.collections_form .images {
        animation: none !important;
    }
}




.section.collections_form form {

    width:100%; margin-top:var(--gutter);
}

.section.collections_form form > div{
    background:white;
    border: 2px solid var(--black); border-radius: 300px; padding:4px 8px 4px 16px;height: 64px; display:flex; align-items:center;
}
.section.collections_form form div{
    flex:1;
}

.section.collections_form form label {  white-space:nowrap;  }

.section.collections_form form label {   white-space:nowrap;  width:100%;     font-weight: 600;
    margin-bottom: 0.75em;
    padding-left:16px; display:block;
}


.section.collections_form form label,
.section.collections_form form div > input[type="text"] {font-size: 16px;
}


.section.collections_form input
{font-size:17px; line-height:1;  font-family:inherit;}

.section.collections_form input { height: 32px; line-height: 1; outline: none; background:none; padding: 0;
    border: none;

    font-weight: 600 !important; font-family: inherit;

}
.section.collections_form input:focus-visible  {box-shadow: 0 0 0 2px white , 0 0 0 4px var(--orange); border-radius: 2px;}


.section.collections_form form >div,
.section.collections_form >input[type="text"] { flex:1;  }
.section.collections_form input[type="text"]{ width:100%; padding:0 0 0; margin-right: 6px; background:white; margin-right: 6px;  }

.section.collections_form input[type="submit"] {
    cursor: pointer; background-color: var(--bg-purple); border-radius: 50%;
    text-indent: -999px; width:36px; min-width:48px; height: 48px;
    background-size: 24px 24px; background-repeat: no-repeat; background-position: center;

    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><path fill="%23110E19" d="M26.4,24.1l6.9,6.9L31,33.3l-6.9-6.9c-2.5,2-5.7,3.2-9,3.2c-7.9,0-14.4-6.5-14.4-14.4S7.2,0.7,15.1,0.7 s14.4,6.5,14.4,14.4C29.6,18.4,28.4,21.6,26.4,24.1z M23.2,22.9c2-2.1,3.2-4.9,3.2-7.8c0-6.2-5-11.2-11.2-11.2S3.9,9,3.9,15.1 s5,11.2,11.2,11.2c2.9,0,5.7-1.1,7.8-3.2L23.2,22.9z"/></svg>');

}
.section.collections_form input[type="submit"]:hover {
    opacity: 0.7;

}

.section.collections_form .select{
    margin:0 6px;
}
.section.collections_form .select select {
    font-size: 14px; padding:0.5em calc(1em + 16px) 0.5em 0.75em;
}

.section.collections_form .select::after{
    width:16px; height:16px;
}


@media all and (min-width:1200px) {
    .section.collections_form{ min-height:950px; }
}
@media all and (max-width:1199px) {
    .section.collections_form .wrapper>div{ padding:32px; }
}
@media all and (max-width:899px) {
    .section.collections_form .wrapper>div{ padding:24px; }
}
@media all and (max-width:599px) {
    .section.collections_form { min-height:950px; }

    .section.collections_form .images_top {  border-bottom-width:33vw; }
    .section.collections_form .images_bottom { border-top-width:33vw; }


    .section.collections_form .select { display:none; }

    .section.collections_form ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: transparent;
    }
    .section.collections_form :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    .section.collections_form ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent;
    }
    .section.collections_form :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent;
    }
    .section.collections_form input::placeholder {
        color: transparent;
    }

}
