.rc-tooltip.rc-tooltip-zoom-appear, .rc-tooltip.rc-tooltip-zoom-enter { opacity: 0; } .rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave { display: block; } .rc-tooltip-zoom-enter, .rc-tooltip-zoom-appear { opacity: 0; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-play-state: paused; } .rc-tooltip-zoom-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-play-state: paused; } .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active, .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active { animation-name: rcToolTipZoomIn; animation-play-state: running; } .rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active { animation-name: rcToolTipZoomOut; animation-play-state: running; } @keyframes rcToolTipZoomIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @keyframes rcToolTipZoomOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } } .rc-tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; line-height: 1.5; font-size: 12px; background-color: rgba(0, 0, 0, 0.05); padding: 1px; opacity: 0.9; } .rc-tooltip-hidden { display: none; } .rc-tooltip-inner { padding: 8px 10px; color: #333333; text-align: left; text-decoration: none; background-color: #ffffff; border-radius: 3px; min-height: 34px; border: 1px solid #b1b1b1; } .rc-tooltip-arrow, .rc-tooltip-arrow-inner { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow { bottom: -5px; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #b1b1b1; } .rc-tooltip-placement-top .rc-tooltip-arrow-inner, .rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner, .rc-tooltip-placement-topRight .rc-tooltip-arrow-inner { bottom: 1px; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #ffffff; } .rc-tooltip-placement-top .rc-tooltip-arrow { left: 50%; } .rc-tooltip-placement-topLeft .rc-tooltip-arrow { left: 15%; } .rc-tooltip-placement-topRight .rc-tooltip-arrow { right: 15%; } .rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow { left: -5px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #b1b1b1; } .rc-tooltip-placement-right .rc-tooltip-arrow-inner, .rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner { left: 1px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #ffffff; } .rc-tooltip-placement-right .rc-tooltip-arrow { top: 50%; } .rc-tooltip-placement-rightTop .rc-tooltip-arrow { top: 15%; margin-top: 0; } .rc-tooltip-placement-rightBottom .rc-tooltip-arrow { bottom: 15%; } .rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow { right: -5px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #b1b1b1; } .rc-tooltip-placement-left .rc-tooltip-arrow-inner, .rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner { right: 1px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #ffffff; } .rc-tooltip-placement-left .rc-tooltip-arrow { top: 50%; } .rc-tooltip-placement-leftTop .rc-tooltip-arrow { top: 15%; margin-top: 0; } .rc-tooltip-placement-leftBottom .rc-tooltip-arrow { bottom: 15%; } .rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow { top: -5px; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #b1b1b1; } .rc-tooltip-placement-bottom .rc-tooltip-arrow-inner, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner { top: 1px; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #ffffff; } .rc-tooltip-placement-bottom .rc-tooltip-arrow { left: 50%; } .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow { left: 15%; } .rc-tooltip-placement-bottomRight .rc-tooltip-arrow { right: 15%; } .rc-tooltip-inner { min-height: initial; word-wrap: break-word; } .DownloadControls-module_downloadControls__LGSJF .DownloadControls-module_menuItem__3Q1Eb { color: #000000; margin: 3px; padding: 5px; user-select: none; } .DownloadControls-module_downloadControls__LGSJF .DownloadControls-module_menuItemEnabled__2QzKp:hover { cursor: pointer; text-decoration: underline; } .DownloadControls-module_downloadControls__LGSJF .DownloadControls-module_menuItemDisabled__3zqpb { color: #b3b3b3; font-style: italic; } .EllipsisTextTooltip-module_text__1wTco { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .popover.cbioTooltip { position: absolute !important; display: block !important; max-width: 600px !important; } .popover.cbioTooltip div:last-child { white-space: nowrap; } .popover.cbioTooltip p { margin-bottom: 0 !important; } .popover.cbioTooltip .popover-content, .popover.cbioTooltip p, .popover.cbioTooltip td { font-size: 11px !important; } .ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline:none}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline:none}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline:none}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline:none;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .table-header { white-space: normal !important; } .portalWidth,.cbioportal-frontend .mainTabs>.tab-content>.msk-tab,.cbioportal-frontend .mainTabs>.nav{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.cbioportal-frontend .portalWidth,.cbioportal-frontend .mainTabs>.tab-content>.msk-tab,.cbioportal-frontend .mainTabs>.nav{padding-left:20px;padding-right:20px;min-width:400px}.cbioportal-frontend .framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.cbioportal-frontend .ci.ci-pie-chart{background:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgNDMyIDQ0OCI+Cjx0aXRsZT5jQmlvUG9ydGFsIFN0dWR5IFZpZXcgSWNvbjwvdGl0bGU+CjxwYXRoIGQ9Ik0xOTIgMjIyLjVsMTM2LjUgMTM2LjVxLTI2LjUgMjctNjEuODc1IDQydC03NC42MjUgMTVxLTUyLjI1IDAtOTYuMzc2LTI1Ljc1dC02OS44NzUtNjkuODc1LTI1Ljc1LTk2LjM3NiAyNS43NS05Ni4zNzYgNjkuODc1LTY5Ljg3NSA5Ni4zNzYtMjUuNzV2MTkwLjV6IiBmaWxsPSIjZGMzOTEyIj48L3BhdGg+Cgo8cGF0aCBkPSJNMjM4Ljc1IDIyNGgxOTMuMjVxMCAzOS4yNS0xNSA3NC42MjV0LTQyIDYxLjg3NXoiIGZpbGw9IiNmODg1MDgiPjwvcGF0aD4KCjxwYXRoIGQ9Ik00MTYgMTkyaC0xOTIuMDAxdi0xOTIuMDAxcTUyLjI1IDAgOTYuMzc2IDI1Ljc1dDY5Ljg3NSA2OS44NzUgMjUuNzUgOTYuMzc2eiIgZmlsbD0iIzliYzJjZiI+PC9wYXRoPgoKPC9zdmc+Cg==);-webkit-background-size:12px 12px;background-size:12px 12px;width:12px;height:12px;display:inline-block;vertical-align:text-top}.cbioportal-frontend #login_header_top{padding:5px 0px 0px 0px;background:#fff;margin:0px;height:70px}.cbioportal-frontend header{position:relative;padding:10px 0;width:100%;display:flex !important;align-items:center;justify-content:space-between}.cbioportal-frontend .legacy header{margin:0;box-sizing:border-box !important;text-align:left}.cbioportal-frontend .pageTopContainer{background:#eee;border-bottom:1px solid #ddd}.cbioportal-frontend #reactRoot{min-height:600px}.cbioportal-frontend .pageTopContainer header{background:none}.cbioportal-frontend .pageTopContainer header #authentication p{margin-right:0}.cbioportal-frontend #cbioportal-logo img{height:40px;width:177px}.cbioportal-frontend #institute-logo{max-height:40px;max-width:200px;margin-left:10px}.cbioportal-frontend #rightHeaderContent{display:flex;align-items:center;color:#777}.cbioportal-frontend #rightHeaderContent .username{max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cbioportal-frontend #rightHeaderContent .userControls a{color:#3786c2 !important}.cbioportal-frontend #leftHeaderContent{display:flex;align-items:center}.cbioportal-frontend .userControls{position:relative}.cbioportal-frontend .userControls i.fa{font-size:20px;color:#999;vertical-align:middle}.cbioportal-frontend .userControls .identity{position:absolute;display:none;white-space:nowrap;display:none;align-items:center;top:-6px;right:-7px;z-index:2;border:1px solid #ddd;padding:5px 10px;background:#fff;font-size:12px;border-radius:4px}.cbioportal-frontend .userControls:hover .identity{display:block}.cbioportal-frontend #main-nav{padding-bottom:0;margin-left:40px;white-space:nowrap}.cbioportal-frontend #main-nav ul{padding:0;margin:0}.cbioportal-frontend #main-nav:first-child{top:-22px}.cbioportal-frontend #main-nav li{list-style-type:none;display:inline-block;font:normal normal 400 14px/18px "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;margin-left:15px}.cbioportal-frontend #main-nav li a:link,.cbioportal-frontend #main-nav li a:visited{color:#777}.cbioportal-frontend #main-nav li a:hover{color:#000;text-decoration:none}.cbioportal-frontend #main-nav li a.selected{color:#3786c2;border-bottom:2px solid #3786c2;padding-bottom:4px;text-decoration:none !important;cursor:text}.cbioportal-frontend #footer{text-align:center;padding:30px;opacity:.5}.cbioportal-frontend .legacy #page_wrapper{margin:0}.cbioportal-frontend .legacy body{background-color:#fff}.cbioportal-frontend .legacy #td-content{background-color:#fff}.cbioportal-frontend .legacy #content>table{width:100%}.cbioportal-frontend .legacy .modal-header .close span{display:none}.cbioportal-frontend .legacy .modal-header .close:before{content:"x"}.cbioportal-frontend .legacy #querySelector{font-size:14px}.cbioportal-frontend .contentWidth{min-width:1200px}.cbioportal-frontend .legacy .contentWidth{padding-left:20px;padding-right:20px}.cbioportal-frontend .legacy .fixedWidth .contentWidth{width:1200px;padding-left:20px;padding-right:20px;margin:0 auto}.cbioportal-frontend .noMargin .pageTopContainer header{margin-right:20px}.cbioportal-frontend .legacy #footer{background:#fff;border-top:none}.cbioportal-frontend .legacy .ui-tabs .ui-tabs-nav li a{padding:.5em .8em !important}.cbioportal-frontend .legacy #cc-bookmark{word-break:break-word}.cbioportal-frontend .legacy .studyContainer .contentWidth{width:1300px}.cbioportal-frontend .portalWidth,.cbioportal-frontend .mainTabs>.tab-content>.msk-tab,.cbioportal-frontend .mainTabs>.nav{padding-left:20px;padding-right:20px;min-width:400px}.cbioportal-frontend .framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.cbioportal-frontend body{overflow-y:scroll;text-align:left;margin:0;padding:0}.cbioportal-frontend .modal-header .close::before{content:"x" !important}.cbioportal-frontend .scrollbarAlwaysVisible::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(0,0,0,0);-webkit-border-radius:100px}.cbioportal-frontend .scrollbarAlwaysVisible::-webkit-scrollbar-thumb{background:rgba(0,0,0,.21);-webkit-border-radius:100px;width:8px;height:8px}.cbioportal-frontend .scrollbarAlwaysVisible::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.cbioportal-frontend .scrollbarAlwaysVisible::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.42);-webkit-border-radius:100px}.cbioportal-frontend .hideScrollbar{-ms-overflow-style:none;scrollbar-width:none}.cbioportal-frontend .hideScrollbar::-webkit-scrollbar{display:none}.cbioportal-frontend button:active,.cbioportal-frontend button:focus,.cbioportal-frontend div:focus,.cbioportal-frontend div:active{outline:none !important}.cbioportal-frontend .form-group{margin-bottom:5px}.cbioportal-frontend .form-group label{font-size:12px;margin-bottom:2px}.cbioportal-frontend .posRelative{position:relative}.cbioportal-frontend .btn-default{background-image:linear-gradient(to bottom, #fff 0, #eee 100%) !important;color:#333 !important}.cbioportal-frontend .btn.noBorderRadius{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}.cbioportal-frontend a{cursor:pointer;text-decoration:none}.cbioportal-frontend a:hover{text-decoration:underline}.cbioportal-frontend a.underline{text-decoration:underline}.cbioportal-frontend .pipeSeperator{margin:0 8px}.cbioportal-frontend .cta{background:linear-gradient(to bottom, #1f8cc5 50%, #1982b8 100%);border:0;border-bottom:1px solid rgba(0,0,0,.2);border-radius:2px;color:#fff;display:block;text-align:center;font:normal normal 500 11px/19px "Helvetica Neue",Helvetica,Arial,sans-serif;padding:5px 10px}.cbioportal-frontend .cta:hover:not(:disabled){cursor:pointer;background:linear-gradient(to bottom, #1982b8 50%, #1f8cc5 100%);color:#fff}.cbioportal-frontend .cta:disabled{cursor:default;background:#ececec;border-bottom:0;color:#999}.cbioportal-frontend th.reactable-header-sortable:focus{outline:0}.cbioportal-frontend th.reactable-header-sort-desc:after{content:"▲";padding-left:10px;padding-bottom:5px}.cbioportal-frontend th.reactable-header-sort-asc:after{content:"▼";padding-left:10px;padding-bottom:5px}.cbioportal-frontend #content{margin-top:8px}.cbioportal-frontend .rc-tooltip{border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2);padding:0;opacity:1}.cbioportal-frontend .rc-tooltip.hideTooltipArrow .rc-tooltip-arrow{display:none}.cbioportal-frontend .rc-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:5px !important}.cbioportal-frontend .secondaryNavigation>div,.cbioportal-frontend .secondaryNavigation>ul{border-bottom:none !important;margin-top:-19px;padding-left:20px;margin-left:-20px}.cbioportal-frontend .secondaryNavigation>ul,.cbioportal-frontend .secondaryNavigation>div{margin-right:-20px;box-shadow:0px 1px 2px 0px rgba(0,0,0,.08)}.cbioportal-frontend .secondaryNavigation li a{font-size:12px;padding:8px 0px !important;margin-right:25px !important;background:none !important;border:none !important}.cbioportal-frontend .secondaryNavigation li a:hover{text-decoration:underline}.cbioportal-frontend .secondaryNavigation li.active a{border-bottom:2px solid #3786c2 !important;padding-bottom:6px !important}.cbioportal-frontend .secondaryNavigation .tab-content{margin-top:15px}.cbioportal-frontend .pillTabs>.nav.nav-pills{margin-bottom:15px}.cbioportal-frontend .pillTabs>.nav.nav-pills li{margin-bottom:2px;padding-right:8px}.cbioportal-frontend .pillTabs>.nav.nav-pills li a{background:#eee;border-top:none !important}.cbioportal-frontend .pillTabs>.nav.nav-pills li.active a{background:#3786c2;border-top:none !important}.cbioportal-frontend .pillTabs>.nav.nav-pills li.active a:hover{color:#fff !important}.cbioportal-frontend .pillTabs li a{font-size:12px;padding:10px 6px !important;cursor:pointer;line-height:.8px}.cbioportal-frontend .pillTabs .msk-tab{margin-top:10px}.cbioportal-frontend .mainTabs>.nav{margin:0 auto;position:relative;z-index:1;background:#f5f5f5 !important;display:flex}.cbioportal-frontend .mainTabs>.nav>li{white-space:nowrap}.cbioportal-frontend .mainTabs>.nav>li:not(.active) a:hover{background:none !important;border-color:transparent !important}.cbioportal-frontend .mainTabs>.nav .active a{border-top:3px solid #3786c2 !important;padding-top:9px;text-decoration:none !important}.cbioportal-frontend .mainTabs>.tab-content{padding:20px 0 20px 0;background:#fff;border-top:1px solid #ddd;margin-top:-1px;min-height:50px;position:relative}.cbioportal-frontend .mainTabs>.tab-content .tabLoader{position:relative;left:50%;top:50%}.cbioportal-frontend .mainTabs>.tab-content hr{margin-top:5px;margin-bottom:20px}.cbioportal-frontend .mainTabs>.tab-content>.msk-tab{margin:0 auto}.cbioportal-frontend .urlError{width:500px;margin:0 auto;text-align:center}.cbioportal-frontend .urlError i.fa-warning{font-size:80px}.cbioportal-frontend .urlError h3{margin-bottom:20px}.cbioportal-frontend .urlError ul{list-style:none}.cbioportal-frontend .urlError ul li{padding-bottom:7px}.cbioportal-frontend .queryInvalid{width:800px;margin:0 auto;text-align:center}.cbioportal-frontend .table tbody tr td{padding:3px 10px !important;border-top:none}.cbioportal-frontend .table{margin-bottom:5px}.cbioportal-frontend .hiddenByPosition{position:absolute;top:-9999px;left:-9999px}.cbioportal-frontend .Select--multi .Select-value-icon{text-indent:-9999px;line-height:0}.cbioportal-frontend .Select--multi .Select-value-icon::after{content:"✖";text-indent:0;display:block;line-height:initial}.cbioportal-frontend .modal-header .close::before{content:"✖"}.cbioportal-frontend .modal-header .close span{display:none}.cbioportal-frontend .headBlock{background:#f5f5f5;margin-top:-20px;position:relative;padding-top:10px;padding-left:20px;padding-right:20px;padding-bottom:10px}.cbioportal-frontend .headBlock:empty{padding-bottom:0}.cbioportal-frontend .headBlock .headBlurb{padding:0 20px 10px 20px}.cbioportal-frontend #mainColumn{padding-top:20px}.cbioportal-frontend .fixedWidth #mainColumn{flex:1;padding-left:0;padding-right:0;line-height:26px}.cbioportal-frontend .fixedWidth header{padding-left:0;padding-right:0}.cbioportal-frontend .twoColumn #mainColumn{padding-right:20px}.cbioportal-frontend h1{margin-top:30px !important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif !important;margin-bottom:10px !important}.cbioportal-frontend h1,.cbioportal-frontend h2,.cbioportal-frontend h3,.cbioportal-frontend h4,.cbioportal-frontend h5,.cbioportal-frontend h6{color:#3786c2 !important}.cbioportal-frontend h1:first-child,.cbioportal-frontend h2:first-child,.cbioportal-frontend h3:first-child,.cbioportal-frontend h4:first-child,.cbioportal-frontend h5:first-child,.cbioportal-frontend h6:first-child{margin-top:0 !important}.cbioportal-frontend h1{font-size:24px}.cbioportal-frontend h2{font-size:20px}.cbioportal-frontend h3{font-size:16px}.cbioportal-frontend #rightColumn{background:#f1f6fe;padding:20px 0;font-size:12px;flex:0 0 325px;border-right:1px solid #ddd;border-left:1px solid #ddd}.cbioportal-frontend #rightColumn .rightBarSection{padding:0 20px 10px 20px}.cbioportal-frontend #rightColumn .rightBarSection h3{border-bottom:1px solid #ddd;margin:0 0 4px 0;padding-bottom:4px;color:#3786c2}.cbioportal-frontend #rightColumn .exampleQueries ul{margin:0 0 0 15px;padding:0}.cbioportal-frontend #rightColumn .exampleQueries ul li{color:#cfd9ea;text-indent:-3px}.cbioportal-frontend .fixedWidth .contentWidth{width:1200px;padding-left:20px;padding-right:20px;margin:0 auto}.cbioportal-frontend .noMargin .contentWidth{padding-left:0;padding-right:0}.cbioportal-frontend .noMargin header{padding-left:20px;padding-right:20px}.cbioportal-frontend .mainContainer{display:flex;flex-direction:column}.cbioportal-frontend .contentWidth{display:flex;justify-content:space-between;padding-left:20px;padding-right:20px}.cbioportal-frontend .contentWidth #mainColumn{flex:1;padding-left:0;min-height:80vh;max-width:100%}.cbioportal-frontend .contentWidth.noMargin{padding-left:0;padding-right:0}.cbioportal-frontend .alert{border-color:#ddd;color:inherit}.cbioportal-frontend .alert-info{background:#f1f6fe}.cbioportal-frontend .borderedChart{padding:10px;border-radius:5px;border:1px dashed #ddd;position:relative;max-width:100%}.cbioportal-frontend .borderedChart .chartDownloadButtons{position:absolute;right:10px !important;top:10px !important;z-index:10}.cbioportal-frontend h3.hr{margin:0 30px;border:1px dashed #ddd !important}.cbioportal-frontend .popover.cbioTooltip{position:absolute !important;display:block !important;max-width:600px !important;border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2)}.cbioportal-frontend .popover.cbioTooltip div:last-child{white-space:nowrap}.cbioportal-frontend .popover.cbioTooltip p{margin-bottom:0 !important}.cbioportal-frontend .popover.cbioTooltip .popover-content,.cbioportal-frontend .popover.cbioTooltip p,.cbioportal-frontend .popover.cbioTooltip td{font-size:11px !important}.cbioportal-frontend .inlineBlock{display:inline-block}.cbioportal-frontend .displayBlock{display:block}.cbioportal-frontend .positionAbsolute{position:absolute}.cbioportal-frontend .noOqlWarning{color:#74bedb}.cbioportal-frontend .tabMessageContainer{padding-bottom:15px}.cbioportal-frontend .tabMessageContainer:empty{display:none}.cbioportal-frontend .tabMessageContainer>:last-child{margin-bottom:0 !important}.cbioportal-frontend .alert{padding:5px 10px !important}.cbioportal-frontend .whiteBackground{background:#fff}.cbioportal-frontend .form-group.form-group-custom{margin-right:15px;padding-right:15px;border-right:1px dashed #ddd;display:flex !important;align-items:center}.cbioportal-frontend .form-group.form-group-custom h5{font-weight:bold !important;margin-right:5px}.cbioportal-frontend .form-group.form-group-custom:last-child{border-right:none}.cbioportal-frontend .studyViewHeader{margin-top:20px}.cbioportal-frontend .staticPage{padding-bottom:20px}.cbioportal-frontend .staticPage .markdown-body h1{display:none !important}.cbioportal-frontend .staticPage .markdown-body h2{font-size:20px}.cbioportal-frontend .staticPage .markdown-body h3{font-size:18px}.cbioportal-frontend .beta-text{color:orange;text-decoration:none}.cbioportal-frontend .text-with-ellipsis{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.cbioportal-frontend .cbioportal-frontend h1.blackHeader,.cbioportal-frontend h2.blackHeader,.cbioportal-frontend h3.blackHeader,.cbioportal-frontend h4.blackHeader,.cbioportal-frontend h5.blackHeader,.cbioportal-frontend h6.blackHeader{color:#000 !important}.cbioportal-frontend .noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbioportal-frontend .nowrap{white-space:nowrap}.cbioportal-frontend h2.divider{margin:40px 0 !important;padding-bottom:10px;border-bottom:1px solid #ddd}.legacy .cbioportal-frontend #mutex{margin-top:10px}.legacy .cbioportal-frontend #mutex .btn i{line-height:1.5 !important}.legacy .cbioportal-frontend button{marginbottom:0 !important}.legacy .cbioportal-frontend .radio-inline{line-height:1.42857143 !important}.legacy .cbioportal-frontend #main_smry_info_div{font-size:14px}.legacy .cbioportal-frontend .h4{font-size:18px !important;font-weight:500 !important;letter-spacing:normal !important}.e2etest input:focus,.e2etest select:focus{outline:none !important;box-shadow:none !important;border-color:#ddd !important}.e2etest .simple-table tbody>tr:nth-of-type(odd).clickable:hover{background-color:#f9f9f9 !important}.e2etest .simple-table tbody>tr:nth-of-type(even).clickable:hover{background-color:#fff !important}.e2etest .oncoprintjs__tooltip{display:none !important}.e2etest .plotsTab .cbioTooltip.popover{opacity:0 !important}.e2etest .disablePointerEvents{pointer-events:none}.e2etest .local-dev-banner{display:none}.e2etest #blockUIToDisableMouse{position:absolute;top:0;left:0;right:0;bottom:0;zindex:999999999} /** * * All animations must live in their own file * in the animations directory and be included * here. * */ /** * Styles shared by multiple animations */ /** * Dots */ @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(0) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random { width: 37px; height: 40px; } .ball-scale-random > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; display: inline-block; height: 30px; width: 30px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random > div:nth-child(1) { margin-left: -7px; -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite; animation: ball-scale 1s 0.2s ease-in-out infinite; } .ball-scale-random > div:nth-child(3) { margin-left: -2px; margin-top: 9px; -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite; animation: ball-scale 1s 0.5s ease-in-out infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .ball-clip-rotate-pulse > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #fff; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #fff transparent #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } @-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple-multiple { position: relative; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -30px; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); } .ball-triangle-path > div:nth-child(1) { -webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { -webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { -webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @-webkit-keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { -webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { -webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd; } @-webkit-keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; -webkit-animation-duration: 1.27s; animation-duration: 1.27s; } .ball-grid-beat > div:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-duration: 1.52s; animation-duration: 1.52s; } .ball-grid-beat > div:nth-child(3) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; -webkit-animation-duration: 0.61s; animation-duration: 0.61s; } .ball-grid-beat > div:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-duration: 0.82s; animation-duration: 0.82s; } .ball-grid-beat > div:nth-child(5) { -webkit-animation-delay: -0.01s; animation-delay: -0.01s; -webkit-animation-duration: 1.24s; animation-duration: 1.24s; } .ball-grid-beat > div:nth-child(6) { -webkit-animation-delay: -0.07s; animation-delay: -0.07s; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; } .ball-grid-beat > div:nth-child(7) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; -webkit-animation-duration: 1.44s; animation-duration: 1.44s; } .ball-grid-beat > div:nth-child(8) { -webkit-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-animation-duration: 1.19s; animation-duration: 1.19s; } .ball-grid-beat > div:nth-child(9) { -webkit-animation-delay: -0.18s; animation-delay: -0.18s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .ball-grid-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.58s; animation-delay: 0.58s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .ball-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.01s; animation-delay: 0.01s; -webkit-animation-duration: 0.94s; animation-duration: 0.94s; } .ball-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; } .ball-grid-pulse > div:nth-child(4) { -webkit-animation-delay: -0.03s; animation-delay: -0.03s; -webkit-animation-duration: 0.74s; animation-duration: 0.74s; } .ball-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.21s; animation-delay: 0.21s; -webkit-animation-duration: 0.68s; animation-duration: 0.68s; } .ball-grid-pulse > div:nth-child(6) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.17s; animation-duration: 1.17s; } .ball-grid-pulse > div:nth-child(7) { -webkit-animation-delay: 0.46s; animation-delay: 0.46s; -webkit-animation-duration: 1.41s; animation-duration: 1.41s; } .ball-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.02s; animation-delay: 0.02s; -webkit-animation-duration: 1.56s; animation-duration: 1.56s; } .ball-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s; -webkit-animation-duration: 0.78s; animation-duration: 0.78s; } .ball-grid-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; } @-webkit-keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s 0.9s infinite linear; animation: ball-spin-loader 2s 0.9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @-webkit-keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { -webkit-animation: ball-zig 0.7s 0s infinite linear; animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { -webkit-animation: ball-zag 0.7s 0s infinite linear; animation: ball-zag 0.7s 0s infinite linear; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } /** * Lines */ @-webkit-keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay: -0.09s; animation-delay: -0.09s; -webkit-animation-duration: 0.83s; animation-duration: 0.83s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.33s; animation-delay: 0.33s; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 0.39s; animation-duration: 0.39s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay: 0.47s; animation-delay: 0.47s; -webkit-animation-duration: 0.52s; animation-duration: 0.52s; } .line-scale-party > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; } @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; } @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } /** * Misc */ @-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 50px; height: 50px; background: #fff; border: 1px solid red; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { -webkit-animation: pacman-balls 1s -0.99s infinite linear; animation: pacman-balls 1s -0.99s infinite linear; } .pacman > div:nth-child(3) { -webkit-animation: pacman-balls 1s -0.66s infinite linear; animation: pacman-balls 1s -0.66s infinite linear; } .pacman > div:nth-child(4) { -webkit-animation: pacman-balls 1s -0.33s infinite linear; animation: pacman-balls 1s -0.33s infinite linear; } .pacman > div:nth-child(5) { -webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0, -6.25px); -ms-transform: translate(0, -6.25px); transform: translate(0, -6.25px); top: 25px; left: 70px; } @-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .cube-transition { position: relative; -webkit-transform: translate(-25px, -25px); -ms-transform: translate(-25px, -25px); transform: translate(-25px, -25px); } .cube-transition > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; -webkit-animation: spin-rotate 0.6s 0s infinite linear; animation: spin-rotate 0.6s 0s infinite linear; background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); width: 100%; height: 100%; } @-webkit-keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } @keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } .bar-progress { width: 30%; height: 12px; } .bar-progress > div { position: relative; width: 20%; height: 12px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; opacity: 1; } @-webkit-keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } @keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } .bar-swing { width: 30%; height: 8px; } .bar-swing > div { position: relative; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing 1.5s infinite; animation: bar-swing 1.5s infinite; } @-webkit-keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } .bar-swing-container { width: 20%; height: 8px; position: relative; } .bar-swing-container div:nth-child(1) { position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.2); height: 12px; border-radius: 10px; } .bar-swing-container div:nth-child(2) { position: absolute; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; margin: 2px 2px 0; } .sk-spinner { color: #333; } .sk-spinner > div { background-color: currentColor; } .ball-triangle-path > div, .ball-scale-ripple-multiple > div, .ball-scale-ripple > div { background-color: initial; border-color: currentColor; } .ball-clip-rotate > div { background-color: initial; border-top-color: currentColor; border-right-color: currentColor; border-left-color: currentColor; } .ball-clip-rotate-pulse > div:first-child { background-color: currentColor; } .ball-clip-rotate-pulse > div:last-child { background-color: initial; border-top-color: currentColor; border-bottom-color: currentColor; } .ball-clip-rotate-multiple > div:first-child { background-color: initial; border-right-color: currentColor; border-left-color: currentColor; } .ball-clip-rotate-multiple > div:last-child { background-color: initial; border-top-color: currentColor; border-bottom-color: currentColor; } .triangle-skew-spin > div { background-color: initial; border-bottom-color: currentColor; } .pacman > div:nth-child(1), .pacman > div:nth-child(2) { background-color: initial; border-top-color: currentColor; border-left-color: currentColor; border-bottom-color: currentColor; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5) { background-color: currentColor; } @-webkit-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes sk-fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .sk-fade-in { -webkit-animation: sk-fade-in 2s; -moz-animation: sk-fade-in 2s; -o-animation: sk-fade-in 2s; -ms-animation: sk-fade-in 2s; animation: sk-fade-in 2s; } .sk-fade-in-half-second { -webkit-animation: sk-fade-in 1s; -moz-animation: sk-fade-in 1s; -o-animation: sk-fade-in 1s; -ms-animation: sk-fade-in 1s; animation: sk-fade-in 1s; } .sk-fade-in-quarter-second { -webkit-animation: sk-fade-in 0.5s; -moz-animation: sk-fade-in 0.5s; -o-animation: sk-fade-in 0.5s; -ms-animation: sk-fade-in 0.5s; animation: sk-fade-in 0.5s; } .sk-chasing-dots { width: 27px; height: 27px; position: relative; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .sk-chasing-dots > div { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .sk-chasing-dots > div:last-child { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-circle { width: 22px; height: 22px; position: relative; } .sk-circle > div { background-color: initial; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle > div::before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out; animation: sk-bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-circle > div:nth-child(2) { -webkit-transform: rotate(30deg); transform: rotate(30deg) } .sk-circle > div:nth-child(3) { -webkit-transform: rotate(60deg); transform: rotate(60deg) } .sk-circle > div:nth-child(4) { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .sk-circle > div:nth-child(5) { -webkit-transform: rotate(120deg); transform: rotate(120deg) } .sk-circle > div:nth-child(6) { -webkit-transform: rotate(150deg); transform: rotate(150deg) } .sk-circle > div:nth-child(7) { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .sk-circle > div:nth-child(8) { -webkit-transform: rotate(210deg); transform: rotate(210deg) } .sk-circle > div:nth-child(9) { -webkit-transform: rotate(240deg); transform: rotate(240deg) } .sk-circle > div:nth-child(10) { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .sk-circle > div:nth-child(11) { -webkit-transform: rotate(300deg); transform: rotate(300deg) } .sk-circle > div:nth-child(12) { -webkit-transform: rotate(330deg); transform: rotate(330deg) } .sk-circle > div:nth-child(2)::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .sk-circle > div:nth-child(3)::before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .sk-circle > div:nth-child(4)::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .sk-circle > div:nth-child(5)::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } .sk-circle > div:nth-child(6)::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s } .sk-circle > div:nth-child(7)::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s } .sk-circle > div:nth-child(8)::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s } .sk-circle > div:nth-child(9)::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s } .sk-circle > div:nth-child(10)::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s } .sk-circle > div:nth-child(11)::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s } .sk-circle > div:nth-child(12)::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0); transform: scale(0.0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .sk-cube-grid { width: 27px; height: 27px; } .sk-cube-grid > div { width: 33%; height: 33%; background-color: currentColor; float: left; -webkit-animation: sk-scaleDelay 1.3s infinite ease-in-out; animation: sk-scaleDelay 1.3s infinite ease-in-out; } /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ .sk-cube-grid > div:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } .sk-cube-grid > div:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .sk-cube-grid > div:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s } .sk-cube-grid > div:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s } .sk-cube-grid > div:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } .sk-cube-grid > div:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .sk-cube-grid > div:nth-child(7) { -webkit-animation-delay: 0.0s; animation-delay: 0.0s } .sk-cube-grid > div:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s } .sk-cube-grid > div:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } @-webkit-keyframes sk-scaleDelay { 0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) } 35% { -webkit-transform:scale3D(0.0, 0.0, 1.0) } } @keyframes sk-scaleDelay { 0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) } 35% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) } } .sk-double-bounce { width: 27px; height: 27px; position: relative; } .sk-double-bounce > div { width: 100%; height: 100%; border-radius: 50%; background-color: currentColor; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .sk-double-bounce > div:last-child { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-folding-cube { width: 27px; height: 27px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube > div { background-color: initial; float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube > div::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: currentColor; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube > div:nth-child(2) { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube > div:nth-child(4) { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube > div:nth-child(3) { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube > div:nth-child(2)::before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube > div:nth-child(4)::before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube > div:nth-child(3)::before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .sk-pulse > div { width: 27px; height: 27px; background-color: currentColor; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .sk-rotating-plane > div { width: 27px; height: 27px; background-color: currentColor; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-three-bounce { height: 18px; } .sk-three-bounce > div { width: 18px; height: 18px; background-color: currentColor; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out; animation: sk-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-three-bounce > div:first-child { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce > div:nth-child(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .sk-wandering-cubes { width: 52px; height: 52px; position: relative; } .sk-wandering-cubes > div { background-color: currentColor; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .sk-wandering-cubes > div:last-child { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .sk-wave { width: 30px; height: 27px; } .sk-wave > div { background-color: currentColor; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .sk-wave > div:nth-child(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave > div:nth-child(3) { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .sk-wave > div:nth-child(4) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave > div:nth-child(5) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .sk-wordpress > div { width: 27px; height: 27px; background-color: currentColor; display: inline-block; border-radius: 27px; position: relative; -webkit-animation: sk-inner-circle 1s linear infinite; animation: sk-inner-circle 1s linear infinite; } .sk-wordpress > div::after { content: ''; display: block; background-color: #fff; width: 8px; height: 8px; position: absolute; border-radius: 8px; top: 5px; left: 5px; } @-webkit-keyframes sk-inner-circle { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-inner-circle { 0% { transform: rotate(0); -webkit-transform:rotate(0); } 100% { transform: rotate(360deg); -webkit-transform:rotate(360deg); } } .styles-module__portalWidth__uroX8{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__1kSNy{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__centered__2hjqn{position:fixed;left:50%;top:50%;z-index:10000;text-align:center;transform:translate(-50%, -50%);animation:styles-module__fadein__3JRVX 1s;border-radius:10px}.styles-module__centered__2hjqn.styles-module__nofade__22MDi{animation:none}.hiddenByPosition .styles-module__centered__2hjqn{display:none !important}.styles-module__centered__2hjqn>.sk-spinner{background:#3786c2;padding:15px;border-radius:50%;height:115px;width:115px}.styles-module__centered__2hjqn .styles-module__color__1Gjdo>div{color:#fff !important}@keyframes styles-module__fadein__3JRVX{from{opacity:0}to{opacity:1}}.styles-module__centered-with-children__2HhAI{width:600px}.styles-module__color__1Gjdo>div{color:#3786c2 !important}.styles-module__small__1P9VC{margin-left:10px}.styles-module__small__1P9VC>div{width:3px !important;margin:0 2px !important;height:12px !important;width:3px !important}.styles-module__big__3IfIl>div{height:75px !important;width:6px !important;margin:4px !important}.styles-module__progressUI__3rdag{position:absolute;top:140px;left:50%;transform:translateX(-50%);background:#fff;border-radius:20px;padding:15px}.styles-module__progressUI__3rdag:empty{display:none} .styles-module__portalWidth__3Nxoe{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__2soc9{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__messager__2eTsS{padding:10px;background:green;color:#fff;font-size:14px;position:relative}.styles-module__messager__2eTsS i.styles-module__close__15Szy{position:absolute;right:10px;top:10px;cursor:pointer} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.errorScreen{position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;min-height:300px;padding:100px;text-align:center;z-index:10}.errorScreen h4{margin:30px 0;font-size:20px}.errorScreen .errorLogo img{height:50px}.errorScreen p{width:500px;margin:auto}.errorScreen textarea{border:1px solid #ddd;width:500px !important;padding:10px !important;height:200px !important;margin:0 auto} .testimonials-module__portalWidth__3TPDG{padding-left:20px;padding-right:20px;min-width:400px}.testimonials-module__framedImage__dKCdJ{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.testimonials-module__testimonial__uWckS{position:relative}.testimonials-module__testimonial__uWckS .testimonial-blockquote{opacity:1;position:absolute;top:0;left:0;right:0;bottom:0}.testimonials-module__testimonial__uWckS .testimonial-blockquote.test-trans-enter{opacity:.01}.testimonials-module__testimonial__uWckS .testimonial-blockquote.test-trans-enter.test-trans-enter-active{opacity:1;transition:opacity 2000ms ease-in}.testimonials-module__testimonial__uWckS .testimonial-blockquote.test-trans-leave{opacity:1}.testimonials-module__testimonial__uWckS .testimonial-blockquote.test-trans-leave.test-trans-leave-active{opacity:.01;transition:opacity 2000ms ease-in}.testimonials-module__testimonial__uWckS .testimonial-links{margin-top:10px}.testimonials-module__testimonial__uWckS .testimonial-links a:first-child{float:left}.testimonials-module__testimonial__uWckS .testimonial-links a:last-child{float:right} .testimonialsPage-module__portalWidth__3xC_Y{padding-left:20px;padding-right:20px;min-width:400px}.testimonialsPage-module__framedImage__3Z4lk{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.testimonialsPage-module__testimonialsPage__3sAas>div{margin:25px 0}.testimonialsPage-module__testimonialsPage__3sAas>div p{margin:0 0 5px} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}#footer{font-size:12px;border-top:1px solid #ddd;background:#f5f5f5}#footer .footer-layout{display:flex;text-align:left;justify-content:space-between;max-width:1024px;margin:auto}#footer .footer-layout a{text-decoration:none;color:#333}#footer .footer-layout h3{color:#666 !important;font-size:15px}#footer .footer-layout ul{line-height:20px;color:#666 !important;list-style:none;padding-left:0} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.lockIcon{color:#000}.plotsTab .chartWrapper{float:left;overflow:hidden}.plotsTab .leftColumn{width:304px;margin-right:15px}.plotsTab .leftColumn .Select{width:240px}.plotsTab .leftColumn .Select.is-open.is-searchable .Select-value-label{color:#aaa !important}.plotsTab .leftColumn .swapAxes{text-align:center;padding:0}.plotsTab .leftColumn .axisBlock{background:#eee;border-radius:4px;padding:10px}.plotsTab .leftColumn .axisBlock form{display:flex}.plotsTab .leftColumn .axisBlock h4{writing-mode:vertical-lr;padding:0 !important;margin:0 !important;width:23px;text-align:center;transform:rotate(180deg);position:relative;left:-8px}.plotsTab .leftColumn .label-text{color:#333;margin-bottom:5px;padding:0px}.plotsTab .leftColumn .form-group-bspace{margin-bottom:5px}.plotsTab .leftColumn .PlotsTab{width:120%}.plotsTab .leftColumn .color-samples{right:10px;bottom:0;position:absolute}.plotsTab .leftColumn .btn.sort-order{margin-right:10px;padding:4px 9px;margin-left:-20px}.plotsTab .leftColumn i.horz-descending{transform:rotate(-90deg) scaleY(-1) scaleX(-1)}.plotsTab .leftColumn i.horz-ascending{transform:rotate(-90deg) scaleY(-1)}.plotsTab .leftColumn i.vert-descending{transform:scaleX(-1)}.plotsTab .leftColumn .mutation-message{color:red;margin:3px}.plotsTab .coloring-menu{margin-bottom:-20px;margin-right:50px}.plotsTab .coloring-menu *{vertical-align:middle;margin:0}.plotsTab .coloring-menu label{padding:0px;margin:0 0 0 8px}.plotsTab .coloring-menu .legend-label{margin-right:4px}.plotsTab .coloring-menu input[type=checkbox]{margin:0 8px 1px 0;padding:0;position:relative}.plotsTab .coloring-menu input[type=radio]{margin:0px 8px 0px 2px}.plotsTab .coloring-menu .gene-select-background{border-radius:4px;vertical-align:middle;padding:2px 2px 2px 2px;margin-right:-10px}.plotsTab .coloring-menu .gene-select-background label{margin:0 0 0 0}.plotsTab .coloring-menu .gene-select-background .checkbox{display:inline-block;margin:0}.plotsTab .coloring-menu .gene-select-background.gene-select-shown{background-color:#f5f5f5;margin-right:2px}.plotsTab .coloring-menu .gene-select-background .gene-select-container{margin-left:8px}.plotsTab .coloring-menu .gene-select-background .gene-select-container .gene-select{text-align:left;margin-right:0;width:350px}.plotsTab strong.quickPlotsTitle{margin-right:5px}.plotsTab .quickPlotsContainer{display:flex;margin-right:5px}.plotsTab .genericAssaySelectBox{flex-grow:1;word-wrap:break-word}.color-samples-toolbar-elt{display:inline-block !important;margin-right:10px !important;margin-top:0px !important;margin-bottom:0px !important}.dataAvailabilityAlert{margin-bottom:10px !important;background-color:#eee !important;border:none !important;display:flex}.dataAvailabilityAlert>div{padding-top:1px;padding-left:4px} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.simple-table th{padding-left:10px;padding-bottom:5px;background-color:#fff}.simple-table tbody>tr:nth-of-type(odd).highlighted{background-color:#9fafd1 !important}.simple-table tbody>tr:nth-of-type(even){background-color:#fff}.simple-table tbody>tr:nth-of-type(even).highlighted{background-color:#b0bed9}.simple-table tbody>tr.clickable{cursor:pointer}.simple-table tbody>tr:nth-of-type(even).clickable:hover{background-color:#b6c4df !important}.simple-table tbody>tr:nth-of-type(odd).clickable:hover{background-color:#a7b6d8 !important}.simple-table td.columnResizer{border-color:transparent !important}.simple-table thead td.columnResizer{border-color:transparent !important;background-color:#ddd} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.lazyMobxTableSortArrowAsc{padding-left:5px;position:relative;top:3px}.lazyMobxTableSortArrowDesc{padding-left:5px;position:relative;top:-3px}.cbioportal-frontend .table>thead>tr>th.multilineHeader{vertical-align:top;line-height:1.1;padding-bottom:4px}.topPagination{display:flex;align-items:center;justify-content:center}.topPagination .textBetweenButtons{opacity:1 !important}.tableMainToolbar .form-group{margin-bottom:5px}.cbioportal-frontend .table>tbody>tr>td.columnResizer,.cbioportal-frontend .table>thead>tr>td.columnResizer{width:2px;border-right:#ccc 1px solid;border-left:#ccc 1px solid;padding:0 !important}.lazyMobXTableTruncatedCell{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .paginationControls-module__portalWidth__2gIaM{padding-left:20px;padding-right:20px;min-width:400px}.paginationControls-module__framedImage__2QU5w{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.paginationControls-module__default-cursor__3qNcu{cursor:default !important;height:30px}.paginationControls-module__form-select__3-BhF{display:inline-block;margin-left:5px}.paginationControls-module__page-number-input__2DGhO{cursor:auto !important;border:1px inset;height:18px;padding:0 5px 0 5px;display:inline-block}.legacy .paginationControls-module__paginationControls__MF0uG button i{line-height:1.5}.paginationControls-module__margin-right-button__3tzhL{margin-right:15px !important}.paginationControls-module__margin-left-button__1rLFR{margin-left:15px !important}.paginationControls-module__hidden-button__2mt4l{display:none !important} .copyDownloadControls-module__portalWidth__wDcH_{padding-left:20px;padding-right:20px;min-width:400px}.copyDownloadControls-module__framedImage__1bvsU{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.copyDownloadControls-module__downloadTabLinksGroup__-hkGB>a>i{margin-right:5px !important}.copyDownloadControls-module__downloadTabLinksGroup__-hkGB>a:last-of-type{margin-right:10px}.copyDownloadControls-module__downloadTabLinksGroup__-hkGB>span{margin:0px 10px}.copyDownloadControls-module__downloadTabLinksGroup__-hkGB>span:last-child{margin:0px} .styles-module__portalWidth__QOSi2{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__1dzkM{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__virtualStudy__U7f0-{width:350px}.styles-module__virtualStudy__U7f0- .styles-module__virtualStudyForm__24Vwu{margin-bottom:5px}.styles-module__virtualStudy__U7f0- .styles-module__virtualStudyForm__24Vwu textarea{resize:none}.styles-module__virtualStudy__U7f0- .styles-module__virtualStudyForm__24Vwu .styles-module__saveButton__272LI{height:34px}.styles-module__virtualStudy__U7f0- .styles-module__studiesSummaryInfo__3ewzF{margin-top:5px;font-size:12px;max-height:200px;overflow-y:auto}.styles-module__virtualStudy__U7f0- .styles-module__result__1BQ9F{display:flex;align-items:center}.styles-module__virtualStudy__U7f0- .styles-module__result__1BQ9F .styles-module__name__3bVye{flex-grow:1}.styles-module__virtualStudy__U7f0- .styles-module__result__1BQ9F .styles-module__controls__31KcC{flex-shrink:0;float:right}.styles-module__virtualStudy__U7f0- .styles-module__disabled__M8SEC{pointer-events:none;opacity:.5}.styles-module__studySummary__3Tls0 .styles-module__studyName__3U1tn{cursor:pointer;padding-right:5px}.styles-module__studySummary__3Tls0 .styles-module__studyName__3U1tn i{padding-right:3px}.styles-module__studySummary__3Tls0 .styles-module__studyDescription__1tQcY{padding:7px}.styles-module__studySummary__3Tls0 .input-group{margin-bottom:5px}.styles-module__studySummary__3Tls0 .btn{line-height:inherit}.styles-module__studySummary__3Tls0 .panel{margin-bottom:5px}.styles-module__studySummary__3Tls0 .panel-heading,.styles-module__studySummary__3Tls0 .panel-body{padding:7px} .styles-module__portalWidth__3H61V{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__3vt8Y{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__absolutePanel__3vVTX{position:absolute;top:5px;right:18px;z-index:2;display:flex}.styles-module__selectedInfoLoadingIndicator__lMgyy{padding:5px;width:200px}.styles-module__selectedInfo__1Vuvh{display:flex;align-items:center;margin-right:10px}.styles-module__selectedInfoCheckbox__1dPUi{margin:2px 3px 0 0 !important}.styles-module__mainTabs__3BkVf{position:relative}.styles-module__studyViewSurvivalPlot__2J73a{float:left;margin:5px}.styles-module__studyViewSurvivalPlotTitle__3oyYN{font-size:18px;color:#000;font-weight:700;text-align:center}.styles-module__studyViewSurvivalPlotBody__38PYq{position:relative}.styles-module__studyViewAutoMargin__ST9aM{margin:auto}.styles-module__studyViewLoadingIndicator__3qAeE{display:flex;align-items:center;justify-content:center;flex-grow:1;flex-direction:column}.styles-module__userSelections__2SV9k{font-size:13px;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px}.styles-module__parentGroupLogic__3_MlA{background-color:#ececec;border:1px solid #ddd;border-radius:5px;margin:2px 5px 2px 0;padding:5px}.styles-module__summaryClearAllBtn__2ZLVo{height:30px;margin-left:5px !important}.styles-module__filterClinicalAttrName__1bFhQ{font-size:13px;font-weight:bold}.styles-module__summary___VCN0{flex-grow:1}.styles-module__summary___VCN0 .styles-module__description__2DLbO{font-size:13px}.styles-module__actionButtons__3xgw0{display:flex}.styles-module__actionButtons__3xgw0 button{margin-left:10px}.styles-module__studyFilterResult__2WKz_{display:flex;z-index:2}.styles-module__studyFilterResult__2WKz_>div{white-space:nowrap}.styles-module__studyFilterResult__2WKz_>div:nth-child(n+2){margin-left:5px}.styles-module__titleMeta__2ZbFA{font-size:smaller;color:#a9a9a9}.styles-module__bookmarkButton__2q-0U{margin-left:10px}.styles-module__bookmarkButton__2q-0U .fa-stack{font-size:16px}.styles-module__bookmarkButton__2q-0U .fa-link{color:#fff !important} .styles-module__portalWidth__39rg3{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__3ikaJ{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__Container__2Drra .borderedChart{height:100%}.styles-module__ChartsPanel__1kFpX{display:flex;margin-bottom:15px}.styles-module__ChartsPanel__1kFpX>div{margin-right:15px}.styles-module__ChartsPanel__1kFpX>div:last-child{margin-right:0}.styles-module__Checkboxes__3JkxF{display:flex;flex-direction:row;align-items:center;height:30px;float:left}.styles-module__Checkboxes__3JkxF>*{margin-right:10px !important}.styles-module__TableContainer__3OVxd .tableSearchInput{width:194px !important}.styles-module__Checkbox__w95Pc{margin-top:-2px !important;margin-bottom:0 !important}.styles-module__Checkbox__w95Pc label input:disabled{cursor:auto !important}.styles-module__Checkbox__w95Pc label{cursor:auto !important;min-height:12px !important}.styles-module__GeneName__1qAkS{margin-bottom:5px}.styles-module__StableId__2cnLD{margin-bottom:5px}.styles-module__DataSet__7fRDD{padding-bottom:15px}.styles-module__DataSet__7fRDD div.Select-menu-outer{z-index:99 !important}.styles-module__ScatterTooltip__3EYSa div:last-child{padding:4px;font-size:11px;white-space:nowrap}.styles-module__BarTooltip__1hGLv div:last-child{padding:3px;font-size:11px;white-space:nowrap}.styles-module__BoxTooltip__2FA6X div:last-child{padding:3px 10px;white-space:nowrap}.styles-module__Tendency__rxjNz{display:flex;flex-direction:column;align-items:flex-start}.styles-module__Tendency__rxjNz.styles-module__Significant__1CIHn{font-weight:bold}.styles-module__Tendency__rxjNz.styles-module__ColoredBackground__hGi2k{border-radius:3px;padding:1px 5px 1px 5px;display:inline-block;line-height:1.4}.styles-module__FlexCheckbox__3iqpB label{font-weight:normal !important;display:flex;align-items:center}.styles-module__FlexCheckbox__3iqpB label input{margin-top:1px !important;margin-right:5px !important}.styles-module__ChartLoader__IBVBT{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.styles-module__ChartLoader__IBVBT>div{margin-left:0px !important}.styles-module__BoxEmpty__2g857{width:350px;height:350px;display:flex;justify-content:center;align-items:center}.styles-module__BoxPlot__3hhKs{overflow-x:auto;overflow-y:hidden;height:350px;min-width:350px;display:flex}.styles-module__inlineAlterationTypeSelectorMenuDash__2Ejs9{height:545px;min-width:229px;margin-right:0px}.styles-module__ProfileTooltip__1AGTO{max-width:300px}.styles-module__ProfileInfoIcon__2X9VQ{margin-left:8px;color:#555} .rc-tooltip.rc-tooltip-zoom-appear, .rc-tooltip.rc-tooltip-zoom-enter { opacity: 0; } .rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave { display: block; } .rc-tooltip-zoom-enter, .rc-tooltip-zoom-appear { opacity: 0; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-play-state: paused; } .rc-tooltip-zoom-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-play-state: paused; } .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active, .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active { animation-name: rcToolTipZoomIn; animation-play-state: running; } .rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active { animation-name: rcToolTipZoomOut; animation-play-state: running; } @keyframes rcToolTipZoomIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @keyframes rcToolTipZoomOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } } .rc-tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; line-height: 1.5; font-size: 12px; background-color: rgba(0, 0, 0, 0.05); padding: 1px; opacity: 0.9; } .rc-tooltip-hidden { display: none; } .rc-tooltip-inner { padding: 8px 10px; color: #333333; text-align: left; text-decoration: none; background-color: #ffffff; border-radius: 3px; min-height: 34px; border: 1px solid #b1b1b1; } .rc-tooltip-arrow, .rc-tooltip-arrow-inner { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow { bottom: -5px; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #b1b1b1; } .rc-tooltip-placement-top .rc-tooltip-arrow-inner, .rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner, .rc-tooltip-placement-topRight .rc-tooltip-arrow-inner { bottom: 1px; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #ffffff; } .rc-tooltip-placement-top .rc-tooltip-arrow { left: 50%; } .rc-tooltip-placement-topLeft .rc-tooltip-arrow { left: 15%; } .rc-tooltip-placement-topRight .rc-tooltip-arrow { right: 15%; } .rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow { left: -5px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #b1b1b1; } .rc-tooltip-placement-right .rc-tooltip-arrow-inner, .rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner { left: 1px; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: #ffffff; } .rc-tooltip-placement-right .rc-tooltip-arrow { top: 50%; } .rc-tooltip-placement-rightTop .rc-tooltip-arrow { top: 15%; margin-top: 0; } .rc-tooltip-placement-rightBottom .rc-tooltip-arrow { bottom: 15%; } .rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow { right: -5px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #b1b1b1; } .rc-tooltip-placement-left .rc-tooltip-arrow-inner, .rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner { right: 1px; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: #ffffff; } .rc-tooltip-placement-left .rc-tooltip-arrow { top: 50%; } .rc-tooltip-placement-leftTop .rc-tooltip-arrow { top: 15%; margin-top: 0; } .rc-tooltip-placement-leftBottom .rc-tooltip-arrow { bottom: 15%; } .rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow { top: -5px; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #b1b1b1; } .rc-tooltip-placement-bottom .rc-tooltip-arrow-inner, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner { top: 1px; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #ffffff; } .rc-tooltip-placement-bottom .rc-tooltip-arrow { left: 50%; } .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow { left: 15%; } .rc-tooltip-placement-bottomRight .rc-tooltip-arrow { right: 15%; } .styles-module__portalWidth__1w8-Y{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__bM7JH{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.styles-module__integer-data__1Bn0H{text-align:right !important}.gnomad-frequency-table .text-wrap{white-space:normal}.gnomad-frequency-table .font-weight-bold{font-weight:bold} .mutationStatus-module__portalWidth__2s2Qx{padding-left:20px;padding-right:20px;min-width:400px}.mutationStatus-module__framedImage__mbMeM{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.mutationStatus-module__germline__3PooJ{background:#ffc;color:#000;padding-left:5px;padding-right:5px;font-weight:bold;font-size:small}.mutationStatus-module__somatic__1ieJL{background:#cff;color:#000;padding-left:5px;padding-right:5px;font-weight:bold;font-size:small}.mutationStatus-module__unknown__mbYor{color:#9d9d9d;font-size:xx-small} .proteinChange-module__portalWidth__1U76x{padding-left:20px;padding-right:20px;min-width:400px}.proteinChange-module__framedImage___DDUH{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.proteinChange-module__proteinChange__2xJ_V{font-weight:bold;font-style:italic}.proteinChange-module__germline__1c0ww{color:red;font-size:x-small;margin-left:5px}.proteinChange-module__driver__wHDeK{font-weight:normal;font-style:italic;margin-left:5px} .mutationType-module__portalWidth__2MF0M{padding-left:20px;padding-right:20px;min-width:400px}.mutationType-module__framedImage__2Mkp8{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.mutationType-module__missenseMutation__1TVMD{color:green;font-weight:bold}.mutationType-module__truncMutation__LbUPB{color:#000;font-weight:bold}.mutationType-module__inframeMutation__3O1fU{color:#8b4513;font-weight:bold}.mutationType-module__otherMutation__12WiG{color:#cf58bc;font-weight:bold}.mutationType-module__defaultMutation__K_gPQ{color:#b00;font-weight:bold}.mutationType-module__fusion__1Auq-{color:#8b00c9;font-weight:bold}.mutationType-module__splice__1L06Q{color:#e5802b;font-weight:bold} .variantType-module__portalWidth__3507N{padding-left:20px;padding-right:20px;min-width:400px}.variantType-module__framedImage__1_Tun{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.variantType-module__variantTypeSnp__2Cxot{color:green;font-weight:bold}.variantType-module__variantTypeIns__3b3Bu{color:#8b4513;font-weight:bold}.variantType-module__variantTypeDel__29irc{color:#8b00c9;font-weight:bold}.variantType-module__variantTypeOther__2ZJz2{color:#000;font-weight:bold} .annotation-module__portalWidth__1ONSd{padding-left:20px;padding-right:20px;min-width:400px}.annotation-module__framedImage__3aREl{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.annotation-module__annotation-item-text__2FRXN{display:inline-block;font-size:9px;width:22px;cursor:default}.annotation-module__annotation-item-error__1XUY_{width:16px;height:18px;float:left;line-height:22px;display:inline-block}.annotation-module__annotation-item__1YzCz{width:22px;display:flex;justify-content:space-around;align-items:center} .mutationAssessorTooltip-module__portalWidth__15gd3{padding-left:20px;padding-right:20px;min-width:400px}.mutationAssessorTooltip-module__framedImage__1LzrF{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.mutationAssessorTooltip-module__ma-link__3QpML{font-weight:normal}.mutationAssessorTooltip-module__mutation-assessor-link__3XLsB{margin-bottom:1px}.mutationAssessorTooltip-module__ma-icon__GqjUA{background-color:#88c;color:#fff;font-size:80%;margin-right:3px}.mutationAssessorTooltip-module__ma-msa-icon__2yT6h{padding-left:3px;padding-right:3px}.mutationAssessorTooltip-module__ma-3d-icon__166M3{padding-left:6px;padding-right:6px}.mutationAssessorTooltip-module__mutation-assessor-main-img__2QlLP{padding-left:3px;padding-right:3px;margin-right:5px}.mutationAssessorTooltip-module__ma-tooltip-table__3tyG8 td:first-child{padding-right:5px} .mutationAssessorColumn-module__portalWidth__3YkFm{padding-left:20px;padding-right:20px;min-width:400px}.mutationAssessorColumn-module__framedImage__1asWn{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.mutationAssessorColumn-module__ma-high__gHJA0{color:red;font-weight:bold}.mutationAssessorColumn-module__ma-medium__3fKlP{color:#fa2;font-weight:bold}.mutationAssessorColumn-module__ma-low__VwQXC{color:gold;font-weight:bold}.mutationAssessorColumn-module__ma-neutral__2oq-W{color:#c1c1c1;font-weight:bold} .siftTooltip-module__portalWidth__24Oa2{padding-left:20px;padding-right:20px;min-width:400px}.siftTooltip-module__framedImage__1C_nb{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.siftTooltip-module__sift-deleterious__1aA2Z{color:red;font-weight:bold}.siftTooltip-module__sift-deleterious_low_confidence__2fL6l{color:gold;font-weight:bold}.siftTooltip-module__sift-tolerated_low_confidence__1u4Hk,.siftTooltip-module__sift-tolerated__xqt6g{color:#c1c1c1;font-weight:bold}.siftTooltip-module__sift-tooltip-table__2KTtP td:first-child{padding-right:5px} .polyPhen2Tooltip-module__portalWidth__CFsKD{padding-left:20px;padding-right:20px;min-width:400px}.polyPhen2Tooltip-module__framedImage__kQY7t{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.polyPhen2Tooltip-module__polyPhen2-probably_damaging__EBbPS{color:red;font-weight:bold}.polyPhen2Tooltip-module__polyPhen2-possibly_damaging__1fyF8{color:gold;font-weight:bold}.polyPhen2Tooltip-module__polyPhen2-benign__36nqJ{color:#c1c1c1;font-weight:bold}.polyPhen2Tooltip-module__polyPhen2-unknown__3KRAw{display:none}.polyPhen2Tooltip-module__polyPhen2-tooltip-table__2WGNf td:first-child{padding-right:5px} .cosmic-module__portalWidth__3eF_t{padding-left:20px;padding-right:20px;min-width:400px}.cosmic-module__framedImage__1OwYD{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.cosmic-module__cosmic-table__2ms15{max-width:300px;display:block} .validationStatus-module__portalWidth__yrVHU{padding-left:20px;padding-right:20px;min-width:400px}.validationStatus-module__framedImage___YpeK{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.validationStatus-module__unknown__1XsWI{background:#e0e0e0;color:#000;padding-left:5px;padding-right:5px;font-weight:bold;font-size:small}.validationStatus-module__valid__Ziu-a{background:#cfc;color:#000;padding-left:5px;padding-right:5px;font-weight:bold;font-size:small}.validationStatus-module__wildtype__14GJI{font-weight:bold}.validationStatus-module__other__3oLt_{color:#9d9d9d;font-size:xx-small} .exon-module__portalWidth__1GWC2{padding-left:20px;padding-right:20px;min-width:400px}.exon-module__framedImage__2Xs1J{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.exon-module__exon-table__6cnBD{min-width:62px} .portalWidth{padding-left:20px;padding-right:20px;min-width:400px}.framedImage{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}.oql-status-banner .banner-icon{vertical-align:middle !important}.alert-unaffected{background-color:#f3f3f3;border-color:#bce8f1;color:#31708f} .styles-module__portalWidth__-Qj7G{padding-left:20px;padding-right:20px;min-width:400px}.styles-module__framedImage__TmznI{margin:20px 0;border:1px solid #eee !important;border-radius:5px;padding:10px;display:block;box-shadow:1px 1px 1px 0px rgba(0,0,0,.21)}label.styles-module__labeledCheckbox__jTAe1{cursor:pointer;display:flex;flex-direction:row;align-items:flex-start;margin:0px;min-height:1.2em;font-weight:normal}label.styles-module__labeledCheckbox__jTAe1>input[type=checkbox]{cursor:pointer;margin:1px 6px 0 0;min-width:1em}