.field { position:absolute; left:0; right:0; top:0; bottom:0; color:rgb(220,235,233); } .topbar { flex-direction:row; justify-content:space-between; margin:30px 42px; padding-bottom:16px; border-bottom-width:1px; border-bottom-color:rgba(112,184,176,.55); } .brand { font-size:27px; -unity-font-style:bold; letter-spacing:5px; color:rgb(101,237,204); } .status { font-size:17px; letter-spacing:2px; color:rgb(190,212,210); } .mission { position:absolute; left:42px; top:112px; max-width:530px; padding:20px; background-color:rgba(10,23,29,.85); border-left-width:3px; border-left-color:rgb(91,230,195); } .section { color:rgb(104,210,188); font-size:13px; letter-spacing:3px; margin-top:16px; margin-bottom:10px; } .mission .section { margin-top:0; } .mission-text { font-size:21px; white-space:normal; } .telemetry { position:absolute; right:42px; top:126px; -unity-text-align:upper-right; font-size:16px; color:rgb(204,224,220); } .crosshair { position:absolute; left:50%; top:50%; width:40px; height:40px; translate:-50% -50%; align-items:center; justify-content:center; } .crosshair { background-color:rgba(5,18,22,.45); border-radius:20px; } .cross-text { font-size:34px; color:rgb(163,255,229); } .reticle-arm { position:absolute; background-color:rgb(163,255,229); } .unity-button.frame.selected,.unity-button.frame.selected:focus,.unity-button.frame.selected:hover { background-color:rgb(38,77,72); border-color:rgb(127,240,204); } .interact { position:absolute; top:61%; left:30%; right:30%; -unity-text-align:middle-center; font-size:18px; padding:12px; background-color:rgba(8,19,23,.78); color:rgb(139,246,215); } .notice { position:absolute; top:28%; left:23%; right:23%; white-space:normal; -unity-text-align:middle-center; font-size:18px; color:rgb(255,205,127); } .bottom { position:absolute; left:42px; right:42px; bottom:26px; } .armor,.energy,.cargo-progress { width:320px; height:26px; margin-bottom:8px; } .unity-progress-bar__container { background-color:rgb(17,32,39); border-width:0; } .unity-progress-bar__progress { background-color:rgb(54,169,145); } .energy .unity-progress-bar__progress { background-color:rgb(70,139,183); } .cargo-progress .unity-progress-bar__progress { background-color:rgb(213,152,67); } .unity-progress-bar__title { color:rgb(235,245,240); font-size:12px; -unity-font-style:bold; } .hint { margin-top:14px; color:rgb(145,174,177); font-size:13px; white-space:normal; } .hangar { flex-grow:1; color:rgb(222,235,230); background-color:rgba(4,12,17,.38); } .hangar-scroll { width:820px; height:100%; background-color:rgba(8,19,25,.94); } .hangar-content { width:800px; min-height:100%; padding:38px; padding-top:36px; padding-bottom:42px; } .title { font-size:56px; -unity-font-style:bold; color:rgb(115,237,203); letter-spacing:5px; } .subtitle { font-size:13px; letter-spacing:4px; color:rgb(140,172,174); margin-bottom:20px; } .body { font-size:17px; white-space:normal; margin-top:10px; margin-bottom:12px; color:rgb(190,209,205); } .row { flex-direction:row; margin-top:8px; } .button,.primary,.quiet,.loadout,.frame,.route { color:rgb(210,230,223); background-color:rgb(25,48,53); border-width:1px; border-color:rgb(58,91,91); border-radius:2px; padding:12px 18px; margin:0; margin-right:10px; margin-top:8px; font-size:15px; white-space:normal; } .button:hover,.loadout:hover,.frame:hover,.route:hover { background-color:rgb(43,79,78); border-color:rgb(107,228,193); } .primary { background-color:rgb(115,225,188); color:rgb(8,32,30); -unity-font-style:bold; padding:15px 22px; } .primary:hover { background-color:rgb(158,255,214); } .primary:disabled { background-color:rgb(52,71,69); color:rgb(124,147,140); } .frame { width:230px; height:106px; font-size:17px; } .selected { border-color:rgb(127,240,204); background-color:rgb(38,77,72); } .loadout { -unity-text-align:middle-left; padding:10px 14px; font-size:14px; } .budget { color:rgb(133,237,203); font-size:14px; margin-top:12px; white-space:normal; } .warning { color:rgb(255,180,101); font-size:14px; margin-top:10px; white-space:normal; } .quiet { background-color:rgba(0,0,0,0); border-width:0; -unity-text-align:middle-left; color:rgb(134,161,163); margin-top:14px; } .overlay { position:absolute; top:0; bottom:0; left:0; right:0; align-items:center; justify-content:center; background-color:rgba(2,9,13,.65); } .panel { width:790px; padding:38px; border-width:1px; border-color:rgb(72,132,121); background-color:rgb(10,25,31); color:rgb(225,239,233); } .heading { font-size:29px; -unity-font-style:bold; color:rgb(123,238,203); letter-spacing:2px; margin-bottom:14px; } .route { height:100px; -unity-text-align:middle-left; font-size:17px; margin-bottom:8px; } .language-control { position:absolute; right:32px; bottom:32px; width:310px; } .language-button { height:52px; margin:0; padding:10px 18px; font-size:17px; color:rgb(215,241,232); background-color:rgb(13,34,40); border-width:1px; border-color:rgb(89,165,147); border-radius:3px; -unity-text-align:middle-center; } .language-button:hover,.language-button:focus { background-color:rgb(35,70,69); border-color:rgb(127,240,204); } .language-menu { position:absolute; bottom:64px; left:0; right:0; padding:14px; background-color:rgb(10,27,33); border-width:1px; border-color:rgb(89,165,147); border-radius:3px; } .language-heading { font-size:14px; color:rgb(145,191,182); margin:0 8px 8px; } .language-option { height:46px; margin:4px 0; padding:8px 12px; font-size:17px; color:rgb(220,241,232); background-color:rgb(25,48,53); border-width:1px; border-color:rgb(58,91,91); -unity-text-align:middle-left; } .language-option:hover,.language-option:focus { background-color:rgb(43,79,78); border-color:rgb(127,240,204); } .language-option.selected { background-color:rgb(38,77,72); border-color:rgb(127,240,204); } .language-dismiss { position:absolute; left:0; right:0; top:0; bottom:0; }