.iphone{container-type:inline-size;width:100%;max-width:464px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.iphone__corpo{--pt:calc(100cqw / 464);--liga-1:#3a4560;--liga-2:#1d2433;--liga-3:#5b6784;position:relative;width:100cqw;aspect-ratio:464/980;border-radius:calc(78 * var(--pt));background:linear-gradient(160deg,var(--liga-3) 0,var(--liga-1) 18%,var(--liga-2) 55%,var(--liga-1) 82%,var(--liga-3) 100%);box-shadow:inset 0 0 0 calc(1.2 * var(--pt)) rgba(255,255,255,.22),inset 0 0 0 calc(3.2 * var(--pt)) rgba(0,0,0,.35),0 calc(40 * var(--pt)) calc(80 * var(--pt)) calc(-30 * var(--pt)) rgba(20,24,40,.55),0 calc(12 * var(--pt)) calc(24 * var(--pt)) calc(-10 * var(--pt)) rgba(20,24,40,.35)}.iphone[data-cor=prata] .iphone__corpo{--liga-1:#d9dbdf;--liga-2:#aeb2b9;--liga-3:#f4f5f7}.iphone[data-cor=laranja] .iphone__corpo{--liga-1:#e0773a;--liga-2:#b5541f;--liga-3:#f6a36e}.iphone__botao{position:absolute;width:calc(3.5 * var(--pt));border-radius:calc(2 * var(--pt));background:linear-gradient(90deg,var(--liga-2),var(--liga-3),var(--liga-2))}.iphone__botao--acao{left:calc(-2.6 * var(--pt));top:calc(196 * var(--pt));height:calc(34 * var(--pt))}.iphone__botao--vol1{top:calc(262 * var(--pt))}.iphone__botao--vol1,.iphone__botao--vol2{left:calc(-2.6 * var(--pt));height:calc(62 * var(--pt))}.iphone__botao--vol2{top:calc(340 * var(--pt))}.iphone__botao--lado{right:calc(-2.6 * var(--pt));top:calc(292 * var(--pt));height:calc(100 * var(--pt))}.iphone__botao--camera{right:calc(-1.6 * var(--pt));top:calc(560 * var(--pt));height:calc(58 * var(--pt));width:calc(2.4 * var(--pt));background:linear-gradient(90deg,#0d1017,#2a3140)}.iphone__tela{position:absolute;inset:calc(12 * var(--pt));border-radius:calc(66 * var(--pt));overflow:hidden;background:#000;box-shadow:0 0 0 calc(5 * var(--pt)) #050608;isolation:isolate;container-type:inline-size}.iphone__tela:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,0) 32%)}.iphone__camada,.iphone__camadas{position:absolute;inset:0;overflow:hidden}.iphone__camada{background:var(--fundo,#e6e6da);will-change:transform}.iphone__camada img{display:block;width:100%;height:auto;will-change:transform}.iphone__camada:after{content:"";position:absolute;left:0;right:0;top:0;z-index:1;height:calc(78 * 100cqw / 440);background:linear-gradient(var(--fundo) 58%,transparent);opacity:0;transition:opacity .25s ease;pointer-events:none}.iphone__camada[data-rolou]:after{opacity:1}.iphone__barra{position:absolute;left:0;right:0;bottom:0;z-index:1;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.iphone__camada .iphone__barra-img{position:absolute;left:0;bottom:0;z-index:2;width:100%}.iphone__ilha{position:absolute;z-index:5;left:50%;top:calc(11 * 100cqw / 440);transform:translateX(-50%);width:calc(126 * 100cqw / 440);height:calc(37 * 100cqw / 440);border-radius:999px;background:#000}.iphone__status{position:absolute;z-index:4;left:0;right:0;top:0;height:calc(62 * 100cqw / 440);display:flex;align-items:center;justify-content:space-between;padding:0 calc(34 * 100cqw / 440) 0 calc(52 * 100cqw / 440);font:600 calc(17 * 100cqw / 440)/1 -apple-system,SF Pro Text,system-ui,sans-serif;letter-spacing:-.01em;color:#111;transition:color .3s ease}.iphone__status[data-tom=claro]{color:#fff}.iphone__status svg{height:calc(12.5 * 100cqw / 440);width:auto;fill:currentColor}.iphone__icones{display:flex;align-items:center;gap:calc(6 * 100cqw / 440)}.iphone__inicio{position:absolute;z-index:4;left:50%;bottom:calc(8 * 100cqw / 440);transform:translateX(-50%);width:calc(146 * 100cqw / 440);height:calc(5 * 100cqw / 440);border-radius:999px;background:#111;opacity:.9;transition:background .3s ease}.iphone__inicio[data-tom=claro]{background:#fff}.iphone__toque{position:absolute;z-index:5;width:calc(46 * 100cqw / 440);height:calc(46 * 100cqw / 440);margin:calc(-23 * 100cqw / 440) 0 0 calc(-23 * 100cqw / 440);border-radius:50%;background:rgba(40,44,60,.28);box-shadow:0 0 0 calc(2 * 100cqw / 440) rgba(255,255,255,.55);opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.iphone__camada,.iphone__camada img{will-change:auto}}