.cv-phone{--frame: color-mix(in srgb, var(--phone-base, #e97233) 80%, #fff);--frame-dark: color-mix(in srgb, var(--phone-base, #e97233) 58%, #000);--depth: calc(var(--w, 28rem) * .112);position:relative;display:block;width:var(--w, 28rem);aspect-ratio:780 / 1634;border-radius:15.1%/7.2%;transform-style:preserve-3d;transform:translateY(var(--ty, 0px)) scale(var(--scale, 1)) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));will-change:transform;background:linear-gradient(90deg,var(--frame-dark),var(--frame) 10%,var(--frame) 90%,var(--frame-dark));box-shadow:0 0 0 1px #00000059,0 50px 80px -30px #000000d9}.cv-phone>span,.cv-phone__back>span,.cv-phone__plateau>span{display:block}.cv-phone__side{position:absolute;top:3.4%;bottom:3.4%;left:100%;width:var(--depth);margin-left:-1px;transform-origin:left center;transform:rotateY(90deg);border-radius:calc(var(--depth) / 2);background:linear-gradient(180deg,transparent 17%,rgba(0,0,0,.3) 17.2%,rgba(0,0,0,.3) 24%,transparent 24.2%),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.22) 58.2%,rgba(0,0,0,.22) 63%,transparent 63.2%),linear-gradient(90deg,var(--frame-dark),var(--frame) 30%,color-mix(in srgb,var(--frame) 70%,#fff) 50%,var(--frame) 70%,var(--frame-dark))}.cv-phone__back{position:absolute;top:1.1%;right:2.3%;bottom:1.1%;left:2.3%;border-radius:14.8%/6.9%;overflow:hidden;isolation:isolate;background:var(--phone-base, #e97233);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 0 2px #00000014}.cv-phone__glass{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 18% 0%,rgba(255,255,255,.34),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgba(0,0,0,.26),transparent 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(165deg,color-mix(in srgb,var(--phone-base, #e97233) 86%,#fff),var(--phone-base, #e97233) 48%,color-mix(in srgb,var(--phone-base, #e97233) 80%,#000))}.cv-phone__panel{position:absolute;left:6.99%;top:28.29%;width:86.02%;height:68.21%;border-radius:9.4%/5.5%;background:radial-gradient(90% 50% at 30% 10%,rgba(255,255,255,.28),transparent 60%),linear-gradient(170deg,color-mix(in srgb,var(--phone-base, #e97233) 78%,#fff),color-mix(in srgb,var(--phone-base, #e97233) 90%,#fff) 55%,color-mix(in srgb,var(--phone-base, #e97233) 88%,#000));box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #0000001f}.cv-phone__skin{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#111;background-size:cover;background-position:center;--t: 0}.cv-lab .cv-phone__skin[data-skin="0"]{clip-path:inset(0 0 calc((1 - var(--t)) * 100%) 0)}.cv-lab .cv-phone__skin:not([data-skin="0"]){clip-path:polygon(0 0,calc(var(--t) * 220% - 20%) 0,calc(var(--t) * 220% - 120%) 100%,0 100%)}.cv-phone__edge{position:absolute;left:0;right:0;height:14%;top:calc(var(--apply, 0) * 100% - 14%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.28) 85%,rgba(255,255,255,.9) 99%,transparent);mix-blend-mode:soft-light;opacity:calc(min(var(--apply, 0) * 12,1)*min((1 - var(--apply, 0)) * 12,1));pointer-events:none}.cv-phone__wipe{position:absolute;top:-20%;bottom:-20%;width:18%;left:calc(var(--wipe, 0) * 220% - 30%);transform:skew(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);mix-blend-mode:overlay;opacity:var(--wipe-on, 0);pointer-events:none}.cv-phone__sheen{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.2) 47%,rgba(255,255,255,.05) 53%,transparent 62%);transform:translate(calc((var(--ry-n, 0) * -40%) + var(--p, 0) * 30%));mix-blend-mode:screen;pointer-events:none}.cv-phone__plateau{position:absolute;left:2.31%;top:1.1%;width:95.38%;height:23.38%;border-radius:14.7% 14.7% 7.3% 7.3%/28.6% 28.6% 14.3% 14.3%;z-index:2;background:linear-gradient(180deg,#fff3,#ffffff0a 40%,#00000024);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #ffffff1f,inset 0 -6px 10px #00000024,0 10px 16px -8px #00000080;transform:translateZ(2px)}.cv-lens{position:absolute;width:20.97%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#07080c 0 38%,#1f2430 39% 43%,#050609 44% 62%,transparent 63%),conic-gradient(from 210deg,color-mix(in srgb,var(--phone-base, #e97233) 45%,#333),color-mix(in srgb,var(--phone-base, #e97233) 40%,#fff),color-mix(in srgb,var(--phone-base, #e97233) 55%,#222),color-mix(in srgb,var(--phone-base, #e97233) 45%,#eee),color-mix(in srgb,var(--phone-base, #e97233) 45%,#333));box-shadow:0 0 0 .15rem #0000004d,0 6px 10px -2px #0000008c,inset 0 0 0 1px #ffffff59}.cv-lens:after{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(170,200,255,.75) 0 6%,transparent 7%),radial-gradient(circle at 60% 66%,rgba(120,90,220,.35),transparent 45%),radial-gradient(circle at 40% 40%,rgba(60,120,255,.35),transparent 60%)}.cv-lens--1{left:4.84%;top:5.76%}.cv-lens--2{left:4.84%;top:53.4%}.cv-lens--3{left:27.42%;top:29.58%}.cv-phone__flash{position:absolute;left:82.12%;top:19.9%;width:6.99%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fffaf0,#e9dfc9 55%,#b7ab92);box-shadow:inset 0 0 0 1px #00000040,0 1px 2px #0000004d}.cv-phone__lidar{position:absolute;left:82.39%;top:45.29%;width:6.45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3d45,#0b0c10 70%);box-shadow:inset 0 0 0 1px #ffffff2e}.cv-phone__mic{position:absolute;left:84.68%;top:69.37%;width:1.88%;aspect-ratio:1;border-radius:50%;background:#0000008c}.cv-skin--carbon{background-color:#141416;background-image:linear-gradient(27deg,#161618 5px,transparent 5px),linear-gradient(207deg,#161618 5px,transparent 5px),linear-gradient(27deg,#232326 5px,transparent 5px),linear-gradient(207deg,#232326 5px,transparent 5px),linear-gradient(90deg,#1b1b1e 10px,transparent 10px),linear-gradient(#1c1c1f 25%,#19191b 25%,#19191b 50%,transparent 50%,transparent 75%,#262629 75%,#262629);background-position:0 5px,10px 0,0 10px,10px 5px,0 0,0 0;background-size:20px 20px}.cv-skin--marble{background-color:#ecebe7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='800'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.006 0.011' numOctaves='5' seed='14'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0.93 0.93 0.93 0.62 0.93 0.93 0.93 0.93'/%3E%3CfeFuncG type='discrete' tableValues='0.92 0.92 0.92 0.61 0.92 0.92 0.92 0.92'/%3E%3CfeFuncB type='discrete' tableValues='0.9 0.9 0.9 0.6 0.9 0.9 0.9 0.9'/%3E%3C/feComponentTransfer%3E%3CfeGaussianBlur stdDeviation='0.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),linear-gradient(160deg,#f4f3ef,#dcdad4);background-size:cover;background-blend-mode:multiply}.cv-skin--matte{background-color:#131315;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E"),linear-gradient(160deg,#1d1d20,#0d0d0f)}.cv-skin--holo{background-color:#cfd8ff;background-image:linear-gradient(115deg,rgba(255,255,255,.35),transparent 40%,rgba(255,255,255,.25) 60%,transparent),conic-gradient(from calc(200deg + var(--p, 0) * 160deg) at 30% 25%,#ffb3e2,#b6c8ff,#a8ffe0,#fff1a8,#ffc2b0,#ffb3e2)}.cv-skin--signal{background-color:#f5b100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E"),linear-gradient(160deg,#ffc93d,#e0a000)}.cv-skin--camo{background-color:#4b5140;background-image:radial-gradient(ellipse 30% 18% at 20% 20%,#2f3428 60%,transparent 61%),radial-gradient(ellipse 26% 20% at 70% 30%,#7a7b62 60%,transparent 61%),radial-gradient(ellipse 34% 16% at 40% 55%,#23261e 60%,transparent 61%),radial-gradient(ellipse 22% 24% at 80% 70%,#2f3428 60%,transparent 61%),radial-gradient(ellipse 28% 14% at 25% 85%,#7a7b62 60%,transparent 61%);background-size:100% 50%}.cv-skin--wood{background-color:#7a4f2f;background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.12) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(255,255,255,.06) 0 1px,transparent 1px 23px),linear-gradient(180deg,#8a5a36,#6b4328 50%,#8a5a36)}.cv-skin--steel{background-color:#8d9096;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 5px),linear-gradient(180deg,#b4b7bd,#7c8086 45%,#a6a9af 70%,#6f7379)}.cv-skin--image{background-size:cover!important;background-position:center!important}
/*# sourceMappingURL=/cdn/shop/t/54/assets/cv-phone.css.map */