.casting-photo{--casting-photo-stage-w: min(100vw, 177.7778svh);--casting-photo-stage-h: min(100svh, 56.25vw);--casting-photo-phone-w-desktop: 300;--casting-photo-phone-w-tablet: 240;--casting-photo-phone-w-mobile: 40;--casting-photo-gap: 130;--casting-photo-heading-size: 48;--casting-photo-heading-weight: 600;--casting-photo-heading-lh: 48;--casting-photo-heading-grad: linear-gradient(95deg, #af75cd 0%, #5a8fdd 50.962%, #82af8f 100%);--casting-photo-subtitle-size: 16;--casting-photo-subtitle-weight: 400;--casting-photo-subtitle-color: rgba(0, 0, 0, .5);--casting-photo-bg: #ffffff;--casting-photo-bg-grad: none;--casting-photo-btn-bg: transparent;--casting-photo-btn-color: #222;--casting-photo-btn-radius: 999px;--casting-photo-radius: 0px;--casting-photo-height: 100svh;--casting-photo-pad-top: 0px;--casting-photo-pad-bottom: 0px;position:relative;width:100%;min-height:var(--casting-photo-height);padding-top:var(--casting-photo-pad-top);padding-bottom:var(--casting-photo-pad-bottom);overflow:hidden;color:#333;background:var(--casting-photo-bg);background-image:url(magichromatic-bg.png);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background-size:cover}.casting-photo__wrapper{position:relative;width:100%;height:var(--casting-photo-height);min-height:100svh;overflow:hidden}.casting-photo__stage{position:absolute;isolation:isolate;left:50%;top:50%;width:var(--casting-photo-stage-w);height:var(--casting-photo-stage-h);transform:translate(-50%,-50%);overflow:hidden}.casting-photo__title{position:absolute;left:0;top:0;z-index:66;width:100%;height:100%;text-align:center;pointer-events:none}.casting-photo__eyebrow{position:absolute;left:50%;top:calc(148 / 1080 * 100%);transform:translate(-50%);margin:0;color:var(--casting-photo-subtitle-color);font-size:calc(14 / 1920 * var(--casting-photo-stage-w, 100vw));font-weight:500;line-height:1.2;white-space:nowrap}.casting-photo__heading{display:inline-block;margin:10% auto auto;background:var(--casting-photo-heading-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:var(--casting-photo-heading-size);font-weight:var(--casting-photo-heading-weight);text-align:center;white-space:nowrap;letter-spacing:-2px}.casting-photo__subtitle{margin:5px auto auto;color:var(--casting-photo-subtitle-color);font-size:var(--casting-photo-subtitle-size);font-weight:var(--casting-photo-subtitle-weight);line-height:1;letter-spacing:0;text-align:center}.casting-photo__buy{position:absolute;left:calc(1480 / 1920 * 100%);top:calc(36 / 1080 * 100%);z-index:86;display:grid;place-items:center;width:3.125%;height:calc(40 / 1080 * 100%);min-width:42px;min-height:28px;border:0;border-radius:var(--casting-photo-btn-radius);background:var(--casting-photo-btn-bg);color:var(--casting-photo-btn-color);cursor:pointer;padding:0;text-decoration:none;overflow:hidden}.casting-photo__buy-media{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.casting-photo__buy-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:transparent;font-size:0;pointer-events:none}.casting-photo__buy--solid .casting-photo__buy-label,.casting-photo__buy--glass .casting-photo__buy-label,.casting-photo__buy--outline .casting-photo__buy-label{position:relative;color:var(--casting-photo-btn-color);font-size:12px;font-weight:600}.casting-photo__buy--glass{background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 12px #ffffff59}.casting-photo__buy--outline{background:transparent;box-shadow:inset 0 0 0 1.5px #2222228c}.casting-photo__buy:focus-visible{outline:max(2px,calc(2 / 1920 * var(--casting-photo-stage-w, 100vw))) solid rgba(45,50,58,.5);outline-offset:max(3px,calc(4 / 1920 * var(--casting-photo-stage-w, 100vw)))}.casting-photo__device{position:absolute;top:calc(346.5 / 1080 * 100%);z-index:66;width:calc(var(--casting-photo-phone-w-desktop) / 1920 * var(--casting-photo-stage-w, 100vw));height:calc(var(--casting-photo-phone-w-desktop) * 2.01 / 1920 * var(--casting-photo-stage-w, 100vw));border-radius:var(--casting-photo-radius);transform-origin:50% 50%;will-change:transform,opacity,filter;overflow:visible}.casting-photo__device--left{left:calc(589.5 / 1920 * 100%)}.casting-photo__device--right{left:53.125%;z-index:65}.casting-photo--shadow .casting-photo__device{filter:drop-shadow(0 calc(24 / 1920 * var(--casting-photo-stage-w, 100vw)) calc(34 / 1920 * var(--casting-photo-stage-w, 100vw)) rgba(74,79,84,.14))}.casting-photo__device-media,.casting-photo__device :is(video,canvas),.casting-photo__device-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.casting-photo__device--left .casting-photo__device-media{object-fit:contain;transform:scale(1.07);transform-origin:50% 50%;border-radius:0}.casting-photo__device.casting-photo__device--left-video{border-radius:0;overflow:visible}.casting-photo__device-focus{--casting-photo-circle-left: 21%;--casting-photo-circle-top: 31%;position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}img.casting-photo__circle{left:var(--casting-photo-circle-left);top:var(--casting-photo-circle-top);object-fit:contain}.casting-photo__circle{position:absolute;left:0;top:0;z-index:1;width:58.8%;aspect-ratio:1;border-radius:50%;object-fit:cover;-webkit-user-select:none;user-select:none}:is(video,canvas).casting-photo__circle--initial{left:var(--casting-photo-circle-left);top:var(--casting-photo-circle-top);width:58.8%;height:auto;aspect-ratio:1}.casting-photo__case{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.casting-photo__device.is-hidden-circle .casting-photo__circle--result,.casting-photo__device.is-showing-result .casting-photo__circle--initial,.casting-photo__change-note{display:none}.casting-photo__change-note-image{display:block;width:100%;height:auto}.casting-photo__heading-desktop,.casting-photo__subtitle-desktop,.casting-photo__desktop-trigger{display:none}@media screen and (min-width:990px){.casting-photo{background-color:#fff;background-image:url(link-friends-desktop-background.svg);background-position:center;background-repeat:no-repeat;background-size:100% 100%}.casting-photo__stage{left:50vw}.casting-photo__title{left:calc(583 / 1920 * 100%);top:calc(176 / 1080 * 100%);width:calc(755 / 1920 * 100%);height:auto}.casting-photo__heading{display:block;width:100%;margin:-.2em 0;padding-block:.2em;font-size:calc(48 / 1920 * var(--casting-photo-stage-w));line-height:calc(48 / 1920 * var(--casting-photo-stage-w));letter-spacing:0;background-image:var(--casting-photo-heading-grad-desktop)}.casting-photo__subtitle{width:100%;margin:calc(20 / 1920 * var(--casting-photo-stage-w)) 0 0;font-size:calc(16 / 1920 * var(--casting-photo-stage-w));line-height:calc(16 / 1920 * var(--casting-photo-stage-w));white-space:nowrap}.casting-photo__heading-mobile,.casting-photo__subtitle-mobile{display:none}.casting-photo__heading-desktop{display:inline}.casting-photo__subtitle-desktop{display:block}.casting-photo__device--left{left:calc(589 / 1920 * 100%);top:calc(346 / 1080 * 100%);width:calc(300 / 1920 * var(--casting-photo-stage-w));height:calc(603 / 1920 * var(--casting-photo-stage-w));border-radius:calc(36 / 1920 * var(--casting-photo-stage-w));overflow:hidden}.casting-photo__device--right{left:53.125%;top:calc(346 / 1080 * 100%);width:calc(300 / 1920 * var(--casting-photo-stage-w));height:calc(603 / 1920 * var(--casting-photo-stage-w))}.casting-photo__device--right img.casting-photo__circle,.casting-photo__device--right :is(video,canvas).casting-photo__circle.casting-photo__circle--initial,.casting-photo__device--right :is(video,canvas).casting-photo__circle.casting-photo__circle--result{left:calc(32 / 194 * 100%);top:calc(140.32 / 390 * 100%);width:calc(132 / 194 * 100%);height:auto;aspect-ratio:1}.casting-photo__device--right :is(video,canvas).casting-photo__circle.casting-photo__circle--result{object-fit:cover}.casting-photo__desktop-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:transparent;cursor:pointer}.casting-photo__desktop-trigger:focus-visible{outline:calc(2 / 1920 * var(--casting-photo-stage-w)) solid rgba(45,50,58,.65);outline-offset:calc(-5 / 1920 * var(--casting-photo-stage-w))}.casting-photo__change-note{position:absolute;left:20.15625%;top:calc(762 / 1080 * 100%);z-index:70;display:block;width:calc(176 / 1920 * 100%);height:auto;pointer-events:none}}@media(max-width:1366px)and (min-width:901px){.casting-photo__device-focus{--casting-photo-circle-left: 21%;--casting-photo-circle-top: 31%}}@media(max-width:900px){.casting-photo__device-focus{--casting-photo-circle-left: 20.5%;--casting-photo-circle-top: 30%}}@media(max-width:767px){.casting-photo__device-focus{--casting-photo-circle-left: 20%;--casting-photo-circle-top: 29%}}@media(max-width:480px){.casting-photo__device-focus{--casting-photo-circle-left: 19.5%;--casting-photo-circle-top: 28%}}@media(max-aspect-ratio:4 / 5){.casting-photo__stage{width:max(100vw,177.7778svh);height:max(100svh,56.25vw)}}@media(max-width:990px){.casting-photo__device{width:calc(var(--casting-photo-phone-w-tablet) / 1920 * var(--casting-photo-stage-w, 100vw));height:calc(var(--casting-photo-phone-w-tablet) * 2.01 / 1920 * var(--casting-photo-stage-w, 100vw))}}@media(max-width:900px){.casting-photo__wrapper{height:100dvh;min-height:100dvh}.casting-photo__stage{width:100vw!important;height:100dvh!important}.casting-photo__title{left:7vw;top:12%;width:86vw;height:auto}.casting-photo__eyebrow{position:relative;left:auto;top:auto;transform:none;margin-bottom:.4rem}.casting-photo__heading{position:relative;left:auto;top:auto;width:100%;font-size:clamp(28px,9vw,40px);line-height:1;white-space:normal}.casting-photo__subtitle{position:relative;left:auto;top:auto;transform:none;width:72vw;margin:.75rem auto 0;font-size:14px;line-height:20px}.casting-photo__buy{left:auto;right:5vw;top:max(12px,env(safe-area-inset-top))}.casting-photo__device--left{left:7vw!important;top:25%!important;width:40vw!important;height:80.4vw!important}.casting-photo__device--right{left:53vw!important;top:25%!important;width:40vw!important;height:80.4vw!important}.casting-photo--stack-mobile .casting-photo__devices{position:absolute;top:22%;right:7vw;bottom:8%;left:7vw;display:flex;flex-direction:column;align-items:center;gap:var(--casting-photo-mobile-gap, 16px)}.casting-photo--stack-mobile .casting-photo__device--left,.casting-photo--stack-mobile .casting-photo__device--right{position:relative!important;left:auto!important;top:auto!important;width:min(72vw,280px)!important;height:calc(min(72vw,280px) * 603 / 300)!important}.casting-photo--reverse-mobile .casting-photo__devices{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){.casting-photo__device,.casting-photo__heading,.casting-photo__buy{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(max-width:767px){body.scroll-transition-active #MainContent>.section-casting-your-photo{height:calc(100vw * 1136 / 402)!important;min-height:calc(100vw * 1136 / 402)!important}body.scroll-transition-active #MainContent>.section-casting-your-photo>[data-scroll-transition=true]{height:100%!important;min-height:0!important}body.scroll-transition-active.scroll-transition-pinned #MainContent>.section-casting-your-photo>[data-scroll-transition=true]{position:absolute;top:0;left:0}.casting-photo{--casting-photo-mobile-stage-height: calc(100vw * 1136 / 402);width:100vw;height:var(--casting-photo-mobile-stage-height)!important;min-height:var(--casting-photo-mobile-stage-height)!important;padding-top:0!important;padding-bottom:0!important;background-position:center top;background-size:auto 96.11%;background-repeat:no-repeat}.casting-photo__wrapper{height:100%!important;min-height:0;overflow:hidden}.casting-photo__stage{top:0;left:0;width:100vw!important;height:100%!important;transform:none;overflow:hidden}.casting-photo__title{left:calc(45 / 402 * 100%);top:calc(133 / 1136 * 100%);width:calc(312 / 402 * 100%);height:auto}.casting-photo__heading{width:100%;margin:0;padding-block:.1em;font-size:calc(32 / 402 * 100vw);font-weight:600;line-height:1.25;letter-spacing:0;text-align:center;white-space:nowrap}.casting-photo__heading-mobile-line{display:block}.casting-photo__subtitle{width:calc(230 / 312 * 100%);margin:calc(16 / 402 * 100vw) auto 0;color:#46464799;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(12 / 402 * 100vw);font-weight:400;line-height:calc(18 / 402 * 100vw);white-space:nowrap}.casting-photo__device--left,.casting-photo__device--right{left:calc(104 / 402 * 100%)!important;width:calc(194 / 402 * 100%)!important;height:calc(390 / 1136 * 100%)!important;border-radius:calc(28 / 402 * 100vw);overflow:hidden}.casting-photo__device--left{top:calc(242 / 1136 * 100%)!important}.casting-photo__device--right{top:calc(682 / 1136 * 100%)!important}.casting-photo__case{object-fit:contain}img.casting-photo__circle,:is(video,canvas).casting-photo__circle.casting-photo__circle--initial,:is(video,canvas).casting-photo__circle.casting-photo__circle--result{left:calc(32 / 194 * 100%);top:calc(140.32 / 390 * 100%);width:calc(132 / 194 * 100%);height:auto;aspect-ratio:1}:is(video,canvas).casting-photo__circle.casting-photo__circle--result{object-fit:cover}.casting-photo__change-note{position:absolute;z-index:70;display:block;left:calc(16 / 402 * 100%);top:calc(540 / 1136 * 100%);width:calc(80 / 402 * 100%);height:auto;pointer-events:none}}@media screen and (max-width:990px){.casting-photo{background-color:#fff;background-image:url(magichromatic-bg.png);background-position:center;background-size:cover;background-repeat:no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/casting-your-photo.css.map */