.shopify-section--video-submission{overflow:clip}.video-submission{width:min(100%,1200px);margin-inline:auto}.video-submission__layout{display:grid;align-items:start;gap:clamp(2.5rem,6vw,5rem)}.video-submission__intro{width:100%;max-width:700px}.video-submission__intro .prose{gap:1rem}.video-submission__intro .subheading{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;color:rgb(var(--accent));font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.video-submission__intro .subheading:before{content:"";width:1.8rem;height:2px;background:currentColor}.video-submission__intro .h2{max-width:680px;font-size:clamp(2.65rem,5.5vw,4.2rem);line-height:.98;letter-spacing:-.035em}.video-submission__intro .prose>p:last-child{max-width:560px;color:rgb(var(--text-color) / .66);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.65}.video-submission__main{display:block;width:100%;min-width:0}.video-submission__surface{position:relative;overflow:hidden;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid rgb(var(--text-color) / .12);border-radius:1rem!important;box-shadow:0 20px 55px rgb(var(--text-color) / .08)}.video-submission__surface.bg-secondary{background:rgb(var(--background-primary))}.video-submission__surface:before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:3px;background:rgb(var(--accent))}.video-submission__surface .form{position:relative;z-index:2;gap:clamp(1.25rem,3vw,1.75rem);min-width:0}.video-submission__surface .fieldset{gap:clamp(.8rem,2vw,1rem);min-width:0}.video-submission__main :is(.input,.textarea,.select){--input-background: var(--text-color) / .02;border-color:rgb(var(--text-color) / .15);border-radius:.65rem;background:rgb(var(--text-color) / .02);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.video-submission__main :is(.input,.textarea,.select):hover{border-color:rgb(var(--text-color) / .34);background:rgb(var(--text-color) / .035)}.video-submission__main :is(.input,.textarea,.select):focus,.video-submission__main .select:focus-visible{border-color:rgb(var(--accent));background:rgb(var(--background));box-shadow:0 0 0 3px rgb(var(--accent) / .11)}.video-submission__main .floating-label{color:rgb(var(--text-color) / .56)}.video-submission__main .textarea{min-height:8.75rem}.video-submission__upload-control{position:relative;padding:1.25rem;overflow:hidden;border:1px dashed rgb(var(--text-color) / .28);border-radius:.75rem;background:rgb(var(--text-color) / .018);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.video-submission__upload-control:focus-within{border-color:rgb(var(--accent));box-shadow:0 0 0 3px rgb(var(--accent) / .1)}.video-submission__upload-label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy choose" "icon file file";align-items:center;gap:.7rem 1rem;width:100%;cursor:pointer}.video-submission__upload-icon{grid-area:icon;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:.7rem;background:rgb(var(--text-color));color:rgb(var(--background));transition:color .2s ease,transform .2s ease}.video-submission__upload-icon svg{width:1.5rem;height:1.5rem}.video-submission__upload-copy{grid-area:copy;display:grid;gap:.2rem;min-width:0}.video-submission__upload-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.video-submission__upload-copy .text-subdued{color:rgb(var(--text-color) / .58);line-height:1.45}.video-submission__choose{grid-area:choose;pointer-events:none;border-color:rgb(var(--text-color) / .18);border-radius:.55rem;background:rgb(var(--background))}.video-submission__file-summary{grid-area:file;justify-self:start;max-width:100%;overflow-wrap:anywhere;color:rgb(var(--text-color) / .54);line-height:1.35}.video-submission__verification{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;min-width:0;padding-block-start:1.25rem;border-top:1px solid rgb(var(--text-color) / .1)}.video-submission__consents{display:grid;gap:.8rem;min-width:0}.video-submission__terms{align-items:flex-start;font-size:var(--text-sm);line-height:1.55}.video-submission__terms .checkbox{width:1.15rem;height:1.15rem;border-radius:.25rem}.video-submission__terms label{padding-inline-start:.7rem}.video-submission__terms .prose p{margin:0}.video-submission__ugc-link{color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.video-submission__ugc-link:hover{color:rgb(var(--accent))}.video-submission__verification .cf-turnstile{min-height:65px;justify-self:end}.video-submission__feedback{display:grid;gap:.6rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:.65rem;background:rgb(var(--text-color) / .035)}.video-submission__feedback[hidden],.video-submission__feedback progress[hidden],.video-submission__feedback [data-progress-percent][hidden]{display:none}.video-submission__feedback[data-state=error]{color:rgb(var(--error-text));border-color:rgb(var(--error-text) / .15);background:rgb(var(--error-background))}.video-submission__feedback[data-state=success]{color:rgb(var(--success-text));border-color:rgb(var(--success-text) / .15);background:rgb(var(--success-background))}.video-submission__feedback[data-state=info]{border-color:rgb(var(--accent) / .15);background:rgb(var(--accent) / .07)}.video-submission__feedback-heading{display:flex;justify-content:space-between;gap:1rem;font-weight:600}.video-submission__feedback progress{width:100%;height:.5rem;overflow:hidden;border:0;border-radius:999px;background:rgb(var(--text-color) / .1)}.video-submission__feedback progress::-webkit-progress-bar{border-radius:999px;background:rgb(var(--text-color) / .1)}.video-submission__feedback progress::-webkit-progress-value{border-radius:999px;background:rgb(var(--accent));transition:width .15s linear}.video-submission__feedback progress::-moz-progress-bar{border-radius:999px;background:rgb(var(--accent))}.video-submission__actions{display:grid;min-width:0}.video-submission__actions .button{width:100%;min-height:3.6rem;border-radius:.65rem;box-shadow:0 10px 24px rgb(var(--accent) / .17);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}video-submission-form[data-busy=true] [data-video-submission-form] input,video-submission-form[data-busy=true] [data-video-submission-form] select,video-submission-form[data-busy=true] [data-video-submission-form] textarea{pointer-events:none}video-submission-form[data-busy=true] .video-submission__actions .button{opacity:.78;box-shadow:none}@media screen and (min-width:1100px){.video-submission__layout{grid-template-columns:minmax(18rem,.78fr) minmax(40rem,1.35fr)}.video-submission__intro{position:sticky;top:8rem;padding-block-start:1.5rem}.video-submission__intro .h2{font-size:clamp(3.15rem,4.1vw,4rem)}}@media screen and (pointer:fine){.video-submission__upload-control:hover{border-color:rgb(var(--accent) / .72);background:rgb(var(--accent) / .035)}.video-submission__upload-control:hover .video-submission__upload-icon{color:rgb(var(--accent));transform:translateY(-1px)}.video-submission__actions .button:hover{box-shadow:0 13px 28px rgb(var(--accent) / .23);transform:translateY(-1px)}}@media screen and (max-width:699px){.video-submission__layout{gap:2rem}.video-submission__intro .prose{gap:.8rem}.video-submission__intro .h2{font-size:clamp(2.35rem,11vw,3.1rem)}.video-submission__intro .prose>p:last-child{font-size:.95rem;line-height:1.55}.video-submission__surface{padding:1.25rem .5rem;border-radius:.85rem!important;box-shadow:0 14px 38px rgb(var(--text-color) / .07)}.video-submission__upload-control{padding:1.35rem 1rem}.video-submission__upload-label{display:flex;align-items:center;flex-direction:column;gap:.65rem;text-align:center}.video-submission__upload-copy{gap:.25rem}.video-submission__file-summary{align-self:stretch;text-align:center}.video-submission__verification{grid-template-columns:minmax(0,1fr);gap:1rem}.video-submission__terms{padding-inline:.75rem}.video-submission__verification .cf-turnstile{justify-self:center}.video-submission__actions .button{min-height:3.5rem}}@media screen and (max-width:340px){.video-submission__main{width:calc(100% + 2.5rem);margin-inline:-1.25rem}}@media(prefers-reduced-motion:reduce){.video-submission__upload-control,.video-submission__upload-icon,.video-submission__actions .button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/video-submission.css.map */
