.how-to-apply{--how-to-apply-mobile-page-padding: 1.5rem;--how-to-apply-mobile-gap: 4px;--how-to-apply-mobile-peek: 24px;overflow:hidden}.how-to-apply__layout{display:block}.how-to-apply__mobile-copy{margin-bottom:24px;text-align:center}.how-to-apply__desktop-copy{display:none}.how-to-apply__content-inner{width:100%;max-width:28rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.how-to-apply__subtitle,.how-to-apply__heading,.how-to-apply__body,.how-to-apply__placeholder-copy{margin:0}.how-to-apply__subtitle,.how-to-apply__body{max-width:24rem}.how-to-apply__body{width:100%}.how-to-apply__body>*:first-child{margin-top:0}.how-to-apply__body>*:last-child{margin-bottom:0}.how-to-apply__body p{margin:0}.how-to-apply__swiper{display:block;width:calc(100% + (var(--how-to-apply-mobile-page-padding) * 2));margin-left:calc(var(--how-to-apply-mobile-page-padding) * -1);margin-right:calc(var(--how-to-apply-mobile-page-padding) * -1);padding-left:var(--how-to-apply-mobile-page-padding);overflow:visible}.how-to-apply__swiper-wrapper{display:flex;gap:0}.how-to-apply__media-card{width:calc(100vw - var(--how-to-apply-mobile-page-padding) - var(--how-to-apply-mobile-gap) - var(--how-to-apply-mobile-peek));aspect-ratio:455 / 657;flex:0 0 auto;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;background:rgba(var(--color-foreground),.08)}.how-to-apply__media-shell{position:relative;width:100%;height:100%;background:rgb(var(--color-background))}.how-to-apply__video,.how-to-apply__image,.how-to-apply__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:rgb(var(--color-background))}.how-to-apply__video{position:relative;z-index:0}.how-to-apply__controls{position:absolute;inset:auto 0 0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:32px;pointer-events:none}.how-to-apply__control-button{position:relative;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:90px;padding:0;background:#ffffff40;box-shadow:3px 3px .5px -3.5px #ffffff80 inset,2px 2px 1px -2px #b3b3b3 inset,-2px -2px 1px -2px #b3b3b3 inset,0 0 22px #f8c8c080 inset;-webkit-backdrop-filter:blur(17.9px);backdrop-filter:blur(17.9px);color:rgb(var(--color-on-media));cursor:pointer;pointer-events:auto;transform:translateZ(0) scale(1);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.9,.3,1),box-shadow .45s cubic-bezier(.2,.9,.3,1),background-color .35s ease}.how-to-apply__control-button:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(140deg,#ffffff61,#ffffff0f);opacity:0;transform:scale(.9);transition:opacity .36s ease,transform .42s cubic-bezier(.2,.9,.3,1);pointer-events:none}.how-to-apply__control-button:hover{background:#ffffff4d;transform:scale(1.03)}.how-to-apply__control-button:hover:after,.how-to-apply__control-button:focus-visible:after{opacity:1;transform:scale(1)}.how-to-apply__control-button:active{transform:scale(.95);box-shadow:2px 2px .5px -3.5px #ffffff61 inset,1px 1px 1px -2px #b3b3b3 inset,-1px -1px 1px -2px #b3b3b3 inset,0 0 28px #f8c8c085 inset}.how-to-apply__control-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.how-to-apply__control-button[aria-pressed=true]{opacity:1}.how-to-apply__control-button[aria-pressed=false]{opacity:.82}.how-to-apply__control-button .meet-founder__icon{display:block;flex-shrink:0;overflow:visible}.how-to-apply__control-button .meet-founder__icon--play{width:13px;height:17px}.how-to-apply__control-button .meet-founder__icon--pause{width:12px;height:17px}.how-to-apply__control-button .meet-founder__icon--volume,.how-to-apply__control-button .meet-founder__icon--mute{width:24px;height:24px}.how-to-apply__control-button .meet-founder__icon-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.82);filter:blur(.35px);transition:opacity .34s ease,transform .44s cubic-bezier(.2,.9,.3,1),filter .34s ease}.how-to-apply__control-button .meet-founder__icon-wrap--play,.how-to-apply__control-button .meet-founder__icon-wrap--volume{opacity:1;transform:scale(1);filter:blur(0)}.how-to-apply__control-button[data-state=pause] .meet-founder__icon-wrap--play,.how-to-apply__control-button[data-state=play] .meet-founder__icon-wrap--pause,.how-to-apply__control-button[data-state=mute] .meet-founder__icon-wrap--volume,.how-to-apply__control-button[data-state=unmute] .meet-founder__icon-wrap--mute{opacity:0;transform:scale(.82);filter:blur(.35px)}.how-to-apply__control-button[data-state=pause] .meet-founder__icon-wrap--pause,.how-to-apply__control-button[data-state=mute] .meet-founder__icon-wrap--mute,.how-to-apply__control-button[data-state=play] .meet-founder__icon-wrap--play,.how-to-apply__control-button[data-state=unmute] .meet-founder__icon-wrap--volume{opacity:1;transform:scale(1);filter:blur(0)}@media screen and (max-width:749px){.how-to-apply__swiper.swiper{overflow:visible}.how-to-apply__swiper .swiper-wrapper{padding-bottom:2px}.how-to-apply__media-card{max-width:none}}@media screen and (min-width:750px){.how-to-apply__layout{display:grid;grid-template-columns:minmax(0,455px) minmax(0,1fr) minmax(0,455px);gap:8px;align-items:stretch}.how-to-apply__mobile-copy{display:none}.how-to-apply__swiper{display:contents;margin-right:0}.how-to-apply__swiper-wrapper{display:contents}.how-to-apply__media-card{width:100%;height:657px;max-width:455px}.how-to-apply__media-card--left{grid-column:1}.how-to-apply__desktop-copy{grid-column:2;display:flex;align-items:stretch;height:657px;box-sizing:border-box;padding:32px 24px;border-radius:var(--border-radius-lg);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:auto}.how-to-apply__desktop-copy .how-to-apply__content-inner{height:100%;max-width:29rem}.how-to-apply__media-card--right{grid-column:3}.how-to-apply__layout--equal-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.how-to-apply__layout--equal-columns .how-to-apply__media-card,.how-to-apply__layout--equal-columns .how-to-apply__desktop-copy{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-how-to-apply.css.map */