Workrite 2172 Compact Keyboard and Mouse Platform / Tray System

* { position: relative; } .overlayBody { position: relative; } .overlayBody:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); z-index: 2; } @media only screen and (max-width: 1024px) { .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 30px !important; padding-right: 30px !important; } } @media only screen and (max-width: 992px) { .textWhite.mobileBlack .titleSection, .textWhite.mobileBlack .titleComp, .textWhite.mobileBlack .paragraph, .textWhite.mobileBlack strong { color: #222; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .containerFullWidth { padding-left: 0; padding-right: 0; } .containerFullWidth .textBlock { padding: 15px !important; } .twoColumn .container { padding-left: 15px!important; padding-right: 15px!important; } .titleSection { font-size: 32px; line-height: 44px; font-weight: 500; } .titleComp { font-size: 20px; line-height: 32px; margin: 0px; } .subTitle { margin: 0 0 8px; font-size: 12px; } .bannerTextPosition.resetSpacing { margin-bottom: 50px!important; } .paragraph { font-size: 14px; } } .ZendSpecs .ZEN_video { margin-left: -28px; margin-right: -29px; } .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:48px; font-weight: 500; color: #000; text-align: center; padding: 50px 0px; background: #fff; } .ZendSpecs .ZEN_video .ZEN_video_source { padding: 20px 0px; background: #f5f4f5; } @media only screen and (max-width: 767px) { .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:32px; padding: 30px 0px; } } .ZEN_Table { color: #222; padding: 0px 60px} .ZEN_Table .ZEN_Table_row{display: flex;} .ZEN_Table .ZEN_Table_title{ font-weight: 500; font-size: 32px; padding: 50px 0px; } .ZEN_Table .ZEN_Table_text{ flex: 1; margin-left: 40px; } .ZEN_Table .ZEN_Table_content table{ text-align: center; font-size: 16px; color: #222222; border: 1px solid #DDDDDD; vertical-align: middle; padding: 10px; } .ZEN_Table .table th, .ZEN_Table .table td{ padding: 15px; vertical-align: middle; } .ZEN_Table .ZEN_Table_content table tr:nth-child(even) {background-color: #F8F8F8;} .ZEN_Table .ZEN_Table_content table thead{ background: #101010; color: #fff; font-weight: 500; } .ZEN_Table .ZEN_Table_content table .item{ text-align: left; } .ZEN_Table .ZEN_Table_content table a{ font-size: 14px; line-height: 22px; color: #1174DC; } .ZEN_Table .ZEN_Table_content table .name{ font-weight: 500; font-size: 18px; line-height: 28px; } .ZEN_Table .ZEN_Table_text .ZEN_Table_strong{ font-weight: 500; font-size: 18px; line-height: 28px; color: #222; } .ZEN_Table .ZEN_Table_text p { font-size: 16px; line-height: 26px; color: #555; } @media only screen and (max-width: 768px) { .ZEN_Table { padding: 0px} .ZEN_Table .ZEN_Table_row{display: initial;} .ZEN_Table .ZEN_Table_text{margin-top:30px} .ZEN_Table .ZEN_Table_text{ margin-left: 0px; } } .ZEN_shipping{ margin: 30px auto; display: flex; } .ZEN_shipping_col{ position: relative; padding: 10px 10px; text-align: center; color: #222; width: 100%; } .ZEN_shipping_col img{ width: 85px; } .ZEN_shipping_col h4{ font-weight: 500; font-size: 18px; line-height: 26px; } .ZEN_shipping_col p{ margin-top: 10px; font-size: 14px; line-height: 24px; } .ZEN_shipping_col:nth-child(2)::after { position: absolute; width: 1px; height: 40%; content: ""; left: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:nth-child(2)::before { position: absolute; width: 1px; height: 40%; content: ""; right: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:last-child::before { display: none; } @media only screen and (max-width: 767px) { .ZEN_shipping{ flex-direction: column; margin: 10px auto; } .ZEN_shipping_col img{ width: 95px; } .ZEN_shipping_col:nth-child(2)::after { width: 0px; } .ZEN_shipping_col:nth-child(2)::before { width: 0px; } } /* THUMNAILS SLIDER */ .thumnailsGroupSliderWrapper { margin: 80px 0; overflow: hidden; } .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin: 0 auto 40px; font-size: 24px; font-weight: 500; line-height: 31px; text-align: center; color: #222; max-width: 350px; } .thumnailsGroupSliderWrapper { max-width: 840px; margin: 0 auto; padding-bottom: 0; } .thumnailsGroupSliderWrapper div { display: block!important; } .thumnailsGroupSliderWrapper img { max-width: 100%; } .thumnailsGroupSliderWrapper div[class~='slick-track'] { padding: 0; } .thumnailsGroupSliderWrapper div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsGroupSliderWrapper div[class~='slick-center']:before { display: none; } .thumnailsGroupSliderWrapper div[class~='slick-center'] img { object-fit: contain; } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; margin: 0; } .thumnailsGroupSliderWrapper div[class~='slick-prev'] svg, .thumnailsGroupSliderWrapper div[class~='slick-next'] svg { color: rgb(0, 0, 0, .7); } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { content: ""; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before { left: 20px; border-left: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(-45deg); } .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { right: 20px; border-right: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(45deg); } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-prev'] { left: 5px; } .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'] { height: 50px; } .thumnailsGroupSliderWrapper div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 992px) { .thumnailsGroupWrapper { margin: 0; } } @media only screen and (max-width: 767px) { .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } } /* ICON LIST */ .listComp { display: flex; justify-items: center; align-items: start; flex-wrap: wrap; width: 80%; margin: 0 auto; justify-content: center; } .listComp .iconItem { text-align: center; margin-bottom: 0px; width: 20%; padding: 0 10px; } .listComp .iconItem img { max-width: 65px; display: block; margin: 0 auto; } .listComp .iconItem p { margin: 3px 0 0; } @media only screen and (max-width: 1024px) { .listComp { width: 100%; padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 992px) { .listComp { justify-content: flex-start; } .listIconWrapper .containerFullWidth { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .listComp { padding: 0 15px; } .listIconWrapper .headingBlock { text-align: center; } } /* END ICON LIST */ /* One Column */ .oneColumn { text-align: center; margin-bottom: 80px; } .oneColumn .header { margin-bottom: 50px; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { margin: 0 auto 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; max-width: 1000px; } .oneColumn .header .paragraph { width: 50%; margin: 0 auto; padding: 0; color: #222; } .oneColumn .mediaBlock img { max-width: 70%; margin: 0 auto; display: block; } .oneColumn .mediaBlock video { max-width: 55%; margin: 0 auto; display: block; } .oneColumn .mediaBlock .full-width { max-width: 100% ; width: 100%; } @media only screen and (min-width: 992px) { .oneColumn.bgGray { background-color: #f8f8f8; padding: 60px 0 10px; } } @media only screen and (max-width: 992px) { .oneColumn { padding: 0 15px; } .mobile-full-width { max-width: 100% !important; } .oneColumn .header { padding-left: 0; padding-right: 0; } .oneColumn .mediaBlock video, .oneColumn .mediaBlock img { margin: 0; max-width: 100%; } .oneColumn { margin-bottom: 60px; text-align: left; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { padding: 0; margin-bottom: 34px; font-size: 44px; line-height: 60px; max-width: none; } .oneColumn .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; line-height: 24px; } .oneColumn .header { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { font-size: 32px; line-height: 44px; } } /* One Column left align */ .oneColumnLeftAlign { margin-bottom: 50px; } .oneColumnLeftAlign .header { margin-bottom: 20px; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { margin-top: 40px; margin-bottom: 20px; color: #222; font-weight: 500; font-size: 30px; line-height: 40px; text-transform: uppercase; } .oneColumnLeftAlign .header h6 { color: #222; font-size: 20px; margin-bottom: 10px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 14px; line-height: 24px; color: #666; } .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { max-width: 100%; margin: 0 auto; display: block; } .oneColumnLeftAlign .text-note { margin-top: 20px; font-size: 12px; color: #555; text-align: center; } @media only screen and (max-width: 992px) { .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { margin: 0; } .oneColumnLeftAlign { margin-bottom: 60px; text-align: left; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { padding: 0; margin-bottom: 20px; font-size: 22px; line-height: 28px; } .oneColumnLeftAlign .header h6 { font-size: 22px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; color: #222; line-height: 26px; } .oneColumnLeftAlign .header { margin-bottom: 30px; } } /* One Column Left Only Text */ .oneColumnLeftOnlyText .inner { max-width: 1000px; margin: 0 auto; padding: 80px 20px; } .oneColumnLeftOnlyText .inner .textLarge, .oneColumnLeftOnlyText .inner .textLarge a, .oneColumnLeftOnlyText .inner .textLarge strong { font-size: 28px; line-height: 46px; font-weight: 500; color: #222; } .oneColumnLeftOnlyText .inner p + p { margin-top: 40px; } .oneColumnLeftOnlyText .inner .textLarge a { position: relative; } .oneColumnLeftOnlyText .inner .textLarge a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #222; } .oneColumnLeftOnlyText.textWhite .inner .textLarge, .oneColumnLeftOnlyText.textWhite .inner .textLarge a, .oneColumnLeftOnlyText.textWhite .inner .textLarge strong, .oneColumnLeftOnlyText.textWhite .inner p, .oneColumnLeftOnlyText.textWhite .inner p a, .oneColumnLeftOnlyText.textWhite .inner p strong { color: #fff; } .oneColumnLeftOnlyText .inner .textLarge a:before, .oneColumnLeftOnlyText .inner p a:before { background: #fff; } @media only screen and (max-width: 767px) { .oneColumnLeftOnlyText .inner { padding: 60px 0; } } /* TWO COLUMNS */ .twoColumn + .twoColumn { margin-top: 80px; } .twoColumn .container { display: flex; } .twoColumn .textBlock { display: flex; justify-content: space-between; align-items: center; width: 50%; padding-left: 90px; } .twoColumn .mediaBlock { width: 50%; } .twoColumn.hasSlider .mediaBlock { background-color: transparent; } .twoColumn.style2 .mediaBlock { width: 60%; } .twoColumn.style2 .textBlock { width: 40%; } .twoColumn.style2 .icon { max-width: 120px; } .twoColumn.hasSpacing { margin-top: 0; } .twoColumn.hasSpacing .mediaBlock { padding: 80px; } .twoColumn .textBlock .innerText { width: 85%; max-width: 450px; } .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { display: flex; flex-direction: row-reverse; } .twoColumn.mediaText .textBlock { padding-left: 80px; } .twoColumn.textMedia .containerFullWidth .textBlock { justify-content: flex-end; padding-right: 10%; } @media only screen and (max-width: 1024px) { .twoColumn .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.mediaText .textBlock { padding-left: 60px; } .twoColumn.style2 .mediaBlock { width: 50%; } .twoColumn.style2 .textBlock { width: 50%; } .twoColumn.style2 .icon { max-width: 80px; } .twoColumn.style2 .subTitle { margin-bottom: 10px; } .twoColumn.style2 .groupLinks { margin-top: 10px; } .twoColumn.style2 .titleComp { font-size: 28px; line-height: 34px; } .twoColumn.hasBg .textBlock { padding: 15px 15px 15px 30px; } } @media only screen and (max-width: 992px) { .twoColumn.hasBg { margin-top: 0; } .twoColumn.hasBg .textBlock { background: none!important; padding-left: 0; padding-right: 0; } .twoColumn.style2 { padding: 80px 0; } .twoColumn .textBlock, .twoColumn .mediaBlock, .twoColumn.style2 .textBlock, .twoColumn.style2 .mediaBlock { width: 100%; } .twoColumn .container, .twoColumn .containerFullWidth, .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { flex-direction: column; } .twoColumn .textBlock { padding: 0; margin-bottom: 20px; } .twoColumn .textBlock .innerText { max-width: 100%; width: 100%; } .twoColumn.mediaText .textBlock, .twoColumn.textMedia .textBlock { padding-left: 0 !important; padding-right: 0 !important; } .twoColumn.hasSpacing { margin-top: 80px; } .twoColumn.hasSpacing .mediaBlock { padding: 0; } .twoColumn.hasBg { padding: 80px 0; } .twoColumn.style2.marginBottom { margin-bottom: 0; padding-top: 0; } .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.hasSlider .textBlock { background-color: transparent!important; } } @media only screen and (max-width: 767px) { .twoColumn + .twoColumn { margin-top: 32px; } .twoColumn.style2 { padding: 50px 0; } .twoColumn.hasBg { margin-top: 0; padding: 50px 0; background: #fff!important; } .twoColumnGroupTwoRow .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumnGroupTwoRow .twoColumn.mediaText .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 15px; padding-right: 15px; } } /* TWO COLUMN GROUP THREE ROW */ .twoColumnGroupThreeRow { margin-bottom: 80px; } .twoColumnGroupThreeRow .twoColumn { margin: 0; } .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 90px; } .twoColumnGroupThreeRow .twoColumn.mediaText, .twoColumnGroupThreeRow.revert .twoColumn.textMedia { position: relative; } .twoColumnGroupThreeRow .twoColumn .textBlock .innerText { max-width: 100%; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 65%; background: #EFF5F8; padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow .mediaText .mediaBlock, .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { position: relative; z-index: 1; padding: 80px 0; background-color: transparent; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow.revert .textMedia .textBlock { padding-right: calc(15% + 80px); padding-left: 0; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: -15%; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: -15%; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 90px; background: #fff; } .twoColumnGroupThreeRow.revert .mediaText .mediaBlock { margin-right: 0; padding: 0; margin: 0; } @media only screen and (max-width: 1024px) { .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 30px; padding-right: 30px; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } } @media only screen and (max-width: 992px) { .twoColumnGroupThreeRow { margin-bottom: 50px; } .twoColumnGroupThreeRow .twoColumn + .twoColumn { margin-top: 50px; } .twoColumnGroupThreeRow .mediaText .mediaBlock { padding: 50px 0 0; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 100%; padding: 50px 0 0; background: #fff; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: 0; padding-top: 0; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: 0; margin-right: 0; padding: 0; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .twoColumnGroupThreeRow .mediaText .textBlock { padding: 0; } } /* TWO COLUMN GROUP TWO ROW */ .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 0; } @media only screen and (max-width: 992px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } @media only screen and (max-width: 767px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } /* TWO IMAGE TEXT TOP LEFT */ .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { width: 50%; display: flex; flex-direction: column; align-items: center; } .twoImageTextTopLeft .textBlock { padding-right: 10px; } .twoImageTextTopLeft .mediaBlock { padding-left: 10px; } .twoImageTextTopLeft .textBlock .innerText { display: flex; flex-direction: column; justify-content: center; max-width: 380px; height: 50%; } .twoImageTextTopLeft.noSpacing .container { margin: 0; } .twoImageTextTopLeft.noSpacing .textBlock, .twoImageTextTopLeft.noSpacing .mediaBlock { padding: 0; } @media only screen and (max-width: 992px) { .twoImageTextTopLeft { margin-bottom: 80px; } .twoImageTextTopLeft .containerFullWidth { flex-direction: column; } .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { display: block; width: 100%; padding-left: 0; padding-right: 0; } .twoImageTextTopLeft .textBlock { margin-bottom: 20px; } .twoImageTextTopLeft .textBlock .innerText { max-width: 100%; margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .twoImageTextTopLeft { margin-bottom: 50px; } } --> Limitless workspace. Introducing the Compact Platform: Revolutionize your workspace with a touch of innovation and versatility. Designed specifically for those sleek, straight work surfaces that crave a little extra functionality, this remarkable platform is the perfect extension you've been waiting for. Say goodbye to limited depth constraints, and hello to ultimate productivity! Efficiency at your fingertips. With the Compact Platform, you can effortlessly transform your work area into a haven of efficiency. Imagine comfortably placing your keyboard at just the right distance, allowing your fingers to dance across the keys easily. Customizable comfort. Whether you're left-handed or right-handed, simply adjust it from side to side to match your preference. It's a small detail that makes a world of difference. Comfort meets productivity. Upgrade your workspace today and discover the true potential of comfort and efficiency. Your keyboard will thank you, and so will your creative mind. Embrace the future of work, one keystroke at a time. Specifications Platform Material: UltraThin™.25 phenolic System Inclusion (Optional): 3170 Pinnacle 2 keyboard arm Platform Tilt: 25° tilt range: -15° +10° Vertical Adjustment: Adjusts from flush to 6″ below work surface Track Length: 17” (2172-17); 21”( 2172-22) Platform Storage: Fully stores on both 17″ and 22″ track Features Removable palm support. Integrated keyboard and mouse tray. Accommodates left and right mouse users. Platform ideal for compact keyboards with less than 6” depth. Auto lock mechanism that allows you to easily adjust tray position (Keyboard Tray System).