:root{--color-black: #000000;--color-white: #FFFFFF;--color-blue-100: #E6EBFF;--color-blue-200: #C3CBFF;--color-blue-300: #9BA2FF;--color-blue-400: #7573FF;--color-blue-500: #4F4FFF;--color-blue-600: #3523FF;--color-blue-700: #2800D7;---color-blue-800: #1C0099;--color-blue-900: #100250;--color-gray-100: #F8F8F8;--color-gray-200: #EFEFEF;--color-gray-300: #CCCCCC;--color-gray-400: #B3B3B3;--color-gray-500: #999999;--color-gray-600: #767676;--color-gray-700: #545454;--color-gray-800: #3C3C3C;--color-gray-900: #262626;--color-gray-1000: #1C1C1C;--color-red-100: #FFF0F0;--color-red-200: #FFD8D6;--color-red-300: #FFA6A6;--color-red-400: #FF7570;--color-red-500: #F34F4E;--color-red-600: #E42918;--color-red-700: #BA121D;--color-red-800: #8E1010;--color-red-900: #690303;--color-green-100: #F0F7F5;--color-green-200: #C1F6E4;--color-green-300: #7EEDC8;--color-green-400: #30D8A0;--color-green-500: #2ABD8C;--color-green-600: #229F75;--color-green-700: #0A8059;--color-green-800: #07593B;--color-green-900: #08452F;--color-yellow-100: #FDF6D2;--color-yellow-200: #FEEE9E;--color-yellow-300: #FEE76D;--color-yellow-400: #FFDF3D;--color-yellow-500: #FFD600;--color-yellow-600: #CBAA04;--color-yellow-700: #977D09;--color-yellow-800: #63510D;--color-yellow-900: #493B05;--color-qt-navy: #131638;--color-qt-green: #4AF6C3;--color-opinion-blue: #0068FF;--color-bbgreen-green: #14eb1e;--color-citylab-orange: #FF6200;--color-amber: #FFC400 }.image-viewer-viewport{width:calc(100% - 50px);height:100%;float:left}.image-viewer-image img{max-width:calc(100vw - 50px - 64px)}.image-viewer-slide{position:relative;top:50%;transform:translate(0, -50%)}.image-viewer-controls{width:50px;height:100%;float:left;border-left:1px dotted #999;box-sizing:border-box}.image-viewer-controls__close{width:50px;height:50px;position:relative}.image-viewer-controls__close:before{width:28px;height:28px;margin:auto}