diff --git a/client/dist/images/RealMe-logo@2x.png b/client/dist/images/RealMe-logo@2x.png deleted file mode 100644 index d613c79..0000000 Binary files a/client/dist/images/RealMe-logo@2x.png and /dev/null differ diff --git a/client/dist/js/realme.js b/client/dist/js/realme.js index 575b7e6..46b0cce 100644 --- a/client/dist/js/realme.js +++ b/client/dist/js/realme.js @@ -1 +1 @@ -!function(){"use strict";const t=t||function(t,i,o){const e=navigator.userAgent.match(/(IEMobile\/9.0)/);if(/\bMSIE 6/.test(navigator.userAgent)&&!i.opera)return!1;const n={cacheElements(){this.$container=o(".realme_widget"),this.$trigger=o(".whats_realme",this.$container),this.$modal=o(".realme_popup",this.$container)},init(){this.cacheElements(),"ontouchstart"in t||null!==e?(this.$container.addClass("touch"),this.popup_window()):(this.$container.addClass("no_touch"),this.bind_no_touch())},bind_no_touch(){this.$trigger.on("click",(t=>{t.preventDefault()}))},show_popup(){this.$modal.addClass("active")},hide_popup(){this.$modal.removeClass("active")},popup_window(){const t=this;this.$trigger.click((function(i){this.$modal.hasClass("active")?t.hide_popup():t.show_popup(),i.stopPropagation()})),this.$trigger.click((()=>!1))}};return o(t).ready((()=>{n.init()})),n}(document,window,jQuery)}(); \ No newline at end of file +!function(){"use strict";var t={311:function(t){t.exports=jQuery}},i={};function o(n){var e=i[n];if(void 0!==e)return e.exports;var s=i[n]={exports:{}};return t[n](s,s.exports,o),s.exports}!function(){var t=o(311);const i=i||function(t,i,o){const n=navigator.userAgent.match(/(IEMobile\/9.0)/);if(/\bMSIE 6/.test(navigator.userAgent)&&!i.opera)return!1;const e={cacheElements(){this.$container=o(".realme_widget"),this.$trigger=o(".whats_realme",this.$container),this.$modal=o(".realme_popup",this.$container)},init(){this.cacheElements(),"ontouchstart"in t||null!==n?(this.$container.addClass("touch"),this.popup_window()):(this.$container.addClass("no_touch"),this.bind_no_touch())},bind_no_touch(){this.$trigger.on("click",(t=>{t.preventDefault()}))},show_popup(){this.$modal.addClass("active")},hide_popup(){this.$modal.removeClass("active")},popup_window(){const t=this;this.$trigger.click((function(i){this.$modal.hasClass("active")?t.hide_popup():t.show_popup(),i.stopPropagation()})),this.$trigger.click((()=>!1))}};return o(t).ready((()=>{e.init()})),e}(document,window,t)}()}(); \ No newline at end of file diff --git a/client/dist/styles/realme.css b/client/dist/styles/realme.css index 43bf353..9c392e9 100644 --- a/client/dist/styles/realme.css +++ b/client/dist/styles/realme.css @@ -1 +1 @@ -.realme_widget,.realme_button,.realme_popup_position,.realme_login,.realme_create_account,.whats_realme,.realme_link,.realme_popup,.realme_find_out_more{position:relative}.realme_login_lockup img,.realme_arrow_top_left .arrow,.realme_arrow_top_right .arrow,.realme_popup_wrapper,.realme_arrow_side_left .arrow,.realme_arrow_side_right .arrow,.realme_icon_find_out_more,.realme_icon_link,.realme_icon_padlock{position:absolute}.realme_login_lockup form img{border:0;margin:0;padding:0;background:rgba(0,0,0,0)}.realme_widget,.realme_secondary_login,.realme_login_lockup,.realme_popup{*zoom:1}.realme_widget:before,.realme_secondary_login:before,.realme_login_lockup:before,.realme_popup:before,.realme_widget:after,.realme_secondary_login:after,.realme_login_lockup:after,.realme_popup:after{content:" ";display:table}.realme_widget:after,.realme_secondary_login:after,.realme_login_lockup:after,.realme_popup:after{clear:both}.realme_title,.realme_mini_title,.realme_button{font-weight:bold}.realme_secondary_login,.realme_secondary_login .realme_popup_position,.realme_login,.realme_create_account,.realme_link,.realme_icon_new_window,.realme_text_icon_new_window{display:inline-block;vertical-align:bottom}.realme_button,.realme_button_padding,.realme_icon_find_out_more,.realme_icon_link,.realme_icon_padlock{display:block}.realme_icon_find_out_more,.realme_icon_link,.realme_icon_padlock,.realme_icon_new_window,.realme_text_icon_new_window{background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:0 0}.realme_secondary_login,.realme_secondary_login .realme_popup_position,.realme_login,.realme_create_account,.realme_link,.realme_find_out_more,.realme_icon_new_window,.realme_text_icon_new_window{*display:inline;*zoom:1}.realme_primary_login,.realme_alternative_login,.realme_assert{border-width:1px;border-style:solid}.realme_icon_padlock,.realme_icon_new_window{_overflow:hidden}.realme_primary_login,.realme_alternative_login,.realme_assert{_width:320px}.realme_widget{padding:.76923em 1.07692em;border-color:rgba(0,0,0,0);font-family:sans-serif;color:inherit;font-size:13px;line-height:1.53846}.realme_widget p{margin-top:.5em;margin-bottom:1em;font-family:sans-serif}.realme_widget a{text-decoration:none;font-family:sans-serif}.realme_widget .realme_login,.realme_widget .realme_create_account,.realme_widget .whats_realme,.realme_widget .realme_link{color:#2c5897}.realme_widget .realme_login:hover,.realme_widget .realme_create_account:hover,.realme_widget .whats_realme:hover,.realme_widget .realme_link:hover,.realme_widget .realme_login:active,.realme_widget .realme_create_account:active,.realme_widget .whats_realme:active,.realme_widget .realme_link:active{color:#204170;text-decoration:underline;border:0}.realme_widget .realme_title{margin-top:0;margin-bottom:0;font-size:1.230769231em;font-family:sans-serif;font-weight:bold}.realme_mini_title{font-size:1.076923077em}.realme_primary_login{max-width:28em;min-width:16.30769em;padding:1.38462em}.realme_primary_login p{font-size:14px}.realme_primary_login .realme_create_account{float:right}.realme_alternative_login{max-width:18em;min-width:10.30769em}.realme_alternative_login .realme_title{font-size:1.076923077em;margin-bottom:.5em}.realme_assert .whats_realme,.realme_assert .realme_create_account,.realme_primary_login .whats_realme,.realme_primary_login .realme_create_account,.realme_alternative_login .whats_realme,.realme_alternative_login .realme_create_account{margin-top:.5em}.realme_assert{max-width:28em}.realme_secondary_login{padding-right:2.76923em;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAMAAAAUaRt1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQjdGMTE3NDA3MjA2ODExODIyQUUxNjk1NDYwRkIwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOEJERTJEOTczRTQxMUUyOTlGMUE3Qzc3NkREQkVCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJERTJEODczRTQxMUUyOTlGMUE3Qzc3NkREQkVCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTE4REJCQUQ4NzUxQjhGRTAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCN0YxMTc0MDcyMDY4MTE4MjJBRTE2OTU0NjBGQjBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QW8ZjwAAAcVQTFRFHR0b1NTUR0dFcXFw/v7+7TY56hkV0dHC9YKI5OTb4+Pa8fHx6A8A9HN4ODg36ycp6RYO7e3t6RQKQUFA9o2S6RcQ7TE0KiooLy8tRkZEf39+4+Pi6enjMDAvx8fH+Pj2+fn36urk+8jLycnI6hgT9PT082Zr8Vth9H6DRUVD6BABOjo5+J6i8mNo+Jqf7TM3+Pj43Nzc4eHh/vj5kpKR6RQI9HB19HJ39YeM+aOnTU1LdHRz+8HD70VJ09PS+KCk5OTk6yMkkJCPtbW19vb29NjZ/vX2/vDx9fX16A4A/dvd+JmeODg295SYoqKhra2s6yQl95GV8/PyKSkoioqJ6REE7C8ywsLB59/f+/b2wMDAMjIwUlJRRERCV1dV9Ht//N7g6BED/f39Tk5M5N/flpaVOTk41NTTLCwqIyMh6urqu7u682pu70VK8vLyoKCfNDQy8mRp9o6T/vb36+vq+vr6rq6u/NLU+KWp/enq2dnZ6yEhpKSjra2t+ri6KyspeHh36RUM+8zPKSkni4uK8l5j70RI/uzt6hoWoaGg8E5U95WZ7kBFPj48+fDw/ODhgIB/70JHSEhH6A0A0NDB////////sXj0XAAAAJd0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////APGfmBMAAAFLSURBVHjazNPFbgNBDAbgtA000DAzlpmZmZmZmZmZ2XGft7ubQ5XVTtPe8h8sS/5Gc7F5XyHCCwfglPgJkTgZILYiIVYxA0R8EuCLGOBHYvx/Bwab6XrnZxAZwQY8z5Km+1cgxZMpTPdR7eo2AbQNPxjOzHjcNfsZxQEGd5PMxnKfxj6fwS/iAkO8Gc+CXC6vTECs4gKqkVbLejWuHV4t4jsXkPYZpecvo6bObFthMwewTOJ0TVapfeBtK3OuXtX/ygYKRZ4Q7k8LvKBLRfczNKyMBwNgIkykiqxMTfftdyzgfboBuOiIpQToi5NlMMYCuVgHsIG19Ou4EhmAggWi6RKDqAv8po/fJwAhNa3YbHT35hCBEnryW47gkQiW0+g/1HtBQCBooosW8UOgPUhRTtxe/mPlQm612EUCrsBdOMiX5Qib8w8FvgUYAOVsWTOfsKYhAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right center}.realme_secondary_login .realme_login,.realme_secondary_login .realme_link,.realme_secondary_login .realme_create_account{padding-right:1.75em;padding-top:0}.realme_secondary_login .realme_pipe{border-right:solid 1px;padding-left:.5em}.realme_secondary_login .realme_pipe:first-child{padding-left:0}.realme_secondary_login .whats_realme{font-weight:bold;padding-right:.3em;padding-left:.3em;*padding-left:.5em;padding-top:0}.realme_secondary_login .realme_link{margin-right:.75em}.realme_secondary_login .realme_icon_link{right:.615384615em}.realme_button{line-height:1;margin-top:1px;cursor:pointer;color:#fff;border-width:1px;border-style:solid;background-color:#3871ae;background-repeat:repeat-x;background-image:linear-gradient(#3a78bb, #3871ae);border-radius:3px;border-color:#1d5794;-webkit-appearance:none;-webkit-border-image:none;width:100%;text-align:left;padding:0}.realme_button:hover,.realme_button:focus{background-color:#2f5f93;background-image:none;color:#fff;border-color:#103154}.realme_button_padding{color:#fff;padding:.92308em 2.53846em .92308em 1.23077em}.realme_hr{margin:0;border:0;padding:.1em 0 .38462em;border-bottom:1px solid #ddd;height:1px}.realme_login_lockup{margin-bottom:1em;_position:relative}.realme_login_lockup form{width:100%}.realme_login,.realme_create_account,.realme_link{padding-right:1.2em}.whats_realme{float:left}.realme_btn_margin{margin-left:45px}.realme_link{text-decoration:none}.realme_arrow_top_left,.realme_arrow_top_right,.realme_arrow_side_left,.realme_arrow_side_right{padding-top:1.2em}.realme_arrow_top_left .arrow,.realme_arrow_top_right .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-bottom-color:#d0d0d0;left:-1px;top:-22px}.ie6 .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 .arrow,.ie6 .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 .arrow{border-right-color:pink;border-left-color:pink;border-top-color:pink;border-top-width:0}.ie6 .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 .arrow,.ie6 .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_top_left .arrow .front,.realme_arrow_top_right .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-bottom-color:#fff;position:absolute;left:-10px;bottom:-11px}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{border-right-color:pink;border-left-color:pink;border-top-color:pink;border-top-width:0}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{top:1px}.ie6 label.radio .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 label.radio .arrow .front,.ie6 label.radio .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 label.radio .arrow .front{display:none}.ie6 label.radio .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 label.radio .arrow,.ie6 label.radio .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 label.radio .arrow{display:none}.realme_popup_wrapper{transition:opacity .3s;opacity:0;visibility:hidden;z-index:2;_display:none}.realme_arrow_top_left{top:1.6em;left:-1.7em}.realme_arrow_top_left .arrow{left:1.35em;right:auto}.realme_arrow_top_right{top:1.6em;right:-1.7em}.realme_arrow_top_right .arrow{left:auto;right:1.35em}.realme_arrow_side_left{top:-26em;left:calc(100% + 25px)}.realme_arrow_side_left .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-right-color:#d0d0d0;left:-1px;top:-22px;top:1.25em;left:-22px}.ie6 .realme_arrow_side_left .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_side_left .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-right-color:#fff;position:absolute;left:-9px;top:-10px}.ie6 .realme_arrow_side_left .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 label.radio .realme_arrow_side_left .arrow{display:none}.realme_arrow_side_right{top:-1em;right:100%}.realme_arrow_side_right .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-left-color:#d0d0d0;left:-1px;top:-22px;top:1.25em;left:auto;right:-22px}.ie6 .realme_arrow_side_right .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_side_right .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-left-color:#fff;position:absolute;right:-9px;top:-10px}.ie6 .realme_arrow_side_right .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 label.radio .realme_arrow_side_right .arrow{display:none}.realme_popup{padding:.5em 1.5em .5em;background-color:#fff;border:solid 1px #ddd;border-radius:3px}.realme_popup p,.realme_popup ul,.realme_popup strong,.realme_popup b{color:#333}.realme_popup p,.realme_popup ul,.realme_popup a{line-height:1.35em}.realme_popup ul{padding-left:1em;margin-bottom:1em}.realme_popup a{color:#2c5897}.realme_popup a:hover,.realme_popup a:active{color:#204170}.realme_popup_title,.realme_popup h2{font-size:1.07692em;color:#e1001e;margin-bottom:.5em}.no_touch .whats_realme:hover+.realme_popup_wrapper,.no_touch .realme_popup_wrapper:hover{opacity:1 !important;visibility:visible !important}.realme_find_out_more{display:inline-block;padding-right:1em}.realme_icon_find_out_more{top:.35em;right:0;width:9px;height:9px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFEXenAAAA9qN1kgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=)}.realme_icon_link{right:0;bottom:0;width:9px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFEXenAAAA9qN1kgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);background-position:right center;_margin-bottom:2px}.realme_icon_padlock{top:0;right:1em;width:11px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdGOTIyNjlBQTNBMTFFMkI0RDc5NEJGODkxMUUwNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdGOTIyNkFBQTNBMTFFMkI0RDc5NEJGODkxMUUwNjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0Y5MjI2N0FBM0ExMUUyQjRENzk0QkY4OTExRTA2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0Y5MjI2OEFBM0ExMUUyQjRENzk0QkY4OTExRTA2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp3NqwYAAACbSURBVHjaYvj//z8DFEsD8Swg/gjEn4B4KhBzw+RhiiSA+MV/CLgCxGeh7BtAzI6scAVUwh7JBkOoWDeywi9AfBVJEQyDTH8HYjMxQAAzEL9hwATvgJgTxGABYj8gBmlQAOJ4IGaEKgLaxyAHNcSP8T/YAYQByKSfRKj7CVL4iwiFv5gYiAREKyTaM6DgOQzEkng8xQYKY4AAAwAoNZpIxw/SYQAAAABJRU5ErkJggg==);background-position:right center;_height:3em}.realme_icon_new_window{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);width:9px;height:9px;margin-left:5px;vertical-align:baseline;position:relative;*top:-0.2em}.realme_text_icon_new_window{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);padding-right:1.2em;background-position:right center;*zoom:1;vertical-align:baseline}.realme_theme_default{color:#000 !important;border-color:#62b0d1;background-color:#eaf4f8}.realme_theme_default .realme_title,.realme_theme_default .realme_info{color:#000}.realme_theme_default .realme_hr,.realme_theme_default .realme_pipe{border-color:#c0dced}.realme_theme_light{color:#000 !important;border-color:#eaf4f8;background-color:#fff}.realme_theme_light .realme_title,.realme_theme_light .realme_info{color:#000}.realme_theme_light .realme_hr,.realme_theme_light .realme_pipe{border-color:#cce5f1}.realme_theme_dark{color:#fff;background-color:#3e4d5d;border-color:#3e4d5d}.realme_theme_dark .realme_title,.realme_theme_dark .realme_info{color:#fff}.realme_theme_dark .realme_hr,.realme_theme_dark .realme_pipe{border-color:#587a90}.realme_theme_dark .realme_login,.realme_theme_dark .realme_create_account,.realme_theme_dark .whats_realme,.realme_theme_dark .realme_link,.realme_theme_dark .realme_login:hover,.realme_theme_dark .realme_create_account:hover,.realme_theme_dark .whats_realme:hover,.realme_theme_dark .realme_link:hover,.realme_theme_dark .realme_login:active,.realme_theme_dark .realme_create_account:active,.realme_theme_dark .whats_realme:active,.realme_theme_dark .realme_link:active{color:#fff}.realme_theme_dark .realme_icon_link{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=)}.realme_theme_dark .realme_button{border-color:#4683c4}.realme_theme_dark .realme_button:hover,.realme_theme_dark .realme_button:active{border-color:#3871ae}.realme_theme_dark.realme_secondary_login{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAlCAMAAACNkcLAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQjdGMTE3NDA3MjA2ODExODIyQUUxNjk1NDYwRkIwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOEJERTJERDczRTQxMUUyOTlGMUE3Qzc3NkREQkVCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJERTJEQzczRTQxMUUyOTlGMUE3Qzc3NkREQkVCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTE4REJCQUQ4NzUxQjhGRTAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCN0YxMTc0MDcyMDY4MTE4MjJBRTE2OTU0NjBGQjBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dxDlIAAAAa1QTFRFHR0b1NTUR0dFcXFw7TY56hkV8fHx9YKI6A8A9HN4ODg36ycp6RYOQUFA7e3tx8fHKiooLy8t6RcQ9o2SycnIf39+9PT06hgT7TE0RkZEMDAv+8jL6RQK4+Pi9Ht/70RI9H6D6hoW8E5U+KWppKSj/vDxNDQykJCPUlJR9fX170JH6yQl+Pj4ra2slpaV+fDwoqKhoaGg/f39/NLU3NzcLCwq8mNo82pudHRz/vj5+Jme2dnZeHh3oKCf1NTTkpKRi4uKioqJ/ODhgIB/9YeM7TM3KSko9NjZ6A4A/N7g6yMkTk5MOjo56RUM6BED6BAB8mRp82Zr8l5jRUVD95WZ8Vth6REE59/fPj486+vq6urq6yEhwsLBrq6u4eHh+/b2MjIw/uztu7u695SYOTk47C8y95GVtbW17kBFKysp+ri69o6T9vb26RQI+8HDSEhH/v7+8/PyTU1L+vr6V1dVwMDA+aOn70VJ/dvd09PSra2tIyMhKSkn+J6i/vX28vLy/vb3ODg25OTk70VKRERC+8zP+Jqf9HJ3+KCk9HB15N/f/enq6A0A////////ORkCOwAAAI90Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDxbRQpAAABHklEQVR42mLoww8YBrt8L05AN3kBKUmHYoQ4EyOaPINIEq8jPnm23irvXh0xILM+Eru8roahQKZor4pbSj4zpnxprI+oYJMYL7+pSYEFFvkEBj2Rai4uLvXg3t50LPJ8LQayajm9ttY1Ub3OWOTZYgTZbCJKJAvtpYoaMeVljXq73C0r+eOdGuLsNPnC9dHkubnbWXsUs8rEe4TaeqUzejyaPVHke8CA1R9IcHTIgNjaiajy4iFBPT2+aYFABT0SebUcPXKo8p29qj09Ab11IL2h5Rw9Pdyo8uwggrO3VwhilYSCMnZ5VqCkV3aFdGouLnmenjCX5OgeJVzy5q4gC2SMkeVZWKxAhHBvrxaLcLcZj598K/3S5xDP3wABBgAmYC/F2CdZiAAAAABJRU5ErkJggg==)} +.realme_widget,.realme_button,.realme_popup_position,.realme_login,.realme_create_account,.realme_link,.realme_popup,.realme_find_out_more{position:relative}.realme_login_lockup img,.realme_arrow_top_left .arrow,.realme_arrow_top_right .arrow,.realme_popup_wrapper,.realme_arrow_side_left .arrow,.realme_arrow_side_right .arrow,.realme_icon_find_out_more,.realme_icon_link{position:absolute}.realme_login_lockup form img{border:0;margin:0;padding:0;background:rgba(0,0,0,0)}.realme_widget,.realme_secondary_login,.realme_login_lockup,.realme_popup{*zoom:1}.realme_widget:before,.realme_secondary_login:before,.realme_login_lockup:before,.realme_popup:before,.realme_widget:after,.realme_secondary_login:after,.realme_login_lockup:after,.realme_popup:after{content:" ";display:table}.realme_widget:after,.realme_secondary_login:after,.realme_login_lockup:after,.realme_popup:after{clear:both}.realme_title,.realme_mini_title,.realme_button{font-weight:bold}.realme_secondary_login,.realme_secondary_login .realme_popup_position,.realme_login,.realme_create_account,.realme_link,.realme_icon_new_window,.realme_text_icon_new_window{display:inline-block;vertical-align:bottom}.realme_button,.realme_button_padding,.realme_icon_find_out_more,.realme_icon_link{display:block}.realme_icon_find_out_more,.realme_icon_link,.realme_icon_new_window,.realme_text_icon_new_window{background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:0 0}.realme_secondary_login,.realme_secondary_login .realme_popup_position,.realme_login,.realme_create_account,.realme_link,.realme_find_out_more,.realme_icon_new_window,.realme_text_icon_new_window{*display:inline;*zoom:1}.realme_primary_login,.realme_alternative_login,.realme_assert{border-width:1px;border-style:solid}.realme_icon_new_window{_overflow:hidden}.realme_primary_login,.realme_alternative_login,.realme_assert{_width:320px}.realme_widget{background-color:#fff;color:#000;padding:.76923em 1.07692em;font-family:sans-serif;font-size:13px;line-height:1.53846}.realme_widget p{margin-top:.5em;margin-bottom:1em;font-family:sans-serif}.realme_widget a{text-decoration:none;font-family:sans-serif}.realme_widget .realme_login,.realme_widget .realme_create_account,.realme_widget .realme_link{color:#d64309}.realme_widget .realme_login:hover,.realme_widget .realme_create_account:hover,.realme_widget .realme_link:hover,.realme_widget .realme_login:active,.realme_widget .realme_create_account:active,.realme_widget .realme_link:active{text-decoration:underline;border:0}.realme_title{margin-top:0;margin-bottom:0;font-size:2.3125rem;font-family:inter,sans-serif;font-weight:300;line-height:1.46;color:#ff2c00}.realme_title_brand{font-weight:800}.realme_mini_title{font-size:1.076923077em}.realme_primary_login{max-width:28em;min-width:16.30769em;padding:1.38462em}.realme_primary_login p{font-size:14px}.realme_primary_login .realme_create_account{float:right}.realme_alternative_login{max-width:18em;min-width:10.30769em}.realme_alternative_login .realme_title{font-size:1.076923077em;margin-bottom:.5em}.realme_assert .whats_realme,.realme_assert .realme_create_account,.realme_primary_login .whats_realme,.realme_primary_login .realme_create_account,.realme_alternative_login .whats_realme,.realme_alternative_login .realme_create_account{margin-top:.5em}.realme_assert{max-width:28em}.realme_secondary_login{padding-right:2.76923em;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgdmlld0JveD0iMTAyLjMwMDAwMzA1MTc1NzgxIDEwMi41ODkyNDg2NTcyMjY1NiAxMzggMTUyLjIxMDc1NDM5NDUzMTI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDMgMzU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0Q2NDMwOTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzEuMywxMDIuNmMwLDAtNjktMi4xLTY5LDUyLjRjMCw1NC41LDMyLjgsOTkuOCw2OSw5OS44YzM2LjIsMCw2OS00NS40LDY5LTk5LjgKICAgIEMyNDAuMywxMDAuNSwxNzEuMywxMDIuNiwxNzEuMywxMDIuNnogTTE1NC42LDE3MS4xYy0xLjcsMy43LTUuMSw1LjYtOS45LDUuNmMtNC45LDAtOC4zLTEuOS05LjktNS42Yy0wLjctMS41LTEtMy4yLTEtNS40CiAgICBjMC0yLjMsMC4zLTMuOSwxLTUuNWMxLjctMy43LDUtNS41LDkuOS01LjVjNC44LDAsOC4yLDEuOCw5LjksNS41YzAuNywxLjYsMSwzLjIsMSw1LjVDMTU1LjYsMTY3LjksMTU1LjMsMTY5LjYsMTU0LjYsMTcxLjF6CiAgICBNMjE0LjEsMTUyLjFjLTQuMy0wLjYtMTcuMS0wLjctMjMuOSw1LjNjLTMuNCwzLTUuMSw3LjQtNS4xLDEzLjN2NDAuMmgtMTUuNHYtNDAuMmMwLTEwLjQsMy42LTE5LDEwLjQtMjQuOQogICAgYzEzLjMtMTEuNiwzMy43LTkuMiwzNi04LjlMMjE0LjEsMTUyLjF6Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-position:right center}.realme_secondary_login .realme_login,.realme_secondary_login .realme_link,.realme_secondary_login .realme_create_account{padding-right:1.75em;padding-top:0}.realme_secondary_login .realme_pipe{border-right:solid 1px;padding-left:.5em}.realme_secondary_login .realme_pipe:first-child{padding-left:0}.realme_secondary_login .whats_realme{font-weight:bold;padding-right:.3em;padding-left:.3em;*padding-left:.5em;padding-top:0}.realme_secondary_login .realme_link{margin-right:.75em}.realme_secondary_login .realme_icon_link{right:.615384615em}.realme_button{cursor:pointer;line-height:1;margin-top:1px;color:#fff;background-color:#d64309;border-radius:1rem;border:none;-webkit-appearance:none;-webkit-border-image:none;font-size:1.107692308rem;line-height:1.2em;width:100%;text-align:left;padding:0}.realme_button_padding{display:flex;align-items:center;padding:1em 1.25em}.realme_button_login-icon{display:inline-block;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgdmlld0JveD0iMTAyLjMwMDAwMzA1MTc1NzgxIDEwMi41ODkyNDg2NTcyMjY1NiAxMzggMTUyLjIxMDc1NDM5NDUzMTI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDMgMzU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzEuMywxMDIuNmMwLDAtNjktMi4xLTY5LDUyLjRjMCw1NC41LDMyLjgsOTkuOCw2OSw5OS44YzM2LjIsMCw2OS00NS40LDY5LTk5LjgKICAgIEMyNDAuMywxMDAuNSwxNzEuMywxMDIuNiwxNzEuMywxMDIuNnogTTE1NC42LDE3MS4xYy0xLjcsMy43LTUuMSw1LjYtOS45LDUuNmMtNC45LDAtOC4zLTEuOS05LjktNS42Yy0wLjctMS41LTEtMy4yLTEtNS40CiAgICBjMC0yLjMsMC4zLTMuOSwxLTUuNWMxLjctMy43LDUtNS41LDkuOS01LjVjNC44LDAsOC4yLDEuOCw5LjksNS41YzAuNywxLjYsMSwzLjIsMSw1LjVDMTU1LjYsMTY3LjksMTU1LjMsMTY5LjYsMTU0LjYsMTcxLjF6CiAgICBNMjE0LjEsMTUyLjFjLTQuMy0wLjYtMTcuMS0wLjctMjMuOSw1LjNjLTMuNCwzLTUuMSw3LjQtNS4xLDEzLjN2NDAuMmgtMTUuNHYtNDAuMmMwLTEwLjQsMy42LTE5LDEwLjQtMjQuOQogICAgYzEzLjMtMTEuNiwzMy43LTkuMiwzNi04LjlMMjE0LjEsMTUyLjF6Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;margin-right:.5em;height:2em;width:2em}.realme_hr{margin:0;border:0;padding:.1em 0 .38462em;border-bottom:1px solid #ddd;height:1px}.realme_login_lockup{margin-bottom:1em;_position:relative}.realme_login_lockup form{width:100%}.realme_login,.realme_create_account,.realme_link{padding-right:1.2em}.realme_link{text-decoration:none}.realme_arrow_top_left,.realme_arrow_top_right,.realme_arrow_side_left,.realme_arrow_side_right{padding-top:1.2em}.realme_arrow_top_left .arrow,.realme_arrow_top_right .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-bottom-color:#d0d0d0;left:-1px;top:-22px}.ie6 .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 .arrow,.ie6 .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 .arrow{border-right-color:pink;border-left-color:pink;border-top-color:pink;border-top-width:0}.ie6 .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 .arrow,.ie6 .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_top_left .arrow .front,.realme_arrow_top_right .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-bottom-color:#fff;position:absolute;left:-10px;bottom:-11px}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{border-right-color:pink;border-left-color:pink;border-top-color:pink;border-top-width:0}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 .arrow .front,.ie6 .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 .arrow .front{top:1px}.ie6 label.radio .realme_arrow_top_left .arrow .front,.realme_arrow_top_left .ie6 label.radio .arrow .front,.ie6 label.radio .realme_arrow_top_right .arrow .front,.realme_arrow_top_right .ie6 label.radio .arrow .front{display:none}.ie6 label.radio .realme_arrow_top_left .arrow,.realme_arrow_top_left .ie6 label.radio .arrow,.ie6 label.radio .realme_arrow_top_right .arrow,.realme_arrow_top_right .ie6 label.radio .arrow{display:none}.realme_popup_wrapper{transition:opacity .3s;opacity:0;visibility:hidden;z-index:2;_display:none}.realme_arrow_top_left{top:1.6em;left:-1.7em}.realme_arrow_top_left .arrow{left:1.35em;right:auto}.realme_arrow_top_right{top:1.6em;right:-1.7em}.realme_arrow_top_right .arrow{left:auto;right:1.35em}.realme_arrow_side_left{top:-26em;left:calc(100% + 25px)}.realme_arrow_side_left .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-right-color:#d0d0d0;left:-1px;top:-22px;top:1.25em;left:-22px}.ie6 .realme_arrow_side_left .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_side_left .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-right-color:#fff;position:absolute;left:-9px;top:-10px}.ie6 .realme_arrow_side_left .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 label.radio .realme_arrow_side_left .arrow{display:none}.realme_arrow_side_right{top:-1em;right:100%}.realme_arrow_side_right .arrow{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:11px;display:block;border-left-color:#d0d0d0;left:-1px;top:-22px;top:1.25em;left:auto;right:-22px}.ie6 .realme_arrow_side_right .arrow{filter:chroma(color=pink);font-size:0;line-height:0}.realme_arrow_side_right .arrow .front{width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0);border-width:10px;display:block;border-left-color:#fff;position:absolute;right:-9px;top:-10px}.ie6 .realme_arrow_side_right .arrow .front{filter:chroma(color=pink);font-size:0;line-height:0}.ie6 label.radio .realme_arrow_side_right .arrow{display:none}.realme_popup{padding:.5em 1.5em .5em;background-color:#fff;border:solid 1px #ddd;border-radius:3px}.realme_popup p,.realme_popup ul,.realme_popup strong,.realme_popup b{color:#333}.realme_popup p,.realme_popup ul,.realme_popup a{line-height:1.35em}.realme_popup ul{padding-left:1em;margin-bottom:1em}.realme_popup a,.realme_popup a:hover,.realme_popup a:active{color:#d64309}.realme_popup_title,.realme_popup h2{font-size:1.07692em;color:#e1001e;margin-bottom:.5em}.no_touch .whats_realme:hover+.realme_popup_wrapper,.no_touch .realme_popup_wrapper:hover{opacity:1 !important;visibility:visible !important}.realme_find_out_more{display:inline-block;padding-right:1em}.realme_icon_find_out_more{top:.35em;right:0;width:9px;height:9px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFEXenAAAA9qN1kgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=)}.realme_icon_link{right:0;bottom:0;width:9px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFEXenAAAA9qN1kgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);background-position:right center;_margin-bottom:2px}.realme_icon_new_window{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);width:9px;height:9px;vertical-align:baseline;position:relative;*top:-0.2em}.realme_text_icon_new_window{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAJklEQVR42mJgBAEGEGBkRLBBPAZGqCADI5QF4UEUMuBiwbQDBBgACWwANEE3UAYAAAAASUVORK5CYII=);padding-right:1.2em;background-position:right center;*zoom:1;vertical-align:baseline} diff --git a/client/src/images/RealMe-Face-Symbol_Web-RGB.png b/client/src/images/RealMe-Face-Symbol_Web-RGB.png new file mode 100644 index 0000000..0bd2c51 Binary files /dev/null and b/client/src/images/RealMe-Face-Symbol_Web-RGB.png differ diff --git a/client/src/images/RealMe-Face-Symbol_Web-RGB.svg b/client/src/images/RealMe-Face-Symbol_Web-RGB.svg new file mode 100644 index 0000000..e0d44e0 --- /dev/null +++ b/client/src/images/RealMe-Face-Symbol_Web-RGB.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/client/src/images/RealMe-Face-Symbol_White.png b/client/src/images/RealMe-Face-Symbol_White.png new file mode 100644 index 0000000..fd668d1 Binary files /dev/null and b/client/src/images/RealMe-Face-Symbol_White.png differ diff --git a/client/src/images/RealMe-Face-Symbol_White.svg b/client/src/images/RealMe-Face-Symbol_White.svg new file mode 100644 index 0000000..c3e49dd --- /dev/null +++ b/client/src/images/RealMe-Face-Symbol_White.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/client/src/images/RealMe-logo@2x.png b/client/src/images/RealMe-logo@2x.png deleted file mode 100644 index d613c79..0000000 Binary files a/client/src/images/RealMe-logo@2x.png and /dev/null differ diff --git a/client/src/images/btn-primary-repeat-x.jpg b/client/src/images/btn-primary-repeat-x.jpg deleted file mode 100755 index d0e3f24..0000000 Binary files a/client/src/images/btn-primary-repeat-x.jpg and /dev/null differ diff --git a/client/src/images/logo-simple-login-dark.png b/client/src/images/logo-simple-login-dark.png deleted file mode 100755 index 8a78fee..0000000 Binary files a/client/src/images/logo-simple-login-dark.png and /dev/null differ diff --git a/client/src/images/logo-simple-login.png b/client/src/images/logo-simple-login.png deleted file mode 100755 index dbd72b4..0000000 Binary files a/client/src/images/logo-simple-login.png and /dev/null differ diff --git a/client/src/images/logo.png b/client/src/images/logo.png deleted file mode 100755 index 0f11dfa..0000000 Binary files a/client/src/images/logo.png and /dev/null differ diff --git a/client/src/images/padlock-blue.png b/client/src/images/padlock-blue.png deleted file mode 100755 index 453207e..0000000 Binary files a/client/src/images/padlock-blue.png and /dev/null differ diff --git a/client/src/images/padlock-white.png b/client/src/images/padlock-white.png deleted file mode 100755 index 0e9de88..0000000 Binary files a/client/src/images/padlock-white.png and /dev/null differ diff --git a/client/src/styles/_base.scss b/client/src/styles/_base.scss index 0474875..b29cc78 100644 --- a/client/src/styles/_base.scss +++ b/client/src/styles/_base.scss @@ -1,8 +1,8 @@ -.realme_widget, .realme_button, .realme_popup_position, .realme_login, .realme_create_account, .whats_realme, .realme_link, .realme_popup, .realme_find_out_more { +.realme_widget, .realme_button, .realme_popup_position, .realme_login, .realme_create_account, .realme_link, .realme_popup, .realme_find_out_more { position: relative; } -.realme_login_lockup img, .realme_arrow_top_left .arrow, .realme_arrow_top_right .arrow, .realme_popup_wrapper, .realme_arrow_side_left .arrow, .realme_arrow_side_right .arrow, .realme_icon_find_out_more, .realme_icon_link, .realme_icon_padlock { +.realme_login_lockup img, .realme_arrow_top_left .arrow, .realme_arrow_top_right .arrow, .realme_popup_wrapper, .realme_arrow_side_left .arrow, .realme_arrow_side_right .arrow, .realme_icon_find_out_more, .realme_icon_link { position: absolute; } @@ -38,11 +38,11 @@ vertical-align: bottom; } -.realme_button, .realme_button_padding, .realme_icon_find_out_more, .realme_icon_link, .realme_icon_padlock { +.realme_button, .realme_button_padding, .realme_icon_find_out_more, .realme_icon_link { display: block; } -.realme_icon_find_out_more, .realme_icon_link, .realme_icon_padlock, .realme_icon_new_window, .realme_text_icon_new_window { +.realme_icon_find_out_more, .realme_icon_link, .realme_icon_new_window, .realme_text_icon_new_window { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; @@ -59,7 +59,7 @@ border-style: solid; } -.realme_icon_padlock, .realme_icon_new_window { +.realme_icon_new_window { _overflow: hidden; /*ie6*/ } @@ -74,11 +74,10 @@ ----------------------------------------------------- */ .realme_widget { +background-color: $brand-color-main-contrast; +color: $brand-color-text; padding: 0.76923em 1.07692em; - border-color: transparent; - /* The border-color is modified by each theme */ font-family: sans-serif; - color: inherit; font-size: 13px; /* Set font-size explicitly to avoid cascade from the page. */ line-height: 1.53846; @@ -94,11 +93,10 @@ font-family: sans-serif; } -.realme_widget .realme_login, .realme_widget .realme_create_account, .realme_widget .whats_realme, .realme_widget .realme_link { - color: #2c5897; +.realme_widget .realme_login, .realme_widget .realme_create_account, .realme_widget .realme_link { + color: $brand-color-main-accessible; } -.realme_widget .realme_login:hover, .realme_widget .realme_create_account:hover, .realme_widget .whats_realme:hover, .realme_widget .realme_link:hover, .realme_widget .realme_login:active, .realme_widget .realme_create_account:active, .realme_widget .whats_realme:active, .realme_widget .realme_link:active { - color: #204170; +.realme_widget .realme_login:hover, .realme_widget .realme_create_account:hover, .realme_widget .realme_link:hover, .realme_widget .realme_login:active, .realme_widget .realme_create_account:active, .realme_widget .realme_link:active { text-decoration: underline; border: 0; } diff --git a/client/src/styles/_buttons.scss b/client/src/styles/_buttons.scss index e2d2557..e87e153 100644 --- a/client/src/styles/_buttons.scss +++ b/client/src/styles/_buttons.scss @@ -1,26 +1,15 @@ .realme_button { + cursor: pointer; line-height: 1; margin-top: 1px; - cursor: pointer; - color: white; - border-width: 1px; - border-style: solid; - background-color: #3871ae; - background-repeat: repeat-x; - /* Things that fancy browsers get */ - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a78bb), color-stop(100%, #3871ae)); - background-image: -webkit-linear-gradient(#3a78bb, #3871ae); - background-image: -moz-linear-gradient(#3a78bb, #3871ae); - background-image: -o-linear-gradient(#3a78bb, #3871ae); - background-image: linear-gradient(#3a78bb, #3871ae); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - border-color: #1d5794; + color: $brand-color-main-contrast; + background-color: $brand-color-main-accessible; + border-radius: $btn-border-radius; + border: none; -webkit-appearance: none; -webkit-border-image: none; + font-size: 1.107692308rem; + line-height: 1.2em; /** * Added for SilverStripe module: @@ -31,14 +20,18 @@ text-align: left; padding: 0; } -.realme_button:hover, .realme_button:focus { - background-color: #2f5f93; - background-image: none; - color: #fff; - border-color: #103154; -} .realme_button_padding { - color: #fff; - padding: 0.92308em 2.53846em 0.92308em 1.23077em; + display: flex; + align-items: center; + padding: 1em 1.25em; +} + +.realme_button_login-icon { + display: inline-block; + background-image: url('../images/RealMe-Face-Symbol_White.svg'); + background-repeat: no-repeat; + margin-right: 0.5em; + height: 2em; + width: 2em; } diff --git a/client/src/styles/_icons.scss b/client/src/styles/_icons.scss index 1b9d85b..d447d1d 100644 --- a/client/src/styles/_icons.scss +++ b/client/src/styles/_icons.scss @@ -17,22 +17,10 @@ /*ie6*/ } -.realme_icon_padlock { - top: 0; - right: 1em; - width: 11px; - height: 100%; - background-image: url('../images/padlock-white.png'); - background-position: right center; - _height: 3em; - /*ie6*/ -} - .realme_icon_new_window { background-image: url('../images/icon-new-window-white.png'); width: 9px; height: 9px; - margin-left: 5px; vertical-align: baseline; position: relative; *top: -0.2em; diff --git a/client/src/styles/_links.scss b/client/src/styles/_links.scss index f82700d..ebf644f 100644 --- a/client/src/styles/_links.scss +++ b/client/src/styles/_links.scss @@ -2,14 +2,6 @@ padding-right: 1.2em; } -.whats_realme { - float: left; -} - -.realme_btn_margin { - margin-left: 45px; -} - .realme_link { text-decoration: none; } diff --git a/client/src/styles/_popup.scss b/client/src/styles/_popup.scss index e096656..ff11728 100644 --- a/client/src/styles/_popup.scss +++ b/client/src/styles/_popup.scss @@ -194,11 +194,10 @@ padding-left: 1em; margin-bottom: 1em; } -.realme_popup a { - color: #2c5897; -} -.realme_popup a:hover, .realme_popup a:active { - color: #204170; +.realme_popup a, +.realme_popup a:hover, +.realme_popup a:active { + color: $brand-color-main-accessible; } .realme_popup_title, diff --git a/client/src/styles/_themes.scss b/client/src/styles/_themes.scss deleted file mode 100644 index 0e4f108..0000000 --- a/client/src/styles/_themes.scss +++ /dev/null @@ -1,52 +0,0 @@ -.realme_theme_default { - color: #000 !important; - border-color: #62b0d1; - background-color: #eaf4f8; -} -.realme_theme_default .realme_title, .realme_theme_default .realme_info { - color: #000; -} -.realme_theme_default .realme_hr, .realme_theme_default .realme_pipe { - border-color: #c0dced; -} - -.realme_theme_light { - color: #000 !important; - border-color: #eaf4f8; - background-color: #fff; -} -.realme_theme_light .realme_title, .realme_theme_light .realme_info { - color: #000; -} -.realme_theme_light .realme_hr, .realme_theme_light .realme_pipe { - border-color: #cce5f1; -} - -.realme_theme_dark { - color: #fff; - background-color: #3e4d5d; - border-color: #3e4d5d; -} -.realme_theme_dark .realme_title, .realme_theme_dark .realme_info { - color: #fff; -} -.realme_theme_dark .realme_hr, .realme_theme_dark .realme_pipe { - border-color: #587a90; -} -.realme_theme_dark .realme_login, .realme_theme_dark .realme_create_account, .realme_theme_dark .whats_realme, .realme_theme_dark .realme_link, -.realme_theme_dark .realme_login:hover, .realme_theme_dark .realme_create_account:hover, .realme_theme_dark .whats_realme:hover, .realme_theme_dark .realme_link:hover, -.realme_theme_dark .realme_login:active, .realme_theme_dark .realme_create_account:active, .realme_theme_dark .whats_realme:active, .realme_theme_dark .realme_link:active { - color: #fff; -} -.realme_theme_dark .realme_icon_link { - background-image: url('../images/icon-new-window-white.png'); -} -.realme_theme_dark .realme_button { - border-color: #4683c4; -} -.realme_theme_dark .realme_button:hover, .realme_theme_dark .realme_button:active { - border-color: #3871ae; -} -.realme_theme_dark.realme_secondary_login { - background-image: url('../images/logo-simple-login-dark.png'); -} diff --git a/client/src/styles/_typography.scss b/client/src/styles/_typography.scss index 6268501..1c3b394 100644 --- a/client/src/styles/_typography.scss +++ b/client/src/styles/_typography.scss @@ -1,10 +1,15 @@ -.realme_widget .realme_title { +.realme_title { margin-top: 0; margin-bottom: 0; - font-size: 1.230769231em; - font-family: sans-serif; - font-weight: bold; - /* 16px */ + font-size: 2.3125rem; + font-family: inter, sans-serif; + font-weight: 300; + line-height: 1.46; + color: $brand-color-main; +} + +.realme_title_brand { + font-weight: 800; } .realme_mini_title { @@ -43,7 +48,7 @@ .realme_secondary_login { padding-right: 2.76923em; - background-image: url('../images/logo-simple-login.png'); + background-image: url('../images/RealMe-Face-Symbol_Web-RGB.svg'); background-repeat: no-repeat; background-position: right center; } diff --git a/client/src/styles/_variables.scss b/client/src/styles/_variables.scss new file mode 100644 index 0000000..6914f2d --- /dev/null +++ b/client/src/styles/_variables.scss @@ -0,0 +1,7 @@ +// See the brand guidelines at https://developers.realme.govt.nz/how-to-integrate/application-design-and-branding-guide/realme-new-page-elements/ +$brand-color-main: #FF2C00; +$brand-color-main-accessible: #D64309; +$brand-color-main-contrast: white; +$brand-color-text: black; + +$btn-border-radius: 1rem; diff --git a/client/src/styles/bundle.scss b/client/src/styles/bundle.scss index f53bec4..b5c3e7c 100755 --- a/client/src/styles/bundle.scss +++ b/client/src/styles/bundle.scss @@ -1,3 +1,4 @@ +@import 'variables'; @import 'base'; @import 'typography'; @import 'buttons'; @@ -5,4 +6,3 @@ @import 'links'; @import 'popup'; @import 'icons'; -@import 'themes'; diff --git a/package.json b/package.json index 1a8386e..780be5e 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,6 @@ "devDependencies": { "@silverstripe/eslint-config": "^1.0.0", "@silverstripe/webpack-config": "^2.0.0", - "copy-webpack-plugin": "^11.0.0", "webpack": "^5.74.0", "webpack-cli": "^5.0.0" }, diff --git a/templates/SilverStripe/RealMe/Authenticator/LoginForm.ss b/templates/SilverStripe/RealMe/Authenticator/LoginForm.ss index 16a181f..763c985 100644 --- a/templates/SilverStripe/RealMe/Authenticator/LoginForm.ss +++ b/templates/SilverStripe/RealMe/Authenticator/LoginForm.ss @@ -39,18 +39,17 @@ or directly in your css, e.g. .realme_popup {width: 450px} <% end_if %>
-

Login with RealMe®

+

Login with RealMe

- To access the $ServiceName1, you need a RealMe login. If you’ve used a RealMe login somewhere else, you can use - it here too. If you don’t already have a username and password, just select Login and choose to create one. + To access the $ServiceName1, you need a RealMe login. If you've used a RealMe login somewhere else, you can use + it here too. If you don't already have a username and password, just select Login and choose to create one.

<% if $Actions %> - RealMe -
+
<% loop $Actions %> $Field <% end_loop %> @@ -62,7 +61,7 @@ or directly in your css, e.g. .realme_popup {width: 450px}
- What’s RealMe? + What's RealMe?
diff --git a/templates/SilverStripe/RealMe/Authenticator/LoginForm/RealMeAssertForm.ss b/templates/SilverStripe/RealMe/Authenticator/LoginForm/RealMeAssertForm.ss index e755f70..eb7e8e4 100644 --- a/templates/SilverStripe/RealMe/Authenticator/LoginForm/RealMeAssertForm.ss +++ b/templates/SilverStripe/RealMe/Authenticator/LoginForm/RealMeAssertForm.ss @@ -39,13 +39,12 @@ or directly in your css, e.g. .realme_popup {width: 450px} <% end_if %>
-

Prove your identity with RealMe

+

Prove your identity with RealMe

If you have verified your identity with RealMe you can securely prove who you are, right now.