/* Sony alpha 7 inspired rear-body illustration; the interface is a demo. */
.camera-stage{padding-top:65px}
.camera.camera-a7{background:linear-gradient(155deg,#363638 0%,#242426 25%,#18191c 75%,#2a2a2d);border-color:#454549;border-radius:15px 27px 31px 16px;box-shadow:0 27px 30px -15px #20202277,0 4px 7px #25252866,inset 0 2px 1px #72727777,inset 0 -6px 7px #0c0d0f;padding-right:22px}
.camera-a7:after{content:'';position:absolute;top:35px;bottom:16px;right:0;width:120px;border-radius:8px 25px 25px 5px;background:radial-gradient(#4a4a4f55 .55px,transparent .8px) 0 0/3px 3px,linear-gradient(100deg,#16171a44,#3a3a3c44);pointer-events:none}
.camera-a7 .camera-top{height:39px;border-bottom-color:#111214;position:relative;z-index:2}
.a7-model-badge{display:flex;align-items:baseline;gap:2px;color:#dadbdd;font:25px Georgia,serif!important;letter-spacing:-2px!important;padding-left:5px!important}
.a7-model-badge b{font:25px Georgia,serif!important;letter-spacing:-2px!important;color:#dadbdd!important;margin:0!important}
.a7-model-badge small{font:5px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-left:12px;color:#85858d}
.a7-evf{width:150px;height:60px;position:absolute;left:43%;top:-40px;transform:translateX(-50%);z-index:5;filter:drop-shadow(0 3px 2px #08090b77)}
.a7-evf-housing{position:absolute;inset:0;background:linear-gradient(155deg,#48494d,#24252a 45%,#101115);clip-path:polygon(0 100%,5% 36%,20% 2%,80% 2%,95% 36%,100% 100%);border-radius:9px 9px 0 0}
.a7-eyecup{position:absolute;left:18px;right:18px;top:13px;bottom:2px;border-radius:12px 12px 9px 9px;background:linear-gradient(140deg,#17181c,#38393d);border:3px solid #111216;box-shadow:inset 0 0 0 2px #45464b,inset 0 3px 6px #020306;display:grid;place-items:center}
.a7-eyecup:before{content:'';position:absolute;left:17px;right:17px;top:9px;bottom:9px;border-radius:4px;background:linear-gradient(145deg,#141623,#353341 45%,#16212a 70%,#070b10);border:3px solid #090c11;box-shadow:inset 1px 2px 4px #6d6c8e44}
.a7-evf:after{content:'';position:absolute;right:7px;top:21px;width:7px;height:17px;border-radius:3px;background:repeating-linear-gradient(#616168 0 1px,#1b1c20 1px 3px);border:1px solid #18191e}
.camera-a7 .hotshoe{width:60px;left:43%;top:-46px;transform:translateX(-50%);height:10px;background:repeating-linear-gradient(90deg,#24262a 0 2px,#6a6b70 2px 3px);border-color:#7a7a82;z-index:3}
.camera-a7 .top-wheel{right:15px;width:62px;top:-9px;height:18px;background:repeating-linear-gradient(90deg,#14161a 0 2px,#65666c 2px 3px);border:1px solid #71727a;border-radius:4px}
.a7-mode-dial{position:absolute;right:115px;top:-13px;width:61px;height:21px;display:flex;align-items:center;justify-content:center;border:1px solid #666870;border-radius:5px;background:repeating-linear-gradient(90deg,#1b1d21 0 2px,#51535a 2px 3px);box-shadow:0 2px 3px #0009}
.a7-mode-dial span{background:#23252a;padding:3px 5px;color:#c9c9d0;font:5px 'DM Sans';letter-spacing:1.5px}
.camera-a7 .camera-main,.camera-a7 .camera-bottom{position:relative;z-index:1}
.camera-a7 .screen-surround{background:#090b0e;box-shadow:0 0 0 1px #4d4d56,0 2px 4px #020407;border-radius:5px}
.camera-a7 .screen-chin{height:23px;font:10px Georgia,'Times New Roman',serif;letter-spacing:1.2px;color:#a3a3aa}
.camera-a7 .camera-controls{flex-basis:94px;padding-top:9px;gap:12px}
.a7-af-lever{height:29px;width:49px;position:relative;border-radius:14px;background:#17191d;border:1px solid #4d4f56;box-shadow:0 2px 4px #0008;display:grid;place-items:center;margin-bottom:1px}
.a7-af-lever span,.a7-af-lever small{position:absolute;font:4px 'DM Sans';color:#a3a5ae;letter-spacing:.6px}
.a7-af-lever span{top:-7px;left:7px}.a7-af-lever small{bottom:-7px;right:12px}
.a7-af-lever i{display:block;width:21px;height:21px;border-radius:50%;background:linear-gradient(#3a3d44,#1e2026);border:1px solid #5a5d64;box-shadow:inset 0 1px 1px #989aa333}
.camera-a7 .hardware-button{background:linear-gradient(#393b40,#25272c);border-color:#56585d;color:#dddde1;box-shadow:0 2px 3px #07080b,inset 0 1px 0 #90919822}
.camera-a7 .control-wheel{background:repeating-conic-gradient(#55575e 0deg 2deg,#22252b 2deg 5deg);border-color:#5e6068;box-shadow:inset 0 0 0 7px #2c2f36,0 3px 5px #0e1015}
.camera-a7 .wheel-center{background:linear-gradient(#4c4f57,#262a32)!important;box-shadow:0 1px 4px #0d1017,inset 0 1px 0 #7b7f89;color:#dddde1}
.camera-a7 .wheel-left,.camera-a7 .wheel-right{color:#d0d0d8}.camera-a7 .wheel-top,.camera-a7 .wheel-bottom{color:#aaaab2}
.camera-a7 .capture-label{color:#a3a4ad}.camera-a7 .hardware-note{color:#777b85}.camera-a7 .camera-model{color:#797b85}
.camera-a7 .shutter{background:linear-gradient(145deg,#767984,#323640);border-color:#a6a7ad;box-shadow:0 3px 5px #05070d,inset 0 0 0 4px #464a54}
.camera-a7 .shutter span{background:linear-gradient(145deg,#e1e3e8,#a5a8b2);border-color:#c6c7ce;box-shadow:inset 0 2px 2px #fff8}
.camera-a7 .shutter.video span{background:linear-gradient(145deg,#ce554a,#982c2b);border-color:#db746a;box-shadow:inset 0 2px 2px #ffab9255}
.camera-a7 .camera-light{background:#b0945a;box-shadow:0 0 5px #bd965133}
.camera-a7[data-autoplay=running] .camera-light{background:#9ab56f;box-shadow:0 0 6px #9dc16b88}
.camera-a7.tour-highlight{box-shadow:0 27px 30px -15px #20202277,0 4px 7px #25252866,inset 0 2px 1px #72727777,inset 0 -6px 7px #0c0d0f}
.tour-button .tour-time{font-variant-numeric:tabular-nums}
@media(max-width:960px){.camera-a7 .camera-controls{flex-basis:78px;gap:9px}.camera-a7 .control-wheel{box-shadow:inset 0 0 0 7px #2c2f36,0 3px 5px #0e1015}.a7-af-lever{height:25px;width:43px}.a7-af-lever i{height:18px;width:18px}.a7-model-badge small{font-size:4px}}
@media(max-width:650px){
 .camera-stage{padding-top:49px}
 .camera.camera-a7{padding-right:10px;border-radius:10px 18px 20px 11px}
 .camera-a7:after{top:25px;bottom:11px;width:66px;border-radius:6px 18px 18px 4px}
 .camera-a7 .camera-top{height:26px}
 .a7-model-badge,.a7-model-badge b{font-size:18px!important}
 .a7-model-badge small{font-size:3px;letter-spacing:.7px;margin-left:7px}
 .a7-evf{width:88px;height:39px;top:-26px;left:41%}
 .a7-eyecup{left:11px;right:11px;top:8px;bottom:1px;border-width:2px;border-radius:8px 8px 6px 6px;box-shadow:inset 0 0 0 1px #45464b,inset 0 3px 6px #020306}
 .a7-eyecup:before{left:10px;right:10px;top:5px;bottom:5px;border-width:2px;border-radius:3px}
 .a7-evf:after{width:5px;height:12px;top:14px;right:4px}
 .camera-a7 .hotshoe{left:41%;width:36px;height:7px;top:-30px}
 .camera-a7 .top-wheel{width:35px;height:13px;top:-7px;right:4px}
 .a7-mode-dial{width:32px;height:14px;right:57px;top:-9px}.a7-mode-dial span{font-size:3px;letter-spacing:.7px;padding:2px}
 .camera-a7 .camera-controls{flex-basis:50px;gap:7px;padding-top:5px}
 .camera-a7 .screen-chin{height:16px;font-size:7px;letter-spacing:1px}
 .a7-af-lever{width:32px;height:20px;margin-bottom:1px}.a7-af-lever i{height:14px;width:14px}.a7-af-lever span,.a7-af-lever small{font-size:3px}.a7-af-lever span{top:-5px;left:3px}.a7-af-lever small{bottom:-5px;right:8px}
 .camera-a7 .control-wheel{box-shadow:inset 0 0 0 5px #2c2f36,0 2px 3px #0e1015}
 .camera-a7 .shutter{box-shadow:0 2px 3px #05070d,inset 0 0 0 3px #464a54}
 .tour-button{font-size:8px;padding:10px 8px}
}