http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/75203072/_src/assets/css/main.css ---------------------------------------------------------------------- diff --git a/_src/assets/css/main.css b/_src/assets/css/main.css deleted file mode 100644 index ad0c8ae..0000000 --- a/_src/assets/css/main.css +++ /dev/null @@ -1,5031 +0,0 @@ -@charset "UTF-8"; -/*! nouislider - 8.3.0 - 2016-02-14 17:37:20 */ -.noUi-target, .noUi-target * { - -webkit-touch-callout: none; - -webkit-user-select: none; - -ms-touch-action: none; - touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - box-sizing: border-box; } - -.noUi-target { - position: relative; - direction: ltr; } - -.noUi-base { - width: 100%; - height: 100%; - position: relative; - z-index: 1; } - -.noUi-origin { - position: absolute; - right: 0; - top: 0; - left: 0; - bottom: 0; } - -.noUi-handle { - position: relative; - z-index: 1; } - -.noUi-stacking .noUi-handle { - z-index: 10; } - -.noUi-state-tap .noUi-origin { - -webkit-transition: left .3s,top .3s; - transition: left .3s,top .3s; } - -.noUi-state-drag * { - cursor: inherit !important; } - -.noUi-base, .noUi-handle { - -webkit-transform: translateZ(0); - transform: translateZ(0); } - -.noUi-horizontal { - height: 18px; } - -.noUi-horizontal .noUi-handle { - width: 34px; - height: 28px; - left: -17px; - top: -6px; } - -.noUi-vertical { - width: 18px; } - -.noUi-vertical .noUi-handle { - width: 28px; - height: 34px; - left: -6px; - top: -17px; } - -.noUi-background { - background: #fafafa; - box-shadow: inset 0 1px 1px #f0f0f0; } - -.noUi-connect { - background: #3fb8af; - box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); - -webkit-transition: background .45s; - transition: background .45s; } - -.noUi-origin { - border-radius: 2px; } - -.noUi-target { - border-radius: 4px; - border: 1px solid #d3d3d3; - box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb; } - -.noUi-target.noUi-connect { - box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb; } - -.noUi-draggable { - cursor: w-resize; } - -.noUi-vertical .noUi-draggable { - cursor: n-resize; } - -.noUi-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background: #fff; - cursor: default; - box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb; } - -.noUi-active { - box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb; } - -.noUi-handle:after, .noUi-handle:before { - content: ""; - display: block; - position: absolute; - height: 14px; - width: 1px; - background: #e8e7e6; - left: 14px; - top: 6px; } - -.noUi-handle:after { - left: 17px; } - -.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { - width: 14px; - height: 1px; - left: 6px; - top: 14px; } - -.noUi-vertical .noUi-handle:after { - top: 17px; } - -[disabled].noUi-connect, [disabled] .noUi-connect { - background: #b8b8b8; } - -[disabled] .noUi-handle, [disabled].noUi-origin { - cursor: not-allowed; } - -.noUi-pips, .noUi-pips * { - box-sizing: border-box; } - -.noUi-pips { - position: absolute; - color: #999; } - -.noUi-value { - width: 40px; - position: absolute; - text-align: center; } - -.noUi-value-sub { - color: #ccc; - font-size: 10px; } - -.noUi-marker { - position: absolute; - background: #ccc; } - -.noUi-marker-large, .noUi-marker-sub { - background: #aaa; } - -.noUi-pips-horizontal { - padding: 10px 0; - height: 50px; - top: 100%; - left: 0; - width: 100%; } - -.noUi-value-horizontal { - margin-left: -20px; - padding-top: 20px; } - -.noUi-value-horizontal.noUi-value-sub { - padding-top: 15px; } - -.noUi-marker-horizontal.noUi-marker { - margin-left: -1px; - width: 2px; - height: 5px; } - -.noUi-marker-horizontal.noUi-marker-sub { - height: 10px; } - -.noUi-marker-horizontal.noUi-marker-large { - height: 15px; } - -.noUi-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; } - -.noUi-value-vertical { - width: 15px; - margin-left: 20px; - margin-top: -5px; } - -.noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px; } - -.noUi-marker-vertical.noUi-marker-sub { - width: 10px; } - -.noUi-marker-vertical.noUi-marker-large { - width: 15px; } - -.noUi-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background: #fff; - padding: 5px; - text-align: center; } - -.noUi-horizontal .noUi-handle-lower .noUi-tooltip { - top: -32px; } - -.noUi-horizontal .noUi-handle-upper .noUi-tooltip { - bottom: -32px; } - -.noUi-vertical .noUi-handle-lower .noUi-tooltip { - left: 120%; } - -.noUi-vertical .noUi-handle-upper .noUi-tooltip { - right: 120%; } - -.ps-container { - -ms-touch-action: none; - overflow: hidden !important; } - -.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { - display: block; } - -.ps-container.ps-in-scrolling { - pointer-events: none; } - -.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { - background-color: #eee; - opacity: .9; } - -.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { - background-color: #999; } - -.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { - background-color: #eee; - opacity: .9; } - -.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { - background-color: #999; } - -.ps-container > .ps-scrollbar-x-rail { - display: none; - position: absolute; - border-radius: 4px; - opacity: 0; - -webkit-transition: background-color .2s linear,opacity .2s linear; - transition: background-color .2s linear,opacity .2s linear; - bottom: 3px; - height: 8px; } - -.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { - position: absolute; - background-color: #aaa; - border-radius: 4px; - -webkit-transition: background-color .2s linear; - transition: background-color .2s linear; - bottom: 0; - height: 8px; } - -.ps-container > .ps-scrollbar-y-rail { - display: none; - position: absolute; - border-radius: 4px; - opacity: 0; - -webkit-transition: background-color .2s linear,opacity .2s linear; - transition: background-color .2s linear,opacity .2s linear; - right: 3px; - width: 8px; } - -.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { - position: absolute; - background-color: #aaa; - border-radius: 4px; - -webkit-transition: background-color .2s linear; - transition: background-color .2s linear; - right: 0; - width: 8px; } - -.ps-container:hover.ps-in-scrolling { - pointer-events: none; } - -.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { - background-color: #eee; - opacity: .9; } - -.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { - background-color: #999; } - -.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { - background-color: #eee; - opacity: .9; } - -.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { - background-color: #999; } - -.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { - opacity: .6; } - -.ps-container:hover > .ps-scrollbar-x-rail:hover { - background-color: #eee; - opacity: .9; } - -.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { - background-color: #999; } - -.ps-container:hover > .ps-scrollbar-y-rail:hover { - background-color: #eee; - opacity: .9; } - -.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { - background-color: #999; } - -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } - -body { - margin: 0; } - -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } - -audio, canvas, progress, video { - display: inline-block; - vertical-align: baseline; } - -audio:not([controls]) { - display: none; - height: 0; } - -[hidden], template { - display: none; } - -a { - background-color: transparent; } - -a:active, a:hover { - outline: 0; } - -abbr[title] { - border-bottom: 1px dotted; } - -b, strong { - font-weight: 700; } - -dfn { - font-style: italic; } - -h1 { - font-size: 2em; - margin: .67em 0; } - -mark { - background: #ff0; - color: #000; } - -small { - font-size: 80%; } - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -.5em; } - -sub { - bottom: -.25em; } - -img { - border: 0; } - -svg:not(:root) { - overflow: hidden; } - -figure { - margin: 1em 40px; } - -hr { - box-sizing: content-box; - height: 0; } - -pre { - overflow: auto; } - -code, kbd, pre, samp { - font-family: monospace,monospace; - font-size: 1em; } - -button, input, optgroup, select, textarea { - color: inherit; - font: inherit; - margin: 0; } - -button { - overflow: visible; } - -button, select { - text-transform: none; } - -button, html input[type=button], input[type=reset], input[type=submit] { - -webkit-appearance: button; - cursor: pointer; } - -button[disabled], html input[disabled] { - cursor: default; } - -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; } - -input { - line-height: normal; } - -input[type=checkbox], input[type=radio] { - box-sizing: border-box; - padding: 0; } - -input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { - height: auto; } - -input[type=search] { - -webkit-appearance: textfield; - box-sizing: content-box; } - -input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { - -webkit-appearance: none; } - -fieldset { - border: 1px solid silver; - margin: 0 2px; - padding: .35em .625em .75em; } - -legend { - border: 0; - padding: 0; } - -textarea { - overflow: auto; } - -optgroup { - font-weight: 700; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, th { - padding: 0; } - -html { - font-size: 16px; } - -body { - color: #1d3649; - line-height: 1.68; - font-family: Helvetica Neue for IBM,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif; - font-weight: 300; } - -*, :after, :before { - box-sizing: border-box; } - -.hyperlink, a, a:hover { - color: #a6266e; - text-decoration: none; } - -.hyperlink strong { - font-weight: 700; } - -.hyperlink:hover { - color: #a6266e; - text-decoration: underline; } - -.hyperlink:active { - color: #db2780; } - -.dark { - color: #f9f9fb; } - -.dark a, .dark a.hyperlink:hover { - color: #41d6c3; } - -h1, h2, h3, h4, h5, h6 { - margin: 0; - font-weight: inherit; } - -h1 { - font-size: 2.441rem; } - -h2 { - font-size: 1.563rem; } - -h3 { - font-size: 1.25rem; } - -h4, h5, h6 { - font-size: 1rem; } - -@media (min-width: 51.44em) { - h1 { - font-size: 4.236rem; } - h2 { - font-size: 2.618rem; } - h3 { - font-size: 1.563rem; } } - -p { - font-size: 1rem; } - -small { - font-size: .875rem; } - -strong { - font-weight: 700; } - -em { - font-style: italic; } - -ol, ul { - padding-left: 1em; } - -ul { - list-style: disc; } - -ol { - list-style: decimal; } - -ol ul, ul ul { - list-style-type: circle; - margin-bottom: 0; } - -img { - max-width: 100%; } - -fieldset { - border: 0; - padding: 0; - margin: 0; } - -.alert { - padding: 15px 62px; - min-height: 55px; - display: block; - clear: both; - position: absolute; - left: 0; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - border-left: 4px solid; - background: #f9f9fb; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); - color: #1d3649; - margin-top: 0; - width: 100%; } - -.alert .icon--error, .alert .icon--info, .alert .icon--success, .alert .icon--warning { - position: absolute; - top: 15px; - left: 24px; } - -.alert__fadeOut { - opacity: 0; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.alert__close { - position: absolute; - top: 15px; - right: 20px; - background: transparent; - border: 0; - padding: 0; - display: block; } - -.alert__title { - font-size: 1rem; - font-weight: 700; - display: inline; } - -.alert__title:after { - content: ' â '; } - -.alert--success { - border-color: #4b8400; } - -.alert--warning { - border-color: #fdd600; } - -.alert--error { - border-color: #e71d32; } - -.alert--info { - border-color: #4178be; } - -.alert__close { - position: absolute; - top: 15px; - right: 20px; - background: transparent; - border: 0; - padding: 0; - display: block; - width: 24px; - height: 24px; } - -.alert__close svg { - width: 24px; - height: 24px; - fill: #a6266e; } - -.alert__close:active svg { - fill: #db2780; } - -.alert__icon { - width: 24px; - height: 24px; - position: absolute; - top: 15px; - left: 24px; } - -.alert--success .alert__icon { - fill: #4b8400; } - -.alert--warning .alert__icon { - fill: #fdd600; } - -.alert--warning .text { - fill: #1d3649; } - -.alert--error .alert__icon { - fill: #e71d32; } - -.alert--info .alert__icon { - fill: #4178be; } - -.breadcrumb, .breadcrumb--condensed { - display: block; - clear: both; - margin: 0 auto; - font-size: .875rem; - position: relative; } - -.breadcrumb__container { - padding: 0; } - -.breadcrumb__item, .breadcrumb__item--condensed { - font-weight: 400; - display: inline-block; - list-style: none; - margin: 0 16px 0 0; - position: relative; } - -.breadcrumb__item--condensed:first-child, .breadcrumb__item:first-child { - padding-left: 0; } - -.breadcrumb__divider { - fill: #aeaeae; - margin-left: 16px; } - -.breadcrumb--dark .breadcrumb__divider { - fill: #777677; } - -.breadcrumb__item--current { - font-weight: 400; - display: inline-block; - list-style: none; - margin: 0 16px 0 0; - position: relative; } - -.breadcrumb__link, .breadcrumb__link--condensed { - display: inline-block; - font-weight: 400; - cursor: pointer; - padding: 0; - border-bottom: 1px solid transparent; } - -.breadcrumb__link--condensed svg, .breadcrumb__link svg { - display: inline-block; - width: 16px; - position: relative; - top: 2px; - margin-right: 10px; } - -.breadcrumb__link--condensed:hover, .breadcrumb__link:hover { - text-decoration: none; - border-bottom: 1px solid #a6266e; } - -.breadcrumb__link--condensed:active, .breadcrumb__link:active { - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; - color: #db2780; } - -.breadcrumb__link--condensed:active svg path, .breadcrumb__link:active svg path { - fill: #db2780; } - -.breadcrumb--dark .breadcrumb__link, .breadcrumb--dark .breadcrumb__link--condensed { - color: #41d6c3; } - -.breadcrumb--dark .breadcrumb__link--condensed:hover, .breadcrumb--dark .breadcrumb__link:hover { - border-color: #41d6c3; } - -.breadcrumb--dark .breadcrumb__link--condensed:active, .breadcrumb--dark .breadcrumb__link:active { - color: #6eedd8; - border-color: #6eedd8; } - -.breadcrumb--dark .breadcrumb__link--condensed svg path, .breadcrumb--dark .breadcrumb__link svg path { - fill: #41d6c3; } - -.breadcrumb--dark .breadcrumb__link--condensed:active svg path, .breadcrumb--dark .breadcrumb__link:active svg path { - fill: #6eedd8; } - -.breadcrumb--dark .breadcrumb__current { - color: #f9f9fb; } - -.breadcrumb__current { - color: #1d3649; } - -.breadcrumb__condensed--container { - position: absolute; - -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); - transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); - transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); - transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); - margin-top: 10px; - padding: 0; - width: auto; - background: #e0e0e0; - left: 35px; - opacity: 0; - -webkit-transform: translate3d(0, 12px, 0); - transform: translate3d(0, 12px, 0); - z-index: 6000; } - -.breadcrumb__condensed--container .breadcrumb__divider { - display: none; } - -.breadcrumb__condensed--container:after { - bottom: 100%; - left: 50%; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: transparent; - border-bottom-color: #e0e0e0; - border-width: 10px; - margin-left: -8px; } - -.breadcrumb__condensed--container .breadcrumb__item, .breadcrumb__condensed--container .breadcrumb__item--condensed { - display: block; - float: none; - margin: 0; - white-space: nowrap; } - -.breadcrumb__condensed--container .breadcrumb__item--condensed:before, .breadcrumb__condensed--container .breadcrumb__item:before { - display: none; } - -.breadcrumb__condensed--container .breadcrumb__link, .breadcrumb__condensed--container .breadcrumb__link--condensed { - padding: 10px 20px; - display: block; - font-size: .75rem; - color: #1d3649; - cursor: pointer; - border: none; } - -.breadcrumb__condensed--container .breadcrumb__link--condensed:hover, .breadcrumb__condensed--container .breadcrumb__link:hover { - color: #a6266e; - background: #fff; } - -.breadcrumb__condensed--container .breadcrumb__link--condensed:after, .breadcrumb__condensed--container .breadcrumb__link:after { - border: 0; } - -.breadcrumb--dark .breadcrumb__condensed--container { - background: #264a60; } - -.breadcrumb--dark .breadcrumb__condensed--container:after { - border-bottom-color: #264a60; } - -.breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link, .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link--condensed { - color: #f9f9fb; } - -.breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link--condensed:hover, .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link:hover { - color: #00b4a0; - background: #152935; } - -.breadcrumb__link--condensed.active .breadcrumb__condensed--container, .breadcrumb__link--condensed:active .breadcrumb__condensed--container, .breadcrumb__link--condensed:focus .breadcrumb__condensed--container, .breadcrumb__link--condensed:hover .breadcrumb__condensed--container { - -webkit-transform: translateY(0); - transform: translateY(0); - opacity: 1; - z-index: 8000; } - -.breadcrumb__link--condensed { - display: inline; - border: 0; - background: transparent; - position: relative; - top: -4px; - font-weight: 700; - padding: 0 30px 12px; - margin-left: -30px; - margin-right: -30px; } - -.breadcrumb__link--condensed:hover { - border: 0; } - -:active, :focus { - outline: default; } - -.button { - display: inline-block; - text-decoration: none; - background-color: transparent; - border: 2px solid #a6266e; - color: #a6266e; - padding: .625em 1.375em; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - cursor: pointer; - font-weight: 500; } - -.button .button__text { - padding-bottom: 6px; } - -.button:focus, .button:hover { - background-color: #a6266e; - color: #f9f9fb; - cursor: pointer; - text-decoration: none; } - -.button:focus .icon, .button:focus .icon--16, .button:focus .icon--24, .button:hover .icon, .button:hover .icon--16, .button:hover .icon--24 { - fill: #fff; } - -.button:active { - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; - background: #7c1c58; - border-color: #7c1c58; - color: #f9f9fb; } - -.button:active .icon, .button:active .icon--24 { - fill: #fff; } - -.button .icon, .button .icon--16, .button .icon--24 { - fill: #a6266e; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - margin: -.175em .875em -.125em -.25em; - -webkit-transform: translateY(4px); - transform: translateY(4px); } - -.button a { - padding: 0; - margin: 0; } - -.button--dark { - border-color: #41d6c3; - color: #41d6c3; } - -.button--dark:focus, .button--dark:hover { - background-color: #41d6c3; - color: #152935; } - -.button--dark:focus .icon, .button--dark:focus .icon--16, .button--dark:focus .icon--24, .button--dark:hover .icon, .button--dark:hover .icon--16, .button--dark:hover .icon--24 { - fill: #152935; } - -.button--dark:active { - background-color: #00b4a0; - border-color: #00b4a0; - color: #152935; } - -.button--dark:active .icon, .button--dark:active .icon--16, .button--dark:active .icon--24 { - fill: #152935; } - -.button--dark .icon, .button--dark .icon--16, .button--dark .icon--24 { - fill: #41d6c3; } - -.button--focus, .button--focus.button--dark { - background: #4178be; - border-color: #4178be; - color: #fff; } - -.button--focus.button--dark .icon, .button--focus.button--dark .icon--16, .button--focus.button--dark .icon--24, .button--focus .icon, .button--focus .icon--16, .button--focus .icon--24 { - fill: #fff; } - -.button--focus.button--dark:focus, .button--focus.button--dark:hover, .button--focus:focus, .button--focus:hover { - background: #5596e6; - border-color: #5596e6; } - -.button--focus.button--dark:active, .button--focus:active { - background: #4178be; - border-color: #4178be; - color: #fff; } - -.button--focus.button--disabled { - background: #aeaeae; - color: #fff; } - -.button--focus.button--dark.button--disabled { - background: #777677; - color: #fff; } - -.button--compact { - font-size: .875rem; - padding: .175em 1em; } - -.button--compact .icon, .button--compact .icon--16 { - margin: 0 .875em .1em -.125em; } - -.button--icon, .button--secondary { - border-color: transparent; - background: transparent; - color: #a6266e; } - -.button--icon:active .icon, .button--icon:active .icon--16, .button--icon:active .icon--24, .button--icon:focus .icon, .button--icon:focus .icon--16, .button--icon:focus .icon--24, .button--icon:hover .icon, .button--icon:hover .icon--16, .button--icon:hover .icon--24, .button--secondary:active .icon, .button--secondary:active .icon--16, .button--secondary:active .icon--24, .button--secondary:focus .icon, .button--secondary:focus .icon--16, .button--secondary:focus .icon--24, .button--secondary:hover .icon, .button--secondary:hover .icon--16, .button--secondary:hover .icon--24 { - fill: #a6266e; } - -.button--icon:focus, .button--icon:hover, .button--secondary:focus, .button--secondary:hover { - border-color: transparent; - background: rgba(224, 224, 224, 0.2); - color: #a6266e; } - -.button--icon:active, .button--secondary:active { - border-color: transparent; - background: rgba(224, 224, 224, 0.5); - color: #a6266e; } - -.button--icon.button--disabled, .button--secondary.button--disabled { - border-color: transparent; - background: transparent; } - -.button--icon.button--disabled:active .icon, .button--icon.button--disabled:active .icon--16, .button--icon.button--disabled:active .icon--24, .button--icon.button--disabled:focus .icon, .button--icon.button--disabled:focus .icon--16, .button--icon.button--disabled:focus .icon--24, .button--icon.button--disabled:hover .icon, .button--icon.button--disabled:hover .icon--16, .button--icon.button--disabled:hover .icon--24, .button--secondary.button--disabled:active .icon, .button--secondary.button--disabled:active .icon--16, .button--secondary.button--disabled:active .icon--24, .button--secondary.button--disabled:focus .icon, .button--secondary.button--disabled:focus .icon--16, .button--secondary.button--disabled:focus .icon--24, .button--secondary.button--disabled:hover .icon, .button--secondary.button--disabled:hover .icon--16, .button--secondary.button--disabled:hover .icon--24 { - fill: #a6266e; } - -.button--icon.button--dark, .button--secondary.button--dark { - color: #41d6c3; } - -.button--icon.button--dark:active .icon, .button--icon.button--dark:active .icon--16, .button--icon.button--dark:active .icon--24, .button--icon.button--dark:focus .icon, .button--icon.button--dark:focus .icon--16, .button--icon.button--dark:focus .icon--24, .button--icon.button--dark:hover .icon, .button--icon.button--dark:hover .icon--16, .button--icon.button--dark:hover .icon--24, .button--secondary.button--dark:active .icon, .button--secondary.button--dark:active .icon--16, .button--secondary.button--dark:active .icon--24, .button--secondary.button--dark:focus .icon, .button--secondary.button--dark:focus .icon--16, .button--secondary.button--dark:focus .icon--24, .button--secondary.button--dark:hover .icon, .button--secondary.button--dark:hover .icon--16, .button--secondary.button--dark:hover .icon--24 { - fill: #41d6c3; } - -.button--icon.button--dark:focus, .button--icon.button--dark:hover, .button--secondary.button--dark:focus, .button--secondary.button--dark:hover { - background: rgba(21, 41, 53, 0.4); } - -.button--icon.button--dark:active, .button--secondary.button--dark:active { - background: rgba(21, 41, 53, 0.7); } - -.button--icon { - padding-right: 12px; - padding-left: 12px; } - -.button--icon .icon, .button--icon .icon--16, .button--icon .icon--24 { - margin-left: 0; - margin-right: 0; } - -.button--icon.button--compact { - padding-right: 6px; - padding-left: 6px; } - -.button--disabled { - color: #aeaeae; - border: 2px solid #aeaeae; - cursor: auto; - pointer-events: none; } - -.button--disabled:active, .button--disabled:focus, .button--disabled:hover { - border: 2px solid #aeaeae; - background-color: transparent; - color: #aeaeae; } - -.button--disabled:active .button__text, .button--disabled:focus .button__text, .button--disabled:hover .button__text { - text-decoration: none; } - -.button--disabled .icon, .button--disabled .icon--16, .button--disabled .icon--24, .button--disabled:hover .icon, .button--disabled:hover .icon--16, .button--disabled:hover .icon--24 { - fill: #aeaeae; } - -.button--dark.button--disabled { - border-color: #777677; - color: #777677; } - -.button--dark.button--disabled .icon, .button--dark.button--disabled .icon--16, .button--dark.button--disabled .icon--24 { - fill: #777677; } - -.button--dark:hover .icon--plus polygon { - fill: #1d3649; } - -.button--dark:hover .icon--plus circle { - fill: #41d6c3; } - -.button--dark:active .icon--plus polygon { - fill: #1d3649; } - -.button--dark:active .icon--plus circle { - fill: #00b4a0; } - -.button--large { - font-size: 1rem; - border-width: 3px; - font-weight: 700; - padding: .625em 1.75em; - height: auto; } - -@media (min-width: 51.44em) { - .button--large { - font-size: 1.125rem; - border-width: 4px; } } - -.button--large .icon { - width: 24px; - height: 24px; } - -.button--hyperlink { - border: none; } - -.button--hyperlink:focus, .button--hyperlink:hover { - background: transparent; - color: #a6266e; } - -.button--hyperlink:focus .button__text, .button--hyperlink:hover .button__text { - border-bottom: 1px solid #a6266e; } - -.button--hyperlink:focus .icon, .button--hyperlink:focus .icon--24, .button--hyperlink:hover .icon, .button--hyperlink:hover .icon--24 { - fill: #a6266e; } - -.button--hyperlink:active { - color: #7c1c58; - background: transparent; } - -.button--hyperlink:active .button__text { - border-color: #7c1c58; } - -.button--hyperlink:active .icon, .button--hyperlink:active .icon--24 { - fill: #7c1c58; } - -.button--hyperlink .icon, .button--hyperlink .icon--24 { - margin-right: .688em; } - -.button--hyperlink .icon--plus circle { - fill: transparent; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink:hover .icon--plus polygon { - fill: #f9f9fb; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--hyperlink:hover .icon--plus circle { - fill: #a6266e; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink:active .icon--plus polygon { - fill: #f9f9fb; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--hyperlink:active .icon--plus circle { - fill: #7c1c58; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink.button--disabled:focus { - color: #aeaeae; - border: 0; } - -.button--hyperlink.button--dark:focus, .button--hyperlink.button--dark:hover { - color: #41d6c3; } - -.button--hyperlink.button--dark:focus .button__text, .button--hyperlink.button--dark:hover .button__text { - border-bottom: 1px solid #41d6c3; } - -.button--hyperlink.button--dark:focus .icon, .button--hyperlink.button--dark:focus .icon--24, .button--hyperlink.button--dark:hover .icon, .button--hyperlink.button--dark:hover .icon--24 { - fill: #41d6c3; } - -.button--hyperlink.button--dark:active { - color: #00b4a0; } - -.button--hyperlink.button--dark:active .button__text { - border-color: #00b4a0; } - -.button--hyperlink.button--dark:active .icon, .button--hyperlink.button--dark:active .icon--24 { - fill: #00b4a0; } - -.button--hyperlink.button--disabled.button--dark:focus { - color: #777677; } - -.button--hyperlink.button--dark:hover .icon--plus polygon { - fill: #1d3649; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--hyperlink.button--dark:hover .icon--plus circle { - fill: #41d6c3; } - -.button--hyperlink.button--dark:active .icon--plus polygon { - fill: #1d3649; } - -.button--hyperlink.button--dark:active .icon--plus circle { - fill: #00b4a0; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink .plus__icon circle { - fill: transparent; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink:hover .plus__icon polygon { - fill: #f9f9fb; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--hyperlink:hover .plus__icon circle { - fill: #a6266e; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--hyperlink:active .plus__icon polygon { - fill: #f9f9fb; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--hyperlink:active .plus__icon circle { - fill: #7c1c58; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--dark:hover .plus__icon polygon { - fill: #1d3649; } - -.button--dark:hover .plus__icon circle { - fill: #41d6c3; } - -.button--dark:active .plus__icon polygon { - fill: #1d3649; } - -.button--dark:active .plus__icon circle { - fill: #00b4a0; } - -.button--back { - color: #1d3649; - font-weight: 400; - padding: 0; } - -.button--back:focus, .button--back:hover { - background: transparent; - color: #a6266e; } - -.button--back:focus .icon--back circle, .button--back:focus .icon--back path, .button--back:focus .icon circle, .button--back:focus .icon path, .button--back:hover .icon--back circle, .button--back:hover .icon--back path, .button--back:hover .icon circle, .button--back:hover .icon path { - fill: #a6266e; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--back:focus .icon--back polygon, .button--back:focus .icon polygon, .button--back:hover .icon--back polygon, .button--back:hover .icon polygon { - fill: #fff; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--back:active { - color: #7c1c58; - background: transparent; } - -.button--back:active .icon--back circle, .button--back:active .icon--back path, .button--back:active .icon circle, .button--back:active .icon path { - fill: #7c1c58; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--back:active .icon--back polygon, .button--back:active .icon polygon { - fill: #fff; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.button--back .icon, .button--back .icon--back { - margin-right: 9px; - margin-left: 0; } - -.button--back .icon--back path, .button--back .icon--back polygon { - fill: #a6266e; } - -.button--back.button--large { - font-size: 1.563rem; - font-weight: 300; } - -.button--back.button--large .icon--back { - margin-right: 6px; - position: relative; - top: 6px; } - -.button--back.button--dark { - color: #f9f9fb; } - -.button--back.button--dark .icon, .button--back.button--dark .icon--back, .button--back.button--dark .icon--back path, .button--back.button--dark .icon--back polygon, .button--back.button--dark .icon path, .button--back.button--dark .icon polygon { - fill: #41d6c3; } - -.button--back.button--dark:focus, .button--back.button--dark:focus .icon, .button--back.button--dark:focus .icon--back, .button--back.button--dark:hover, .button--back.button--dark:hover .icon, .button--back.button--dark:hover .icon--back { - color: #41d6c3; } - -.button--back.button--dark:focus .icon--back circle, .button--back.button--dark:focus .icon--back path, .button--back.button--dark:focus .icon circle, .button--back.button--dark:focus .icon path, .button--back.button--dark:hover .icon--back circle, .button--back.button--dark:hover .icon--back path, .button--back.button--dark:hover .icon circle, .button--back.button--dark:hover .icon path { - fill: #41d6c3; } - -.button--back.button--dark:focus .icon--back polygon, .button--back.button--dark:focus .icon polygon, .button--back.button--dark:hover .icon--back polygon, .button--back.button--dark:hover .icon polygon { - fill: #1d3649; } - -.button--back.button--dark:active, .button--back.button--dark:active .icon, .button--back.button--dark:active .icon--back { - color: #00b4a0; } - -.button--back.button--dark:active .icon--back circle, .button--back.button--dark:active .icon--back path, .button--back.button--dark:active .icon circle, .button--back.button--dark:active .icon path { - fill: #00b4a0; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.button--back.button--dark:active .icon--back polygon, .button--back.button--dark:active .icon polygon { - fill: #1d3649; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.checkbox--base, .checkbox--dark, .checkbox--dark--indeterminate, .checkbox--dark[type=checkbox][disabled], .checkbox--light, .checkbox--light--indeterminate, .checkbox--light[type=checkbox][disabled] { - position: absolute; - opacity: 0; - background: transparent; } - -.checkbox--base + label, .checkbox--dark + label, .checkbox--dark--indeterminate + label, .checkbox--dark[type=checkbox][disabled] + label, .checkbox--light + label, .checkbox--light--indeterminate + label, .checkbox--light[type=checkbox][disabled] + label { - position: relative; - padding-left: 31px; - cursor: pointer; - color: #152935; - display: inline-block; } - -.checkbox--base + label:before, .checkbox--dark + label:before, .checkbox--dark--indeterminate + label:before, .checkbox--dark[type=checkbox][disabled] + label:before, .checkbox--light + label:before, .checkbox--light--indeterminate + label:before, .checkbox--light[type=checkbox][disabled] + label:before { - content: ''; - position: absolute; - left: 0; - top: 5px; - width: 16px; - height: 16px; - border: 1px solid #1d3649; - background: transparent; - border-radius: 0; } - -.checkbox--base + label:hover:before, .checkbox--dark + label:hover:before, .checkbox--dark--indeterminate + label:hover:before, .checkbox--dark[type=checkbox][disabled] + label:hover:before, .checkbox--light + label:hover:before, .checkbox--light--indeterminate + label:hover:before, .checkbox--light[type=checkbox][disabled] + label:hover:before { - background: #e0e0e0; } - -.checkbox--base:checked + label:before, .checkbox--dark--indeterminate:checked + label:before, .checkbox--dark:checked + label:before, .checkbox--dark[type=checkbox][disabled]:checked + label:before, .checkbox--light--indeterminate:checked + label:before, .checkbox--light:checked + label:before, .checkbox--light[type=checkbox][disabled]:checked + label:before { - background: #a6266e; - border: 0 solid #1d3649; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.checkbox--base:checked + label:hover:before, .checkbox--dark--indeterminate:checked + label:hover:before, .checkbox--dark:checked + label:hover:before, .checkbox--light--indeterminate:checked + label:hover:before, .checkbox--light:checked + label:hover:before { - background: #db2780; } - -.checkbox--base + label:after, .checkbox--dark + label:after, .checkbox--dark--indeterminate + label:after, .checkbox--dark[type=checkbox][disabled] + label:after, .checkbox--light + label:after, .checkbox--light--indeterminate + label:after, .checkbox--light[type=checkbox][disabled] + label:after { - content: ''; - width: 8px; - height: 5px; - background: none; - border-left: 2px solid #f9f9fb; - border-bottom: 2px solid #f9f9fb; - -webkit-transform: scale(0) rotate(-45deg); - transform: scale(0) rotate(-45deg); - position: absolute; - top: 9px; - left: 4px; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.checkbox--base:checked + label:after, .checkbox--dark--indeterminate:checked + label:after, .checkbox--dark:checked + label:after, .checkbox--dark[type=checkbox][disabled]:checked + label:after, .checkbox--light--indeterminate:checked + label:after, .checkbox--light:checked + label:after, .checkbox--light[type=checkbox][disabled]:checked + label:after { - opacity: 1; - -webkit-transform: scale(1) rotate(-45deg); - transform: scale(1) rotate(-45deg); } - -.checkbox--base:not(:checked) + label:after, .checkbox--dark--indeterminate:not(:checked) + label:after, .checkbox--dark:not(:checked) + label:after, .checkbox--dark[type=checkbox][disabled]:not(:checked) + label:after, .checkbox--light--indeterminate:not(:checked) + label:after, .checkbox--light:not(:checked) + label:after, .checkbox--light[type=checkbox][disabled]:not(:checked) + label:after { - opacity: 0; - -webkit-transform: scale(0) rotate(-45deg); - transform: scale(0) rotate(-45deg); } - -.checkbox--base:focus + label:before, .checkbox--dark--indeterminate:focus + label:before, .checkbox--dark:focus + label:before, .checkbox--dark[type=checkbox][disabled]:focus + label:before, .checkbox--light--indeterminate:focus + label:before, .checkbox--light:focus + label:before, .checkbox--light[type=checkbox][disabled]:focus + label:before { - outline-color: rgba(77, 144, 254, 0.5); - outline-offset: -2px; - outline-style: auto; - outline-width: 5px; } - -_::-moz-range-track, body:last-child .checkbox--base:focus + label:before, body:last-child .checkbox--dark--indeterminate:focus + label:before, body:last-child .checkbox--dark:focus + label:before, body:last-child .checkbox--light--indeterminate:focus + label:before, body:last-child .checkbox--light:focus + label:before { - outline-style: solid; - -moz-outline-radius: 2px; - outline-width: 4px; - outline-color: rgba(77, 144, 254, 0.5); } - -.checkbox--light--indeterminate + label:after { - border-left: 0 solid #f9f9fb; - border-bottom: 2px solid #f9f9fb; } - -.checkbox--light--indeterminate:checked + label:after { - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); } - -.checkbox--light--indeterminate:not(:checked) + label:after { - -webkit-transform: scale(0) rotate(0deg); - transform: scale(0) rotate(0deg); } - -[type=checkbox][disabled].checkbox--light + label { - color: #aeaeae; } - -[type=checkbox][disabled].checkbox--light + label:before { - border: 1px solid #aeaeae; } - -[type=checkbox][disabled].checkbox--light:checked + label:before { - background: #aeaeae; } - -.checkbox--dark + label, .checkbox--dark[type=checkbox][disabled] + label { - color: #fff; } - -.checkbox--dark + label:before, .checkbox--dark[type=checkbox][disabled] + label:before { - border: 1px solid #f9f9fb; } - -.checkbox--dark + label:hover:before, .checkbox--dark[type=checkbox][disabled] + label:hover:before { - background: rgba(255, 255, 255, 0.25); } - -.checkbox--dark:checked + label:before, .checkbox--dark[type=checkbox][disabled]:checked + label:before { - background: #41d6c3; } - -.checkbox--dark:checked + label:hover:before { - background-color: #6eedd8; } - -.checkbox--dark + label:after, .checkbox--dark[type=checkbox][disabled] + label:after { - border-color: #152935; } - -.checkbox--dark--indeterminate + label { - color: #fff; } - -.checkbox--dark--indeterminate + label:before { - border: 1px solid #f9f9fb; } - -.checkbox--dark--indeterminate + label:hover:before { - background: rgba(255, 255, 255, 0.25); } - -.checkbox--dark--indeterminate:checked + label:before { - background: #41d6c3; } - -.checkbox--dark--indeterminate:checked + label:hover:before { - background-color: #6eedd8; } - -.checkbox--dark--indeterminate + label:after { - border-left: 0 solid #152935; - border-bottom: 2px solid #152935; } - -.checkbox--dark--indeterminate:checked + label:after { - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); } - -.checkbox--dark--indeterminate:not(:checked) + label:after { - -webkit-transform: scale(0) rotate(0deg); - transform: scale(0) rotate(0deg); } - -[type=checkbox][disabled].checkbox--dark + label { - color: #777677; } - -[type=checkbox][disabled].checkbox--dark + label:before { - border: 1px solid #777677; } - -[type=checkbox][disabled].checkbox--dark:checked + label:before { - background: #777677; } - -.icon--16 { - width: 16px; - height: 16px; } - -.icon--24 { - width: 24px; - height: 24px; } - -.icon--32 { - width: 32px; - height: 32px; } - -.icon--64 { - width: 24px; - height: 24px; } - -.icon--128 { - width: 128px; - height: 128px; } - -.icon--close { - cursor: pointer; - border: none; - background-color: transparent; - padding: 0; } - -.icon--close circle, .icon--close path { - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.icon--close .icon--close-x { - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; - fill: #a6266e; } - -.icon--close path { - fill: #a6266e; } - -.icon--close:hover .icon--close-x { - fill: #fff; } - -.icon--close:hover circle { - fill: #a6266e; } - -.icon--close:active circle, .icon--close:active path { - fill: #db2780; } - -.icon--close:active .icon--close-x { - fill: #fff; } - -.label__text--dark, .label__text--light { - display: block; - padding: 16px 0 0; - position: absolute; - visibility: hidden; - font-weight: 500; - margin-top: 9px; } - -.label__text--dark.active-label, .label__text--light.active-label { - visibility: visible; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - margin-top: -11px; } - -.form-boxed .label__text--dark, .form-boxed .label__text--light { - visibility: visible; } - -.label__text--light { - color: #1d3649; } - -.label__text--light.inactive-label { - color: #5a5a5a; } - -.label__text--dark { - color: #f9f9fb; } - -.label__text--dark.inactive-label { - color: #c7c7c7; } - -.label__checkbox--dark, .label__checkbox--light, .label__radio--dark, .label__radio--light { - margin-right: 30px; } - -.label__form--dark, .label__form--light { - display: block; - font-weight: 500; - padding-bottom: .3em; - color: #1d3649; } - -.label__form--dark { - color: #f9f9fb; } - -@-webkit-keyframes a { - 0% { - stroke-dashoffset: 9.7px; } - 60% { - stroke-dashoffset: 113.52px; } - to { - stroke-dashoffset: 9.7px; } } - -@keyframes a { - 0% { - stroke-dashoffset: 9.7px; } - 60% { - stroke-dashoffset: 113.52px; } - to { - stroke-dashoffset: 9.7px; } } - -@-webkit-keyframes b { - 0% { - -webkit-transform: rotate(300deg); - transform: rotate(300deg); } - 60% { - -webkit-transform: rotate(1320deg); - transform: rotate(1320deg); } - to { - -webkit-transform: rotate(2100deg); - transform: rotate(2100deg); } } - -@keyframes b { - 0% { - -webkit-transform: rotate(300deg); - transform: rotate(300deg); } - 60% { - -webkit-transform: rotate(1320deg); - transform: rotate(1320deg); } - to { - -webkit-transform: rotate(2100deg); - transform: rotate(2100deg); } } - -.large { - width: 90px; - height: 90px; } - -.small { - width: 45px; - height: 45px; } - -.loader { - height: 100%; - width: 100%; - -webkit-transform: translateZ(0) rotate(300deg); - transform: translateZ(0) rotate(300deg); - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-animation: b 4s ease-out infinite; - animation: b 4s ease-out infinite; } - -.loader .loader__path { - stroke-dasharray: 125px; - stroke-dashoffset: 9.7px; - r: 20px; - cx: 50px; - cy: 50px; - fill: transparent; - stroke: #a6266e; - stroke-width: 4.65116px; - stroke-linecap: butt; - -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1); - transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1); - -webkit-animation: a 4s ease-out infinite; - animation: a 4s ease-out infinite; } - -.determinate { - -webkit-transform: translateZ(0) rotate(-90deg); - transform: translateZ(0) rotate(-90deg); - -webkit-animation: none; - animation: none; } - -.determinate .loader__path { - stroke-dasharray: 126; - stroke-dashoffset: 126; - -webkit-animation: none; - animation: none; } - -.loader--dark .loader__path { - stroke: #41d6c3; } - -.ibm-spinner-determinate[data-percent='100'] .loader__path { - stroke-dashoffset: 0; } - -.ibm-spinner-determinate[data-percent='99'] .loader__path { - stroke-dashoffset: 1.26; } - -.ibm-spinner-determinate[data-percent='98'] .loader__path { - stroke-dashoffset: 2.52; } - -.ibm-spinner-determinate[data-percent='97'] .loader__path { - stroke-dashoffset: 3.78; } - -.ibm-spinner-determinate[data-percent='96'] .loader__path { - stroke-dashoffset: 5.04; } - -.ibm-spinner-determinate[data-percent='95'] .loader__path { - stroke-dashoffset: 6.3; } - -.ibm-spinner-determinate[data-percent='94'] .loader__path { - stroke-dashoffset: 7.56; } - -.ibm-spinner-determinate[data-percent='93'] .loader__path { - stroke-dashoffset: 8.82; } - -.ibm-spinner-determinate[data-percent='92'] .loader__path { - stroke-dashoffset: 10.08; } - -.ibm-spinner-determinate[data-percent='91'] .loader__path { - stroke-dashoffset: 11.34; } - -.ibm-spinner-determinate[data-percent='90'] .loader__path { - stroke-dashoffset: 12.6; } - -.ibm-spinner-determinate[data-percent='89'] .loader__path { - stroke-dashoffset: 13.86; } - -.ibm-spinner-determinate[data-percent='88'] .loader__path { - stroke-dashoffset: 15.12; } - -.ibm-spinner-determinate[data-percent='87'] .loader__path { - stroke-dashoffset: 16.38; } - -.ibm-spinner-determinate[data-percent='86'] .loader__path { - stroke-dashoffset: 17.64; } - -.ibm-spinner-determinate[data-percent='85'] .loader__path { - stroke-dashoffset: 18.9; } - -.ibm-spinner-determinate[data-percent='84'] .loader__path { - stroke-dashoffset: 20.16; } - -.ibm-spinner-determinate[data-percent='83'] .loader__path { - stroke-dashoffset: 21.42; } - -.ibm-spinner-determinate[data-percent='82'] .loader__path { - stroke-dashoffset: 22.68; } - -.ibm-spinner-determinate[data-percent='81'] .loader__path { - stroke-dashoffset: 23.94; } - -.ibm-spinner-determinate[data-percent='80'] .loader__path { - stroke-dashoffset: 25.2; } - -.ibm-spinner-determinate[data-percent='79'] .loader__path { - stroke-dashoffset: 26.46; } - -.ibm-spinner-determinate[data-percent='78'] .loader__path { - stroke-dashoffset: 27.72; } - -.ibm-spinner-determinate[data-percent='77'] .loader__path { - stroke-dashoffset: 28.98; } - -.ibm-spinner-determinate[data-percent='76'] .loader__path { - stroke-dashoffset: 30.24; } - -.ibm-spinner-determinate[data-percent='75'] .loader__path { - stroke-dashoffset: 31.5; } - -.ibm-spinner-determinate[data-percent='74'] .loader__path { - stroke-dashoffset: 32.76; } - -.ibm-spinner-determinate[data-percent='73'] .loader__path { - stroke-dashoffset: 34.02; } - -.ibm-spinner-determinate[data-percent='72'] .loader__path { - stroke-dashoffset: 35.28; } - -.ibm-spinner-determinate[data-percent='71'] .loader__path { - stroke-dashoffset: 36.54; } - -.ibm-spinner-determinate[data-percent='70'] .loader__path { - stroke-dashoffset: 37.8; } - -.ibm-spinner-determinate[data-percent='69'] .loader__path { - stroke-dashoffset: 39.06; } - -.ibm-spinner-determinate[data-percent='68'] .loader__path { - stroke-dashoffset: 40.32; } - -.ibm-spinner-determinate[data-percent='67'] .loader__path { - stroke-dashoffset: 41.58; } - -.ibm-spinner-determinate[data-percent='66'] .loader__path { - stroke-dashoffset: 42.84; } - -.ibm-spinner-determinate[data-percent='65'] .loader__path { - stroke-dashoffset: 44.1; } - -.ibm-spinner-determinate[data-percent='64'] .loader__path { - stroke-dashoffset: 45.36; } - -.ibm-spinner-determinate[data-percent='63'] .loader__path { - stroke-dashoffset: 46.62; } - -.ibm-spinner-determinate[data-percent='62'] .loader__path { - stroke-dashoffset: 47.88; } - -.ibm-spinner-determinate[data-percent='61'] .loader__path { - stroke-dashoffset: 49.14; } - -.ibm-spinner-determinate[data-percent='60'] .loader__path { - stroke-dashoffset: 50.4; } - -.ibm-spinner-determinate[data-percent='59'] .loader__path { - stroke-dashoffset: 51.66; } - -.ibm-spinner-determinate[data-percent='58'] .loader__path { - stroke-dashoffset: 52.92; } - -.ibm-spinner-determinate[data-percent='57'] .loader__path { - stroke-dashoffset: 54.18; } - -.ibm-spinner-determinate[data-percent='56'] .loader__path { - stroke-dashoffset: 55.44; } - -.ibm-spinner-determinate[data-percent='55'] .loader__path { - stroke-dashoffset: 56.7; } - -.ibm-spinner-determinate[data-percent='54'] .loader__path { - stroke-dashoffset: 57.96; } - -.ibm-spinner-determinate[data-percent='53'] .loader__path { - stroke-dashoffset: 59.22; } - -.ibm-spinner-determinate[data-percent='52'] .loader__path { - stroke-dashoffset: 60.48; } - -.ibm-spinner-determinate[data-percent='51'] .loader__path { - stroke-dashoffset: 61.74; } - -.ibm-spinner-determinate[data-percent='50'] .loader__path { - stroke-dashoffset: 63; } - -.ibm-spinner-determinate[data-percent='49'] .loader__path { - stroke-dashoffset: 64.26; } - -.ibm-spinner-determinate[data-percent='48'] .loader__path { - stroke-dashoffset: 65.52; } - -.ibm-spinner-determinate[data-percent='47'] .loader__path { - stroke-dashoffset: 66.78; } - -.ibm-spinner-determinate[data-percent='46'] .loader__path { - stroke-dashoffset: 68.04; } - -.ibm-spinner-determinate[data-percent='45'] .loader__path { - stroke-dashoffset: 69.3; } - -.ibm-spinner-determinate[data-percent='44'] .loader__path { - stroke-dashoffset: 70.56; } - -.ibm-spinner-determinate[data-percent='43'] .loader__path { - stroke-dashoffset: 71.82; } - -.ibm-spinner-determinate[data-percent='42'] .loader__path { - stroke-dashoffset: 73.08; } - -.ibm-spinner-determinate[data-percent='41'] .loader__path { - stroke-dashoffset: 74.34; } - -.ibm-spinner-determinate[data-percent='40'] .loader__path { - stroke-dashoffset: 75.6; } - -.ibm-spinner-determinate[data-percent='39'] .loader__path { - stroke-dashoffset: 76.86; } - -.ibm-spinner-determinate[data-percent='38'] .loader__path { - stroke-dashoffset: 78.12; } - -.ibm-spinner-determinate[data-percent='37'] .loader__path { - stroke-dashoffset: 79.38; } - -.ibm-spinner-determinate[data-percent='36'] .loader__path { - stroke-dashoffset: 80.64; } - -.ibm-spinner-determinate[data-percent='35'] .loader__path { - stroke-dashoffset: 81.9; } - -.ibm-spinner-determinate[data-percent='34'] .loader__path { - stroke-dashoffset: 83.16; } - -.ibm-spinner-determinate[data-percent='33'] .loader__path { - stroke-dashoffset: 84.42; } - -.ibm-spinner-determinate[data-percent='32'] .loader__path { - stroke-dashoffset: 85.68; } - -.ibm-spinner-determinate[data-percent='31'] .loader__path { - stroke-dashoffset: 86.94; } - -.ibm-spinner-determinate[data-percent='30'] .loader__path { - stroke-dashoffset: 88.2; } - -.ibm-spinner-determinate[data-percent='29'] .loader__path { - stroke-dashoffset: 89.46; } - -.ibm-spinner-determinate[data-percent='28'] .loader__path { - stroke-dashoffset: 90.72; } - -.ibm-spinner-determinate[data-percent='27'] .loader__path { - stroke-dashoffset: 91.98; } - -.ibm-spinner-determinate[data-percent='26'] .loader__path { - stroke-dashoffset: 93.24; } - -.ibm-spinner-determinate[data-percent='25'] .loader__path { - stroke-dashoffset: 94.5; } - -.ibm-spinner-determinate[data-percent='24'] .loader__path { - stroke-dashoffset: 95.76; } - -.ibm-spinner-determinate[data-percent='23'] .loader__path { - stroke-dashoffset: 97.02; } - -.ibm-spinner-determinate[data-percent='22'] .loader__path { - stroke-dashoffset: 98.28; } - -.ibm-spinner-determinate[data-percent='21'] .loader__path { - stroke-dashoffset: 99.54; } - -.ibm-spinner-determinate[data-percent='20'] .loader__path { - stroke-dashoffset: 100.8; } - -.ibm-spinner-determinate[data-percent='19'] .loader__path { - stroke-dashoffset: 102.06; } - -.ibm-spinner-determinate[data-percent='18'] .loader__path { - stroke-dashoffset: 103.32; } - -.ibm-spinner-determinate[data-percent='17'] .loader__path { - stroke-dashoffset: 104.58; } - -.ibm-spinner-determinate[data-percent='16'] .loader__path { - stroke-dashoffset: 105.84; } - -.ibm-spinner-determinate[data-percent='15'] .loader__path { - stroke-dashoffset: 107.1; } - -.ibm-spinner-determinate[data-percent='14'] .loader__path { - stroke-dashoffset: 108.36; } - -.ibm-spinner-determinate[data-percent='13'] .loader__path { - stroke-dashoffset: 109.62; } - -.ibm-spinner-determinate[data-percent='12'] .loader__path { - stroke-dashoffset: 110.88; } - -.ibm-spinner-determinate[data-percent='11'] .loader__path { - stroke-dashoffset: 112.14; } - -.ibm-spinner-determinate[data-percent='10'] .loader__path { - stroke-dashoffset: 113.4; } - -.ibm-spinner-determinate[data-percent='9'] .loader__path { - stroke-dashoffset: 114.66; } - -.ibm-spinner-determinate[data-percent='8'] .loader__path { - stroke-dashoffset: 115.92; } - -.ibm-spinner-determinate[data-percent='7'] .loader__path { - stroke-dashoffset: 117.18; } - -.ibm-spinner-determinate[data-percent='6'] .loader__path { - stroke-dashoffset: 118.44; } - -.ibm-spinner-determinate[data-percent='5'] .loader__path { - stroke-dashoffset: 119.7; } - -.ibm-spinner-determinate[data-percent='4'] .loader__path { - stroke-dashoffset: 120.96; } - -.ibm-spinner-determinate[data-percent='3'] .loader__path { - stroke-dashoffset: 122.22; } - -.ibm-spinner-determinate[data-percent='2'] .loader__path { - stroke-dashoffset: 123.48; } - -.ibm-spinner-determinate[data-percent='1'] .loader__path { - stroke-dashoffset: 124.74; } - -.ibm-spinner-determinate[data-percent='0'] .loader__path { - stroke-dashoffset: 126; } - -.ibm-spinner-determinate[data-percent='-1'] .loader__path { - stroke-dashoffset: 127.26; } - -.ibm-spinner-determinate[data-percent='-2'] .loader__path { - stroke-dashoffset: 128.52; } - -.ibm-spinner-determinate[data-percent='-3'] .loader__path { - stroke-dashoffset: 129.78; } - -.ibm-spinner-determinate[data-percent='-4'] .loader__path { - stroke-dashoffset: 131.04; } - -.ibm-spinner-determinate[data-percent='-5'] .loader__path { - stroke-dashoffset: 132.3; } - -.ibm-spinner-determinate[data-percent='-6'] .loader__path { - stroke-dashoffset: 133.56; } - -.ibm-spinner-determinate[data-percent='-7'] .loader__path { - stroke-dashoffset: 134.82; } - -.ibm-spinner-determinate[data-percent='-8'] .loader__path { - stroke-dashoffset: 136.08; } - -.ibm-spinner-determinate[data-percent='-9'] .loader__path { - stroke-dashoffset: 137.34; } - -.ibm-spinner-determinate[data-percent='-10'] .loader__path { - stroke-dashoffset: 138.6; } - -.ibm-spinner-determinate[data-percent='-11'] .loader__path { - stroke-dashoffset: 139.86; } - -.ibm-spinner-determinate[data-percent='-12'] .loader__path { - stroke-dashoffset: 141.12; } - -.ibm-spinner-determinate[data-percent='-13'] .loader__path { - stroke-dashoffset: 142.38; } - -.ibm-spinner-determinate[data-percent='-14'] .loader__path { - stroke-dashoffset: 143.64; } - -.ibm-spinner-determinate[data-percent='-15'] .loader__path { - stroke-dashoffset: 144.9; } - -.ibm-spinner-determinate[data-percent='-16'] .loader__path { - stroke-dashoffset: 146.16; } - -.ibm-spinner-determinate[data-percent='-17'] .loader__path { - stroke-dashoffset: 147.42; } - -.ibm-spinner-determinate[data-percent='-18'] .loader__path { - stroke-dashoffset: 148.68; } - -.ibm-spinner-determinate[data-percent='-19'] .loader__path { - stroke-dashoffset: 149.94; } - -.ibm-spinner-determinate[data-percent='-20'] .loader__path { - stroke-dashoffset: 151.2; } - -.ibm-spinner-determinate[data-percent='-21'] .loader__path { - stroke-dashoffset: 152.46; } - -.ibm-spinner-determinate[data-percent='-22'] .loader__path { - stroke-dashoffset: 153.72; } - -.ibm-spinner-determinate[data-percent='-23'] .loader__path { - stroke-dashoffset: 154.98; } - -.ibm-spinner-determinate[data-percent='-24'] .loader__path { - stroke-dashoffset: 156.24; } - -.ibm-spinner-determinate[data-percent='-25'] .loader__path { - stroke-dashoffset: 157.5; } - -.ibm-spinner-determinate[data-percent='-26'] .loader__path { - stroke-dashoffset: 158.76; } - -.modal { - display: none; } - -.modal-content { - height: 100%; } - -@media (min-width: 51.44em) { - .modal-content { - height: auto; } } - -.modal-content:focus { - outline: none; } - -.modal-inner { - position: relative; - overflow: hidden; - width: 100%; - max-height: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - background: #fff; - z-index: -1; - opacity: 0; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - font-size: 1rem; } - -@media (min-width: 51.44em) { - .modal-inner { - width: 50%; - height: auto; - max-height: 90%; } } - -.modal-visible .modal-inner { - z-index: 100; - opacity: 1; } - -.modal__container { - position: relative; - padding: 24px 4.99469%; - background: #fff; - border-top: 6px solid #a6266e; - height: 100%; - color: #777677; } - -@media (min-width: 31.25em) { - .modal__container { - padding: 24px 3.27526%; } } - -@media (min-width: 51.44em) { - .modal__container { - height: auto; - padding: 50px; } } - -.modal__close { - position: absolute; - top: 10px; - right: 10px; - width: 24px; - height: 24px; - overflow: hidden; - cursor: pointer; - border: none; - background-color: transparent; - padding: 0; } - -.modal__close circle, .modal__close path { - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.modal__close polygon { - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; } - -.modal__close:hover polygon { - fill: #fff; } - -.modal__close:hover circle { - fill: #a6266e; } - -.modal__close:active circle, .modal__close:active path { - fill: #db2780; } - -.modal__close:active polygon { - fill: #fff; } - -.modal__buttons { - background: #f9f9fb; - padding: 4.99469%; - text-align: right; - position: absolute; - bottom: 0; - left: 0; - width: 100%; } - -@media (min-width: 31.25em) { - .modal__buttons { - padding: 3.27526%; } } - -@media (min-width: 51.44em) { - .modal__buttons { - position: static; - width: auto; - padding: 24px 50px; - margin: 24px -50px -50px; } } - -.modal__header { - background: #f9f9fb; - padding: 4.99469% 4.99469% 24px; - margin: -4.99469% -4.99469% 24px; } - -@media (min-width: 31.25em) { - .modal__header { - padding: 3.27526% 3.27526% 24px; - margin-left: -3.27526%; - margin-right: -3.27526%; - margin-top: -3.27526%; } } - -@media (min-width: 51.44em) { - .modal__header { - padding: 50px 50px 24px; - margin: -50px -50px 24px; } } - -.modal h1, .modal h2, .modal h3 { - line-height: 1; - color: #1d3649; } - -.modal--error, .modal--warning { - padding-left: 70px; } - -@media (min-width: 51.44em) { - .modal--error, .modal--warning { - padding-left: 100px; } - .modal--error .modal__buttons, .modal--warning .modal__buttons { - margin-left: -100px; } } - -.modal--error .icon--error, .modal--error .icon--warning, .modal--warning .icon--error, .modal--warning .icon--warning { - position: absolute; - top: 20px; - left: 20px; } - -@media (min-width: 51.44em) { - .modal--error .icon--error, .modal--error .icon--warning, .modal--warning .icon--error, .modal--warning .icon--warning { - top: 58px; - left: 50px; } } - -.modal--error { - border-color: #e71d32; } - -.modal--warning { - border-color: #fdd600; } - -.error__info { - clear: both; - padding-top: 1em; } - -.error__details dt { - clear: both; - width: 150px; - display: inline-block; } - -.error__details dt:after { - content: ': '; } - -.error__details dd { - display: inline-block; - color: #1d3649; - margin: 0; - padding: 0 0 0 10px; - width: calc(100% - 170px); } - -.modal .shorten { - margin-bottom: 20px; - max-height: 900px; } - -.modal--error .icon, .modal--warning .icon { - width: 32px; - height: 32px; - position: absolute; - top: 20px; - left: 20px; } - -@media (min-width: 51.44em) { - .modal--error .icon, .modal--warning .icon { - top: 58px; - left: 50px; } } - -.modal--error circle { - fill: #e71d32; } - -.modal--error path { - fill: #fff; } - -.modal--warning path:first-child { - fill: #fdd600; } - -.modal--warning path { - fill: #1d3649; } - -body.vanilla-modal .modal { - display: block; - position: fixed; - content: ''; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(21, 41, 53, 0.9); - z-index: -1; - opacity: 0; - font-size: 0; - -webkit-transition: opacity .2s,z-index 0s .2s; - transition: opacity .2s,z-index 0s .2s; - text-align: center; - overflow: hidden; - overflow-y: auto; - white-space: nowrap; - -webkit-overflow-scrolling: touch; } - -body.vanilla-modal .modal > * { - display: inline-block; - white-space: normal; - vertical-align: middle; - text-align: left; } - -body.vanilla-modal .modal:before { - display: inline-block; - overflow: hidden; - width: 0; - height: 100%; - vertical-align: middle; - content: ''; } - -body.vanilla-modal.modal-visible .modal { - z-index: 9000; - opacity: 1; - -webkit-transition: opacity .2s; - transition: opacity .2s; } - -_::-moz-range-track, body:last-child .radio--base, body:last-child .radio--dark, body:last-child .radio--dark[type=radio][disabled], body:last-child .radio--light, body:last-child .radio--light[type=radio][disabled] { - margin-left: -1px; - margin-top: 4px; } - -.radio--base, .radio--dark, .radio--dark[type=radio][disabled], .radio--light, .radio--light[type=radio][disabled] { - cursor: pointer; - position: absolute; - margin-top: 5px; - margin-left: 1px; - width: 17px; - height: 17px; - opacity: 0; } - -.radio--base + label, .radio--dark + label, .radio--dark[type=radio][disabled] + label, .radio--light + label, .radio--light[type=radio][disabled] + label { - cursor: pointer; - color: #152935; - display: inline-block; - position: relative; - padding-left: 30px; } - -.radio--base + label div, .radio--dark + label div, .radio--dark[type=radio][disabled] + label div, .radio--light + label div, .radio--light[type=radio][disabled] + label div { - color: #152935; - display: inline-block; - position: absolute; - left: 0; } - -.radio--base + label:after, .radio--base + label:before, .radio--base + label div:after, .radio--base + label div:before, .radio--dark + label:after, .radio--dark + label:before, .radio--dark + label div:after, .radio--dark + label div:before, .radio--dark[type=radio][disabled] + label:after, .radio--dark[type=radio][disabled] + label:before, .radio--dark[type=radio][disabled] + label div:after, .radio--dark[type=radio][disabled] + label div:before, .radio--light + label:after, .radio--light + label:before, .radio--light + label div:after, .radio--light + label div:before, .radio--light[type=radio][disabled] + label:after, .radio--light[type=radio][disabled] + label:before, .radio--light[type=radio][disabled] + label div:after, .radio--light[type=radio][disabled] + label div:before { - content: ''; - display: inline-block; - width: 16px; - height: 16px; - top: 5px; - left: 0; - bottom: 0; - text-align: center; - position: absolute; } - -.radio--base + label:before, .radio--dark + label:before, .radio--dark[type=radio][disabled] + label:before, .radio--light + label:before, .radio--light[type=radio][disabled] + label:before { - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - border: 1px solid #1d3649; - border-radius: 50%; } - -.radio--base + label div:before, .radio--dark + label div:before, .radio--dark[type=radio][disabled] + label div:before, .radio--light + label div:before, .radio--light[type=radio][disabled] + label div:before { - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - border-radius: 50%; - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e; - -webkit-transform: scale(0); - transform: scale(0); } - -.radio--base:focus.non-keyboard-outline + label:before, .radio--dark:focus.non-keyboard-outline + label:before, .radio--light:focus.non-keyboard-outline + label:before { - box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 0 #a6266e; } - -.radio--base:not(:checked) + label:hover div:before, .radio--dark:not(:checked) + label:hover div:before, .radio--light:not(:checked) + label:hover div:before { - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e; - -webkit-transform: scale(0.4); - transform: scale(0.4); } - -.radio--base:checked + label div:before, .radio--dark:checked + label div:before, .radio--dark[type=radio][disabled]:checked + label div:before, .radio--light:checked + label div:before, .radio--light[type=radio][disabled]:checked + label div:before { - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e; - -webkit-transform: scale(1); - transform: scale(1); } - -.radio--base:checked + label:before, .radio--dark:checked + label:before, .radio--dark[type=radio][disabled]:checked + label:before, .radio--light:checked + label:before, .radio--light[type=radio][disabled]:checked + label:before { - border: 1px solid #a6266e; } - -.radio--dark + label { - color: #f9f9fb; } - -.radio--dark + label:before { - border: 1px solid #f9f9fb; - background: #1d3649; } - -.radio--dark + label div:before { - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #41d6c3; } - -.radio--dark:focus.non-keyboard-outline + label:before { - box-shadow: 0 0 0 6px rgba(65, 120, 190, 0.75), inset 0 0 0 0 #41d6c3; } - -.radio--dark:checked + label div:before, .radio--dark:not(:checked) + label:hover div:before { - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #41d6c3; } - -.radio--dark:checked + label div:before { - background: #1d3649; } - -.radio--dark:checked + label:before { - border: 1px solid #41d6c3; } - -.radio--light[type=radio][disabled] { - cursor: auto; - pointer-events: none; } - -.radio--light[type=radio][disabled] + label { - color: #aeaeae; } - -.radio--light[type=radio][disabled] + label:before { - border: 1px solid #aeaeae; } - -.radio--light[type=radio][disabled]:not(:checked) + label:hover div:before { - -webkit-transform: scale(0); - transform: scale(0); } - -.radio--light[type=radio][disabled]:checked + label div:before { - border: 0 solid #aeaeae; - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #aeaeae; } - -.radio--light[type=radio][disabled]:checked + label:before { - border: 0 solid #aeaeae; } - -.radio--light[type=radio][disabled]:focus.non-keyboard-outline + label:before { - box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 10px #aeaeae; } - -.radio--dark[type=radio][disabled] { - cursor: auto; - pointer-events: none; } - -.radio--dark[type=radio][disabled] + label { - color: #777677; } - -.radio--dark[type=radio][disabled] + label:before { - border: 1px solid #777677; } - -.radio--dark[type=radio][disabled]:not(:checked) + label:hover div:before { - -webkit-transform: scale(0); - transform: scale(0); } - -.radio--dark[type=radio][disabled]:not(:checked) + label:hover:before { - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 0 #777677; } - -.radio--dark[type=radio][disabled]:checked + label div:before { - border: 0 solid #f9f9fb; - box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #777677; } - -.radio--dark[type=radio][disabled]:focus.non-keyboard-outline + label:before { - box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 10px #777677; } - -abbr[title] { - border-bottom: none; } - -.table--light { - color: #777677; - font-family: Helvetica Neue for IBM,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif; - white-space: nowrap; - table-layout: fixed; - width: 100%; - background: #fff; } - -.table--light tbody { - border-bottom: 1px solid #c7c7c7; } - -.table--light tr th { - font-size: .75rem; - color: #1d3649; - font-weight: 500; - text-transform: uppercase; - border-top: 1px solid #e0e0e0; - border-bottom: 2px solid #e0e0e0; } - -.table--light tr td, .table--light tr th { - height: 50px; - text-align: left; - padding-left: 1.25em; - padding-right: 1.25em; } - -.table--light tr td { - font-size: .875rem; - border-bottom: 1px solid #e0e0e0; - font-weight: 300; - overflow: hidden; - text-overflow: ellipsis; } - -.table--light tr:last-child td { - border-bottom: 1px solid #c7c7c7; } - -.table--bar tr th { - background: #f9f9fb; - border-top: 0 solid #e0e0e0; - border-bottom: 0 solid #e0e0e0; } - -.table--numbered--light tr :first-child { - width: 50px; - text-align: center; } - -.table--numbered--light tr th:first-child { - background: rgba(224, 224, 224, 0.6); } - -.table--numbered--light tr td:first-child { - font-size: .75rem; - width: 50px; - font-weight: 500; - color: #1d3649; - background: rgba(224, 224, 224, 0.6); - border-style: none; } - -.text--dark, .text--light, .textarea--dark { - display: block; - width: 100%; - border: 0; - padding: .5em 25px .5em 0; - background: transparent; - border-radius: 0; - border-bottom: 2px solid #777677; - color: #1d3649; - font-weight: 400; } - -.text--dark:focus, .text--light:focus, .textarea--dark:focus { - outline: none; - border-bottom: 2px solid #1d3649; - color: #1d3649; } - -.text--dark::-webkit-input-placeholder, .text--light::-webkit-input-placeholder, .textarea--dark::-webkit-input-placeholder { - color: #5a5a5a; - font-style: italic; - font-weight: 300; } - -.text--dark::-moz-placeholder, .text--light::-moz-placeholder, .textarea--dark::-moz-placeholder { - color: #5a5a5a; - font-style: italic; - font-weight: 300; } - -.text--dark:-ms-input-placeholder, .text--light:-ms-input-placeholder, .textarea--dark:-ms-input-placeholder { - color: #5a5a5a; - font-style: italic; - font-weight: 300; } - -.text--dark { - border-color: #aeaeae; - color: #f9f9fb; } - -.text--dark:focus { - border-color: #f9f9fb; - color: #f9f9fb; } - -.text--dark::-webkit-input-placeholder { - color: #c7c7c7; - font-style: italic; } - -.text--dark::-moz-placeholder { - font-style: italic; - color: #c7c7c7; } - -.text--dark:-ms-input-placeholder { - font-style: italic; - color: #c7c7c7; } - -.haslabel { - display: inline-block; - margin: 25px 0; } - -.haslabel::-webkit-input-placeholder { - font-style: normal; - font-weight: 500; } - -.haslabel::-moz-placeholder { - font-style: normal; - font-weight: 500; } - -.haslabel:-ms-input-placeholder { - font-style: normal; - font-weight: 500; } - -.text.error { - border-color: #e71d32; } - -.textarea--dark, .textarea--light { - resize: none; - display: block; - position: relative; - overflow: auto; - width: 100%; - padding: .5em; - background: transparent; - border: 2px solid #777677; - color: #1d3649; - font-weight: 400; } - -.textarea--dark:focus, .textarea--light:focus { - outline: none; - border: 2px solid #1d3649; - color: #1d3649; } - -.textarea--dark::-webkit-input-placeholder, .textarea--light::-webkit-input-placeholder { - color: #5a5a5a; - font-style: italic; - font-weight: 300; } - -.textarea--dark::-moz-placeholder, .textarea--light::-moz-placeholder { - color: #5a5a5a; - font-style: italic; } - -.textarea--dark:-ms-input-placeholder, .textarea--light:-ms-input-placeholder { - color: #5a5a5a; - font-style: italic; } - -.textarea--light.textarea--readonly, .textarea--light.textarea--readonly:focus, .textarea--readonly.textarea--dark, .textarea--readonly.textarea--dark:focus { - color: #777677; - border-color: #e0e0e0; } - -.textarea--dark { - border-color: #aeaeae; - color: #f9f9fb; } - -.textarea--dark:focus { - border-color: #f9f9fb; - color: #f9f9fb; } - -.textarea--dark::-webkit-input-placeholder { - color: #c7c7c7; - font-style: italic; } - -.textarea--dark::-moz-placeholder { - font-style: italic; - color: #c7c7c7; } - -.textarea--dark:-ms-input-placeholder { - font-style: italic; - color: #c7c7c7; } - -.textarea--dark.textarea--readonly, .textarea--dark.textarea--readonly:focus { - color: #aeaeae; - border-color: #464646; } - -.text__counter { - font-size: .875rem; - text-align: right; - display: block; - margin-top: 5px; } - -.toggle, .toggle--dark { - position: absolute; - opacity: 0; } - -.toggle--dark:focus + label, .toggle:focus + label { - box-shadow: 0 0 5px 2px #4d90fe; } - -.toggle + label, .toggle--dark + label { - display: block; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding: 0; - width: 45px; - height: 24px; - border-radius: 24px; - background-color: #aeaeae; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.toggle + label .toggle__checkbox, .toggle--dark + label .toggle__checkbox { - width: 14px; - height: 14px; - margin-left: 5px; } - -.toggle + label .toggle__checkbox .checkbox, .toggle--dark + label .toggle__checkbox .checkbox { - fill: #fff; } - -.toggle + label:after, .toggle + label:before, .toggle--dark + label:after, .toggle--dark + label:before { - display: block; - position: absolute; - content: ''; } - -.toggle + label:after, .toggle--dark + label:after { - top: 2px; - left: 2px; - bottom: 2px; - width: 20px; - height: 20px; - border-radius: 20px; - background-color: #fff; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.toggle--dark:checked + label, .toggle:checked + label { - background-color: #a6266e; } - -.toggle--dark:checked + label:after, .toggle:checked + label:after { - margin-left: 21px; - background-color: #fff; } - -.toggle--dark:disabled + label, .toggle:disabled + label { - background-color: #aeaeae; - background-image: -webkit-repeating-linear-gradient(45deg, #c7c7c7, #c7c7c7 2px, #aeaeae 0, #aeaeae 8px); - background-image: repeating-linear-gradient(45deg, #c7c7c7, #c7c7c7 2px, #aeaeae 0, #aeaeae 8px); } - -.toggle--dark:disabled + label .toggle__checkbox, .toggle:disabled + label .toggle__checkbox { - display: none; } - -.toggle--dark + label { - background-color: #aeaeae; } - -.toggle--dark + label .toggle__checkbox .checkbox { - fill: #264a60; } - -.toggle--dark + label:after { - background-color: #264a60; } - -.toggle--dark:checked + label { - background-color: #41d6c3; } - -.toggle--dark:checked + label:after { - background-color: #264a60; } - -.toggle--dark:disabled + label { - background-color: #aeaeae; - background-image: -webkit-repeating-linear-gradient(45deg, #5a5a5a, #5a5a5a 2px, #777677 0, #777677 8px); - background-image: repeating-linear-gradient(45deg, #5a5a5a, #5a5a5a 2px, #777677 0, #777677 8px); } - -.toggle--dark:disabled + label .toggle__checkbox { - display: none; } - -textarea { - resize: none; } - -.search--light input[type=search] { - font-size: 1rem; - display: block; - overflow: auto; - width: 400px; - height: 36px; - padding-top: 14px; - border: 0; - padding: 0; - margin: 0; - background: transparent; - -webkit-appearance: none; - border-radius: 0; - border-bottom: 2px solid #777677; - color: #1d3649; - background-image: url(images/icon/search--light.svg); - background-position: 100% bottom; - background-repeat: no-repeat; } - -.search--light input[type=search]::-ms-clear { - width: 0; - height: 0; } - -.search--light input[type=search]:focus { - outline: none; - border-bottom: 2px solid #1d3649; - color: #1d3649; } - -.search--light input[type=search]::-webkit-input-placeholder { - color: #5a5a5a; - font-style: italic; } - -.search--light input[type=search]::-moz-placeholder { - color: #5a5a5a; - font-style: italic; } - -.search--light input[type=search]:-ms-input-placeholder { - color: #5a5a5a; - font-style: italic; } - -.search--light .tt-suggestion { - font-weight: 300; - cursor: pointer; - width: 400px; - height: 50px; - padding-left: 15px; - padding-top: 10px; - text-align: left; - color: #5a5a5a; - background: #e0e0e0; } - -.search--light .tt-suggestion:hover { - color: #a6266e; - background: #fff; } - -.search--light .tt-suggestion:hover .tt-highlight { - color: #a6266e; } - -.search--light .tt-cursor { - color: #a6266e; - background: #fff; } - -.search--light .tt-highlight { - font-weight: 500; - color: #1d3649; } - -.search--dark input[type=search] { - -webkit-appearance: none; - border-radius: 0; - border-bottom: 2px solid #aeaeae; - color: #f9f9fb; - background-image: url(images/icon/search--dark.svg); } - -.search--dark input[type=search]:focus { - outline: none; - border-bottom: 2px solid #f9f9fb; - color: #f9f9fb; } - -.search--dark input[type=search]::-webkit-input-placeholder { - color: #c7c7c7; - font-style: italic; } - -.search--dark input[type=search]::-moz-placeholder { - color: #c7c7c7; - font-style: italic; } - -.search--dark input[type=search]:-ms-input-placeholder { - color: #c7c7c7; - font-style: italic; } - -.search--dark .tt-suggestion { - color: #c7c7c7; - background: #264a60; } - -.search--dark .tt-cursor, .search--dark .tt-suggestion:hover { - color: #41d6c3; - background: #152935; } - -.search--dark .tt-highlight { - color: #f9f9fb; } - -.select, .select--dark { - position: relative; } - -.select--dark:focus, .select:focus { - outline: default; } - -.select--dark > .select__button, .select > .select__button { - position: relative; - display: block; - overflow: hidden; - width: 100%; - text-align: left; } - -.select--inline > .select__button { - margin: 0; - padding: 0 1em 0 0; - border: none; - border-bottom: 2px solid #a6266e; - background-color: initial; - color: #a6266e; - height: 36px; - line-height: 36px; } - -.select--inline > .select__button:focus, .select--inline > .select__button:hover { - margin: 0; - padding: 0 0 .2em; - border: none; - border-bottom: 2px solid #a6266e; - background: transparent; } - -.select--dark.select--inline > .select__button, .select--dark.select--inline > .select__button:focus, .select--dark.select--inline > .select__button:hover { - border-bottom: 2px solid #41d6c3; - color: #41d6c3; } - -.select--inline > .select__button:focus :after, .select--inline > .select__button:hover :after { - border: none; } - -.select--dark > .select__button > .select__button__text, .select > .select__button > .select__button__text { - text-overflow: ellipsis; - display: block; - white-space: nowrap; - overflow: hidden; } - -.select--dark > .select__button > .select__button__arrow, .select > .select__button > .select__button__arrow { - width: 13px; - height: 8px; - position: absolute; - right: 20px; - top: 20px; - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); - transition: transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); - transition: transform 0.3s cubic-bezier(0.5, 0.08, 0, 1), -webkit-transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - fill: currentColor; } - -.select--inline > .select__button > .select__button__arrow { - right: 1.13em; - top: .85em; } - -.select.open > .select__button { - background-color: #a6266e; - color: #fff; } - -.select--dark.open > .select__button { - background-color: #41d6c3; - color: #152935; } - -.select--inline.open > .select__button { - background-color: transparent; - color: #a6266e; } - -.select--dark.select--inline.open > .select__button { - color: #41d6c3; } - -.select > .select__button:active { - background-color: #7c1c58; } - -.select--dark > .select__button:active { - background-color: #00b4a0; } - -.select.select--inline > .select__button:active { - border-color: #7c1c58; - color: #db2780; } - -.select--dark.select--inline > .select__button:active { - border-color: #00b4a0; - color: #6eedd8; } - -.select--inline > .select__button:active { - background-color: transparent; - color: #a6266e; } - -.select--dark.open > .select__button > .select__button__arrow, .select.open > .select__button > .select__button__arrow { - -webkit-transform: rotate(0); - transform: rotate(0); } - -.select--dark > .select__options, .select > .select__options { - margin: 0; - padding: 0; - -webkit-transition: height 0.2s cubic-bezier(0.5, 0.08, 0, 1); - transition: height 0.2s cubic-bezier(0.5, 0.08, 0, 1); - height: 0; - overflow-y: scroll; - list-style: none; - width: 100%; - cursor: pointer; - position: absolute; - z-index: 6000; - max-height: 700px; } - -.select--dark > .select__options > .select__options__item, .select > .select__options > .select__options__item { - width: 100%; } - -.select > .select__options > .select__options__item:focus > .select__options__item__a, .select > .select__options > .select__options__item:hover > .select__options__item__a { - color: #a6266e; - text-decoration: none; - cursor: pointer; } - -.select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { - text-decoration: none; - cursor: pointer; - color: #00b4a0; } - -.select > .select__options > .select__options__item > .select__options__item__a { - border: none; - color: #152935; - display: block; - font-weight: 300; - padding: .7em 1.5625em; - text-align: left; - width: 100%; - white-space: nowrap; } - -.select--dark > .select__options > .select__options__item > .select__options__item__a { - border: none; - color: #fff; - display: block; - font-weight: 300; - padding: .7em 1.5625em; - text-align: left; - width: 100%; - white-space: nowrap; } - -.select > .select__options > .select__options__item:focus > .select__options__item__a, .select > .select__options > .select__options__item:hover > .select__options__item__a { - color: #a6266e; - text-decoration: none; } - -.select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { - text-decoration: none; - color: #00b4a0; } - -.select > .select__options > .select__options__item, .select > .select__options > .select__options__item > .select__options__item__a { - background-color: #e0e0e0; } - -.select--dark > .select__options > .select__options__item, .select--dark > .select__options > .select__options__item > .select__options__item__a { - background-color: #264a60; } - -.select > .select__options > .select__options__item--selected, .select > .select__options > .select__options__item--selected > .select__options__item__a { - background-color: #a6266e; - color: #fff; } - -.select--dark > .select__options > .select__options__item--selected, .select--dark > .select__options > .select__options__item--selected > .select__options__item__a { - background-color: #41d6c3; - color: #152935; } - -.select > .select__options > .select__options__item, .select > .select__options > .select__options__item:focus > .select__options__item__a, .select > .select__options > .select__options__item:hover > .select__options__item__a { - background-color: #fff; } - -.select--dark > .select__options > .select__options__item, .select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { - background-color: #152935; } - -.select > .select__options > .select__options__item--selected, .select > .select__options > .select__options__item--selected:focus > .select__options__item__a, .select > .select__options > .select__options__item--selected:hover > .select__options__item__a { - background-color: #db2780; - color: #fff; } - -.select--dark > .select__options > .select__options__item--selected, .select--dark > .select__options > .select__options__item--selected:focus > .select__options__item__a, .select--dark > .select__options > .select__options__item--selected:hover > .select__options__item__a { - background-color: #00b4a0; - color: #152935; } - -.slider input[type=number]::-webkit-inner-spin-button, .slider input[type=number]::-webkit-outer-spin-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin: 0; - display: none; - opacity: 0; } - -.slider input[type=number] { - -moz-appearance: textfield; } - -.slider.noUi-target { - border: none; - box-shadow: none; - margin: 2.75em 0; - height: 6px; - padding-left: 16px; - padding-right: 16px; } - -.slider .noUi-base { - background: #a6266e; - border-radius: 4px; - -webkit-transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); - transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); } - -.slider .noUi-background { - background: #e0e0e0; - border: none; - border-radius: 4px; - box-shadow: none; } - -.slider.noUi-connect { - background: transparent; } - -.slider .noUi-handle { - cursor: pointer; - background: #7c1c58; - box-shadow: none; - border: none; - width: 20px; - height: 20px; - left: -10px; - top: -8px; - border-radius: 50%; - -webkit-transform: scale(1) translateY(1px); - transform: scale(1) translateY(1px); - -webkit-transition: all 0.3s cubic-bezier(0.5, 0.08, 0, 1); - transition: all 0.3s cubic-bezier(0.5, 0.08, 0, 1); } - -.slider .noUi-handle:hover { - background: #a6266e; - -webkit-transform: scale(1.2) translateY(1px); - transform: scale(1.2) translateY(1px); } - -.slider .noUi-handle:active { - background: #a6266e; - -webkit-transform: scale(1.4) translateY(1px); - transform: scale(1.4) translateY(1px); } - -.slider .noUi-handle:after, .slider .noUi-handle:before { - display: none; } - -.slider .noUi-base:active, .slider .noUi-base:hover, .slider .noUi-base:hover .noUi-connect { - background: #db2780; } - -.slider .text--bottom { - position: absolute; - left: 0; - top: 0; - color: #5a5a5a; - text-align: right; - -webkit-transform: translateX(-100%) translateY(-100%); - transform: translateX(-100%) translateY(-100%); } - -.slider .text--top { - position: absolute; - right: 0; - top: 0; - color: #5a5a5a; - text-align: left; - -webkit-transform: translateX(100%) translateY(-100%); - transform: translateX(100%) translateY(-100%); } - -.slider .text--dark, .slider .text--light, .slider .textarea--dark { - font-size: .875rem; - padding: 0; - border: none; - float: left; } - -.slider .text--right { - text-align: right; } - -.slider .text--input { - font-size: 1rem; - position: absolute; - top: -23px; - height: 20px; - left: 10px; - color: #a6266e; - text-align: center; - border-bottom: 0 solid #1d3649; - background: none; - -webkit-transform: translate(-50%); - transform: translate(-50%); } - -.slider .text--input, .slider .text--input:focus { - -webkit-transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); - transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); } - -.slider .text--input:focus { - height: 30px; - top: -38px; - color: #1d3649; - border-bottom: 2px solid #1d3649; } - -.noinput--view .text--input { - opacity: 0; } - -.noinput--view .noUi-handle:active .text--input, .noinput--view .noUi-handle:hover .text--input, .noinput--view .text--input:focus { - opacity: 1; } - -.slider--range .noUi-base { - background: #e0e0e0; - border-radius: 4px; - box-shadow: none; } - -.slider--range .noUi-connect { - background: #a6266e; - box-shadow: none; } - -.slider--range .noUi-connect:active, .slider--range .noUi-connect:hover { - background: #db2780; } - -.slider--range .noUi-base:active, .slider--range .noUi-base:hover { - background: #e0e0e0; } - -.slider--dark .noUi-background { - background: #aeaeae; } - -.slider--dark.noUi-connect, .slider--dark .noUi-connect { - background: transparent; } - -.slider--dark .noUi-base { - background: #41d6c3; } - -.slider--dark.noUi-horizontal .noUi-handle { -
<TRUNCATED>
