@charset "UTF-8";

.template_content{position:relative;height:100%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.template_content.padding_bottom_large{padding-bottom:70px;}

.template_maxwidth{position:relative;max-width:1024px;margin:0 auto;box-sizing:border-box;}
.template_maxwidth:after{content:"";display:block;clear:both;}
.template_maxwidth.with_extra_width{max-width:calc(1024px + 15px + env(safe-area-inset-left) + 15px + env(safe-area-inset-right));}

.template_content_padding{padding:15px calc(15px + env(safe-area-inset-right)) 15px calc(15px + env(safe-area-inset-left));}
.template_content_padding.vertical_padding_none{padding-top:0;padding-bottom:0;}
.template_content_padding.padding_top_large{padding-top:30px;}


.template_section{position:relative;}
.template_section .section_title{position:relative;}
.template_section .section_title .titles{position:relative;}
.template_section .section_title .titles:after{content:"";display:block;clear:both;}
.template_section .section_title .titles .title{position:relative;float:left;margin:0;padding:0;font-weight:700;font-size:16px;line-height:1.2;color:#100F3D;}
.template_section .section_title .titles .reference{position:relative;float:right;margin:0;padding:0 5px;min-width:66px;height:20px;line-height:20px;background-color:#F5F5F5;border-radius:5px;font-weight:400;font-size:9px;text-align:center;color:#959595;box-sizing:border-box;}
.template_section .section_title .description{position:relative;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.2;letter-spacing:-0.02em;color:#545454;word-break:keep-all;margin-top:8px;}
.template_section .section_content{position:relative;}
.template_section *:not([style*="display: none"]) ~ .section_content{margin-top:15px;}
.template_section:not([style*="display: none"]) ~ .template_section{margin-top:30px;}


.template_tabs{position:relative;font-size:0;overflow-x:auto;white-space:nowrap;padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));height:28px;padding-top:10px;white-space:nowrap;overflow:auto;overflow-y:hidden;overflow-x:auto;}
.template_tabs:after{content:"";display:block;position:absolute;z-index:0;left:0;bottom:0;height:1px;width:100%;background-color:#EFEFEF;font-size:0;}
.template_tabs::-webkit-scrollbar{display:none;}
.template_tabs{-ms-overflow-style:none;scrollbar-width:none;}
.template_tabs ul{margin:0;padding:0;list-style:none;display:block;}
.template_tabs ul:after{content:"";display:block;clear:both;}
.template_tabs ul li{width:auto !important;display:inline-block;}
.template_tabs ul li:nth-child(n+2){margin-left:20px}
.template_tabs .template_tab{position:relative;z-index:1;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent !important;display:inline-block;vertical-align:middle;font-family:inherit;font-weight:600;font-size:15px !important;line-height:20px;width:auto !important;color:#959595 !important;text-shadow:none !important;box-shadow:none !important;text-overflow:clip !important;white-space:nowrap;text-decoration:none;text-align:center;padding-bottom:8px;cursor:pointer;}
.template_tabs .template_tab:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#031A6E;opacity:0;}
.template_tabs .template_tab:hover{color:#959595 !important;}
.template_tabs .template_tab.has_icon{padding-left:26px;}
.template_tabs .template_tab .icon{position:absolute;left:0;top:-2px;width:24px;height:24px;margin:0;padding:0;margin-top:0;margin-right:2px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.template_tabs .template_tab .icon.icon_makers_league{background-image:url(../img/component/icon_makers_league.png);}
.template_tabs .ui-tabs-active .template_tab{color:#031A6E !important;font-weight:700 !important;}
.template_tabs .ui-tabs-active .template_tab:after{opacity:1;}
.template_tabs .template_tab:hover{background-color:transparent;}
.template_tabs .template_tab:active{box-shadow:none;}
.template_tabs.design_background{background-color:#EEF2FA;}

.template_tab_page{margin-top:15px;}

.template_tab_content{position:relative;height:100%;overflow:hidden;padding:0;box-sizing:border-box;}
.template_tab_content .template_tabs ~ .template_content{position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 28px - 10px);}
.template_tab_content .template_tabs ~ .template_content .template_content_padding{padding-top:25px;}