body,html{margin:0;padding:0;font-size:16px}body{font-family:"Lato",arial,sans-serif;font-weight:300;overflow:auto}.action_button{padding:7px 23px 8px 23px;background-color:#ffd439;transition:all .4s ease-in-out;font-weight:700;color:#333;font-size:18px;position:relative;cursor:pointer;display:inline-block;user-select:none;border:none;border-radius:4px}.action_button.green{background:#c4dd61;color:#525252}.action_button.green:hover{background:#d5ea7f}.action_button:hover{background-color:#ffc904;color:#000;box-shadow:0px 1px 3px #979696;text-decoration:none}.action_button .little-button-text{font-size:18px;display:block}a{color:#0093e7;text-decoration:none}a:hover{text-decoration:underline}a img{border:none}header{position:relative;z-index:1000;padding:35px 0 0 136px;margin:0 0 25px 0;display:block;height:49px}header.logged_in{background:#fff url(/img/header_border_alt.png) 0% 100% repeat-x}header ul,header p{margin:0;padding:0}header h1.logo{position:absolute;left:0;top:0;margin:0;overflow:hidden}header h1.logo a{display:block;width:100px;height:0;padding:60px 0 0 10px;margin:10px 0 0 10px;background:url(/img/retina/materia_tmp_logo@2x.png) 0% 0% no-repeat;background-size:160px 68px}header#loginLink{top:auto}header .profile-bar{position:absolute;top:45px;right:30px;display:flex;flex-direction:row;gap:10px;font-size:14px}header .profile-bar .profile-bar-options{display:flex;flex-direction:column;align-items:end}header .profile-bar img:not(.noticeClose){width:35px;height:35px;border-radius:2px}header .profile-bar img:not(.noticeClose):hover:not(.senderAvatar){cursor:pointer}header .profile-bar a{font-size:14px;font-weight:300;color:#4c4c4c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;max-width:150px}header .profile-bar a:hover{text-decoration:underline;cursor:pointer}header .profile-menu{visibility:hidden;position:absolute;top:100px;right:28px;text-align:right;background-color:#fff;box-shadow:1px 10px 10px 1px rgba(0,0,0,.1);padding:15px 15px 15px 25px;border:1px solid #fff;border-radius:5px}header .profile-menu ul{display:flex;flex-direction:column;gap:10px}header .profile-menu ul li{display:inline;max-width:100px}header .profile-menu ul li span{font-size:12px}header .profile-menu ul li a{font-size:14px;font-weight:100;margin:0;padding:0;color:#4c4c4c;transition:all .2s linear}header .profile-menu ul li a:hover{border:none;border-bottom:2px solid #0093e7;padding:5px 0;text-decoration:none}header .profile-menu.show{visibility:visible}header .profile-menu .arrow-top{border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #fff;position:absolute;right:5px;top:-10px}header.logged-in .user.avatar{right:20px}header.logged-out .user.avatar{right:35px}header nav{display:block;margin-top:16px}header nav ul li{display:inline;padding:0 10px 0 0}header nav ul li .logout a{display:none;position:absolute;right:20px;bottom:13px;font-size:14px}header nav ul li a{font-size:14px;font-weight:300;margin:0;padding:0}header a{color:#0093e7;text-decoration:none}header a:hover{text-decoration:underline}header a img{border:none}header #mobile-menu-toggle{display:none}header .elevated{color:#ffa52b}header .nav_expandable{color:#0093e7;font-size:17px;font-weight:bold;height:27px;position:relative;margin-left:20px}header .nav_expandable ul{display:none;background-color:#fff;padding:0;position:absolute;bottom:-140%;left:-10px;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}header .nav_expandable:hover>span{display:inline-block;height:27px}header .nav_expandable:hover>span.admin{padding-right:165px}header .nav_expandable:hover>span.support{padding-right:75px}header .nav_expandable:hover>ul{display:flex}header .nav_expandable:hover>ul li{padding:0 10px 5px;height:auto}header #notices{position:absolute;display:flex;flex-direction:column;right:20px;top:45px;width:400px;box-shadow:1px 10px 10px 1px rgba(0,0,0,.1);background-color:#fff;border-radius:3px;overflow:auto;max-height:500px}header #notices h2{color:rgba(0,0,0,.3);padding:10px;font-size:1em}header .notice{line-height:normal;padding:10px;display:flex;flex-direction:row;gap:10px}header .notice:hover{background-color:#fafafa}header .notice .senderAvatar{width:50px;height:50px}header .notice.deleted{background-color:red !important}header #notifications_link{cursor:pointer;width:45px;height:31px;border:none;background:url(../../../img/envelope.svg) 0% 0% no-repeat;padding:0;box-sizing:border-box}header #notifications_link:hover{box-shadow:0px 0px 5px 0px gray}header #notifications_link.notEmpty:after{content:attr(data-notifications);border-radius:50%;border:1px solid red;color:#fff;display:inline-block;width:15px;height:15px;background-color:red;position:absolute;left:35px;bottom:-5px;font-size:.9em}header .noticeClose{border:none;padding:2px;width:20px;height:20px;flex-shrink:0;visibility:hidden}header .noticeClose.show{visibility:visible}header .noticeClose:hover{cursor:pointer;filter:invert(0.5) sepia(1) saturate(80) hue-rotate(340deg)}header .notice_right_side{display:flex;flex-direction:column;gap:5px}header .notice_right_side .subject{line-height:1.5em}header .notice_right_side .subject a{font-weight:bold;text-decoration:underline}header .grantAccessTitle{margin-top:5px;margin-bottom:0px;padding:5px 0;border-top:1px solid gray}header .notif-date{font-size:12px;color:#646464;padding-top:5px}header .mobile-notifications{display:none}header #removeAllNotifications{color:#a2a2a2;overflow:visible;padding:10px;align-self:end}header #removeAllNotifications:hover{color:red}@media(max-width: 720px){header{min-height:49px;height:auto;padding:0;margin-bottom:8px}header h1.logo{display:inline-block;position:static}header #mobile-menu-toggle{display:block;position:absolute;right:15px;top:25px;height:35px;width:37px;border:none;padding:2px 5px;border-radius:3px;text-align:left;background:none;box-shadow:none;cursor:pointer}header #mobile-menu-toggle.expanded~nav{visibility:visible;max-height:175px;margin-bottom:25px;opacity:1;width:100%;box-sizing:border-box}header #mobile-menu-toggle.expanded div{transform:rotate(50deg) translate(6px, -8px);width:18px}header #mobile-menu-toggle.expanded div:before{opacity:0;width:0;transform:rotate(-50deg) translate(-6px, 8px)}header #mobile-menu-toggle.expanded div:after{transform:rotate(-100deg) translate(0, -7px);width:18px}header #mobile-menu-toggle div{transition:all 300ms ease;height:2px;width:25px;background:#333;position:relative}header #mobile-menu-toggle div:before,header #mobile-menu-toggle div:after{transition:all 300ms ease;content:" ";height:2px;width:25px;background:#333;position:absolute}header #mobile-menu-toggle div:before{top:-8px}header #mobile-menu-toggle div:after{top:8px}header .profile-bar{gap:20px;right:75px;top:25px}header .profile-bar .desktop-notifications{display:none}header .profile-bar .profile-bar-options{display:none}header .mobile-notifications{display:block}header .mobile-notifications #notifications_link{margin-top:5px;position:absolute;top:25px;right:130px}header nav{visibility:hidden;opacity:0;max-height:0;padding:0 20px;text-align:right;transition:all ease 500ms}header nav ul li{display:block;padding:5px}header nav ul li.nav_expandable:hover ul li{display:inline-block;padding:0 10px 5px;height:auto}header nav ul li.nav_expandable:hover>span.admin{padding-right:0}header nav ul li.nav_expandable:hover>span.support{padding-right:0}header nav ul li.nav_expandable ul{top:0;bottom:0;right:75px;left:auto;border-bottom:none;border-left:none;padding:5px}header nav ul li .logout a{display:inline;font-size:17px;position:static}header nav ul li a{font-size:14px;font-weight:300;margin:0;padding:0}header .notifContainer{position:static;right:auto;top:auto}header .notifContainer #notices{top:auto;right:auto;width:100%;overflow:hidden;max-height:inherit}header .notifContainer .noticeClose{visibility:visible}header .profile-menu{display:none}header #loginLink{top:7.5px;position:absolute;right:0}}nav{display:block}nav ul li{display:inline;padding:0 20px 0 0}nav ul li .logout a{display:none;position:absolute;right:20px;bottom:13px;font-size:14px}nav ul li a{font-size:14px;font-weight:100;margin:0;padding:0;color:#4c4c4c;transition:all .2s linear}nav ul li a:hover{border:none;border-bottom:2px solid #0093e7;padding:5px 0;color:#000;text-decoration:none}h1.logo{position:absolute;left:0;top:0;margin:0;overflow:hidden}h1.logo a{display:block;width:100px;height:0;padding:60px 0 0 10px;margin:10px 0 0 10px;background:url(/img/materia_tmp_logo.png) 0% 0% no-repeat}@media only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 2){h1.logo a{background:url(/img/retina/materia_tmp_logo@2x.png) 0% 0% no-repeat;background-size:160px 68px}header{background:#fff;background-size:12px 6px}}.action_button{padding:7px 23px 8px 23px;background-color:#ffd439;transition:all .4s ease-in-out;font-weight:700;color:#333;font-size:18px;position:relative;cursor:pointer;display:inline-block;user-select:none;border-radius:4px;border:none}.ng-modal .action_button{margin:5px auto}.action_button.green{background:#c4dd61;color:#525252}.action_button.green:hover{background:#d5ea7f}.action_button.notification_action{font-size:14px;display:none}.action_button.notification_action.enabled{display:block}.page,.widget{position:relative;z-index:1}.alert-wrapper{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:rgba(0,0,0,.66);display:flex;justify-content:center;align-items:center}.alert-wrapper .alert-dialog{width:400px;text-align:center;padding:15px;background:#fff}.alert-wrapper .alert-dialog h3{margin:5px 0;font-size:1.2em}.alert-wrapper .alert-dialog .buttons{display:block;width:100%;margin-top:5px}.alert-wrapper .alert-dialog .buttons .action_button{display:inline-block;margin:10px 0 5px 0}section,header,nav,article,aside,footer{display:block}.cancel_button{color:#555;text-decoration:underline;margin:10px 15px}.popup h2,.detail h2{color:#0a0a0a;font-weight:900;font-size:20pt;margin:10px auto;padding:0}.error-support span.subtitle{font-size:.9em;margin-top:0px;color:#666}.form-content ul li{text-align:left}.qtip{position:absolute;background:#b944cc;border:4px solid #b944cc;z-index:101;color:#fff;padding:10px;border-radius:5px;width:230px;font-weight:bold}.qtip.top:after,.qtip.top:before{bottom:100%;left:50%;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}.qtip.top:after{border-color:rgba(185,68,204,0);border-bottom-color:#b944cc;border-width:20px;margin-left:-20px}.qtip.top:before{border-color:rgba(185,68,204,0);border-bottom-color:#b944cc;border-width:26px;margin-left:-26px}.qtip.right:after{left:100%;top:50%;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(185,68,204,0);border-left-color:#b944cc;border-width:28px;margin-top:-28px}.error p{min-width:340px;padding:6px 10px;margin:25px auto;background:#ffcfcf;color:red;font-weight:600;font-size:17px;text-align:center;box-sizing:border-box}.success p{min-width:340px;padding:6px 10px;margin:25px auto;background:#c4ffdf;color:green;font-weight:600;font-size:17px;text-align:center;box-sizing:border-box}.no_permission ul{width:360px;margin:auto;text-align:left}.notif-error{color:red}.spotlight .main_container{position:relative;width:100%;height:600px;margin:0 auto;background:#fff;text-align:left}.spotlight .main_container .store_main{position:absolute;left:0;display:block;width:100%;padding:0px;transition:all .3s linear}.spotlight .main_container .store_main p{margin-left:50%;color:#000;font-size:calc(16px + 8*(100vw - 300px)/1300);line-height:160%}.spotlight .main_container .store_main section{left:calc(50% - 50vw);width:98vw;height:fit-content;padding:30px 0px 100px;overflow:hidden;background:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 55%),url(/img/banner_final.png) no-repeat;background-size:contain;text-align:right}.spotlight .main_container .store_main section .store_content{margin-right:40px;height:400px}.spotlight .main_container .store_main section .store_content p{text-align:left}.spotlight .main_container .store_main section .store_content h1 span.engage{color:#0093e7}.spotlight .main_container .store_main section .store_content .mobile_spotlight_banner{visibility:hidden}.spotlight h1{font-weight:500;font-size:calc(35px + 5*(100vw - 300px)/1300);margin:0;padding:0 0 10px 0}.spotlight a.more{position:absolute;top:270px;text-decoration:underline;font-size:19px;font-weight:700}@media(max-width: 800px){.spotlight .main_container{height:600px}.spotlight .main_container .store_main section{background:none;text-align:center;overflow:hidden;padding:30px 0px 300px}.spotlight .main_container .store_main section .store_content{margin:0 40px}.spotlight .main_container .store_main section .store_content .mobile_spotlight_banner{visibility:visible;width:calc(50% - 40px)}.spotlight .main_container .store_main p{margin-left:0px}}.front_bottom{display:grid;width:100%;background-color:#fbfbfb;margin-bottom:0;padding-top:65px}.front_bottom .wrapper{max-width:1400px;margin:0 auto}.front_bottom div{font-weight:300;font-size:14px;color:#000;margin:10px 0px 20px 0px;padding:0;text-align:center;display:grid}.front_bottom div div.wrapper_content{margin:0 0 20px 0}.front_bottom div h2{margin-bottom:6px;font-size:30px;font-weight:500;color:#000;border-bottom:dotted 1px #666}.front_bottom div.wrapper_first,.front_bottom div.wrapper_second,.front_bottom div.wrapper_third{margin:0 10% 20px 10%;justify-items:center}.front_bottom div.wrapper_first p,.front_bottom div.wrapper_third p{margin-right:25px}.front_bottom div.wrapper_second p{margin-left:25px}.front_bottom div p{font-size:16px;line-height:150%}.front_bottom img{max-width:290px;padding:5px;border:dotted 1px #666;margin-top:20px}.front_bottom img:nth-of-type(2){float:left}@media only screen and (min-width: 900px){.p_s p{text-align:left !important}.front_bottom div{margin:0 0 20px 0;text-align:left}.front_bottom div.wrapper_first,.front_bottom div.wrapper_second,.front_bottom div.wrapper_third{display:inline-flex;align-items:center}.front_bottom div.wrapper_second{flex-direction:row-reverse}.front_bottom div.wrapper_second div{text-align:right}.front_bottom div.wrapper_second img{float:left}}.p_s{max-width:1400px;text-align:center;margin:30px 10%}.p_s h2{font-size:30px;font-weight:400;color:#000}.p_s p{color:#000;line-height:150%;font-weight:300;font-size:16px;text-align:center}.p_s p.copyright{text-align:center !important;margin:150px auto 0;padding-bottom:30px}@media(max-width: 700px){.get_started{height:280px !important}.get_started img{margin-top:calc(2% + 100px) !important;right:calc(53% - 50vw) !important}.get_started h1.subHeader{margin-left:20px !important}.get_started p.desc,.get_started p.button_wrap{margin-left:20px}}@media(max-width: 370px){.get_started h1{margin-top:30px !important}.action_button{font-size:calc(12px + 4*(100vw - 300px)/1300)}}.get_started{font-size:24px;font-weight:900;color:#474747;padding:0;vertical-align:middle;width:100%;height:240px;background-image:linear-gradient(115deg, #3690E6 60%, #37A9E6 40%)}.get_started img{width:30%;max-width:300px;right:calc(55% - 50vw);margin-top:65px;position:absolute}.get_started div{display:grid}.get_started h1{display:inline-block;vertical-align:middle;padding:0;margin-top:50px;margin-bottom:0px}.get_started h1.subHeader{font-size:calc(30px + 10*(100vw - 300px)/1300);font-weight:400;color:#fff;text-align:left;width:50%;float:left;margin-left:50px}.get_started p{font-size:calc(16px + 8*(100vw - 300px)/1300);display:inline-block;vertical-align:middle;padding:0;float:left;margin-left:50px}.get_started p.desc{font-weight:300;color:#fff;text-align:left;width:50%;margin-bottom:0px}.get_started p .bold{font-weight:700}