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;outline:0}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{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}
*{font-family:system-ui,sans-serif}
html, body{background:#2a3454;color:#ffffff;height:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a, a:visited{color:#6076c0;text-decoration:none}
a:active{color:#a0aacc}
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 12px;position:relative}
header{background-color:#ffffff;height:56px;margin:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1}
#header-in{display:block;height:56px;position:relative;text-align:left}
main{background:#ffffff;color:#666666;padding:72px 0 16px 0}
#content{position:relative}
header h1{display:inline-block;font-size:1em;height:56px;margin:0;padding:0}
header h1 .logo{color:#2a3454;display:block;float:left;height:40px;line-height:40px;overflow:hidden;padding:8px 0;position:relative;text-decoration:none;text-indent:-1000em;vertical-align:middle;width:200px}
header h1 .logo::after{background:url('/res/tutoro-logo.svg') left 50% no-repeat;background-position:0 50%;background-size:contain;content:'';display:block;height:40px;left:0;position:absolute;top:8px;width:104px}
footer{color:#999999;padding:16px 0;text-align:center}
footer #version{color:#999999;font-size:0.625em}
.xaView-TopNav{margin:0 0 16px 0;position:relative}
.xaButton, .xaButton40{background-color:#e9eaee;border:none;border-radius:4px;color:#000000;font-weight:bold;height:40px;line-height:initial;margin:0;outline:none;overflow:hidden;padding:0;text-align:center}
.xaButton40{width:40px}
.xaButton:focus, .xaButton:focus-visible, .xaButton:active, .xaButton40:focus, .xaButton40:focus-visible, .xaButton40:active{background-color:#a0aacc;color:#ffffff;outline:none}
select{background-color:#e9eaee;border:1px solid #e9eaee;border-radius:4px;outline:none}
select:focus, select:focus-visible, select:active{border-color:#a0aacc;outline:none}
input, textarea{background-color:#e9eaee;border:1px solid #e9eaee;border-radius:4px;outline:none}
input:focus, input:focus-visible, input:active, textarea:focus, textarea:focus-visible, textarea:active{border-color:#a0aacc;outline:none}
.xaButtonSubmit{color:#009900;padding:0 16px;transition:background-color 0.25s ease-in-out,color 0.25s ease-in-out}
.xaButtonSubmit:focus, .xaButtonSubmit:focus-visible, .xaButtonSubmit:active{background-color:#009900;color:#ffffff}
.xaButtonDelete{color:#cc0000;padding:0 16px;transition:background-color 0.25s ease-in-out,color 0.25s ease-in-out}
.xaButtonDelete:focus, .xaButtonSubmit:focus-visible, .xaButtonSubmit:active{background-color:#cc0000;color:#ffffff}
#button-install{background-color:#666666;border:1px solid rgba(255,255,255,0.25);border-radius:4px;color:#ffffff;font-size:0.75em;margin:0 auto;overflow:hidden;padding:4px 24px;position:relative;transition:background-color 0.5s ease-in,border 0.5s ease-in}
#button-install:active{background-color:#ae9064;border:1px solid rgba(255,255,255,1)}
#button-install::before{background-color:#ffffff;border-radius:50%;content:'';display:block;height:0;left:50%;opacity:0.5;overflow:hidden;position:absolute;top:50%;transform:none;transition:width 0.5s,height 0.5s,left 0.5s,top 0.5s,opacity 0.5s;visibility:hidden;width:0}
#button-install:active::before{height:200%;left:0;opacity:0;top:-50%;visibility:visible;width:100%}
#xaMessageBox{display:none;left:0;opacity:0;position:absolute;top:0;transition:opacity 0.5s;visibility:hidden;width:100%;z-index:500}
#xaMessageBox div{background-color:#ae9064;border-radius:4px;color:#ffffff;font-weight:bold;margin:24px;padding:24px;position:relative;text-align:center;top:-24px;z-index:500}
#xaMessageBox.js-xa-msgbox-visible{display:block;opacity:1;visibility:visible}
#xaMessageBox.js-xa-msgbox-x-bg::before{background:#000000;content:'';display:block;height:100vh;left:0;opacity:0.67;position:fixed;top:0;width:100vw;z-index:450}
#xaMessageBox.js-xa-msgbox-x-bg-error div{background-color:#cc0000}
#xaMessageBox.js-xa-msgbox-x-bg-error::before{background:#000000;content:'';display:block;height:100vh;left:0;opacity:0.67;position:fixed;top:0;width:100vw;z-index:450}
#xaMessageBox.js-xa-msgbox-x-error div{background-color:#cc0000}
#xaViewCategoriesList-TopNav{margin:0;padding:0 0 0 56px}
#xaViewCategoriesList-TopNav h4{color:#000000;font-size:1.25em;height:40px;line-height:40px;margin:0;padding:0}
#xaViewCategoriesList-TopNav button{left:0;position:absolute;top:0}
#xaViewCategoriesList-List{list-style:none;margin:0;padding:0}
#xaViewCategoriesList-List li{border-bottom:1px solid #e9eaee;margin:0;padding:16px 96px 8px 0;position:relative}
#xaViewCategoriesList-List li input{background-color:#ffffff;border:1px solid #ffffff;line-height:40px;margin:0;outline:none;padding:0;width:100%}
#xaViewCategoriesList-List li input:focus, #xaViewCategoriesList-List li input:active{background-color:#e9eaee;border:1px solid #a0aacc}
#xaViewCategoriesList-List button, #xaViewCategoriesList-List .x-infoCount{height:40px;margin:0;padding:0;position:absolute;width:40px}
#xaViewCategoriesList-List .x-infoCount{line-height:40px;right:0;text-align:center;top:16px}
#xaViewCategoriesList-List button.xaButtonSubmit{opacity:0;right:48px;top:16px}
#xaViewCategoriesList-List button.xaButtonSubmit.btn-edit-enabled{opacity:1}
#xaViewCategoriesList-List button.xaButtonDelete{font-size:1.5em;font-weight:bold;right:0;top:16px}
#xaViewCategoriesList-AddForm{background-color:#e9eaee;border:none;border-radius:4px;margin:16px 0 0 0;padding:0 48px 0 0;position:relative}
#xaViewCategoriesList-AddForm input{background-color:#e9eaee;border:1px solid #e9eaee;border-radius:4px;display:block;height:36px;line-height:36px;margin:0;outline:none;overflow:hidden;width:100%}
#xaViewCategoriesList-AddForm input:focus, #xaViewCategoriesList-AddForm input:active{border-color:#a0aacc}
#xaViewCategoriesList-AddForm button{font-size:1.5em;font-weight:bold;position:absolute;right:0;text-indent:-2px;top:0}
#xaViewLesson-TopNav{margin:0;padding:0 56px}
#xaViewLesson-TopNav h4{color:#000000;font-size:1.25em;height:40px;line-height:40px;margin:0;padding:0}
#xaViewLesson-TopNav h4.new-lesson{color:#999999;font-weight:normal}
#xaViewLesson-TopNav #xaViewLesson-BackButton{left:0;position:absolute;top:0}
#xaViewLesson-TopNav #xaViewLesson-Form_Delete{font-size:1.5em;font-weight:bold;position:absolute;right:0;top:0}
#xaViewLesson-Form{padding:0}
#xaViewLesson-Form_LastUpdate{font-size:0.75em;margin:0;padding:8px 0 8px 56px}
.xaFormContainer{margin:0;overflow:hidden;padding:0 0 8px 0}
.xaFormContainer h6{color:#000000;font-size:1em;margin:0;padding:0}
#xaViewLesson-Form_TitleContainer, #xaViewLesson-Form_TopicContainer{padding:0 8px 8px 0}
.xaFormContainer input{line-height:36px}
.xaFormContainer select{line-height:36px}
#xaViewLesson-Form_CategorySelect{display:block;padding:8px;width:100%}
#xaViewLesson-Form_Title{display:block;margin:4px 0;width:100%}
#xaViewLesson-Form_Topic{display:block;margin:4px 0;width:100%}
.xaViewLesson-Form_Aim{border:1px solid #e9eaee;border-radius:4px;display:grid;grid-gap:8px;grid-template-columns:repeat(12,1fr);margin:4px 0;padding:16px}
.xaViewLesson-Form_Aim .xaViewLesson-Form_Aim_Label{align-self:center;color:#000000;font-size:1em;grid-column:span 2;line-height:40px;margin:0;padding:0 0 8px 0}
.xaViewLesson-Form_Aim input{grid-column:span 9}
.xaViewLesson-Form_Aim .xaViewLesson-Form_Aim_Info{align-self:center;font-weight:bold;grid-column:span 1;text-align:right}
.xaViewLesson-Form_Aim_DimensionBox{display:grid;grid-column:span 12;grid-gap:8px;grid-template-columns:repeat(12,1fr);padding:8px 0}
.xaViewLesson-Form_Aim_DimensionBox h6{align-self:center;font-size:0.75em;grid-column:span 2;line-height:1em;margin:0;overflow:hidden;padding:0}
.xaViewLesson-Form_Aim_DimensionBox select{grid-column:span 5;padding:8px}
.xaViewLesson-Form_Phase{border:1px solid #e9eaee;border-radius:4px;margin:4px 0;padding:16px}
.xaViewLesson-Form_Phase h6{color:#000000;font-size:1em;margin:0;padding:0}
.xaViewLesson-Form_Phase_SelectBox{background-color:#e9eaee;border:none;border-radius:4px;margin:8px 0;padding:0 48px 0 0;position:relative}
.xaViewLesson-Form_Phase_SelectBox select{height:40px;padding:8px;width:100%}
.xaViewLesson-Form_Phase_SelectBox button{position:absolute;right:0;top:0}
#xaViewLesson-Form_Note{margin:0;padding:0 16px 8px 0}
#xaViewLesson-Form_Note h6{color:#000000;font-size:1em;margin:0;padding:0 0 4px 0}
#xaViewLesson-Form_Note textarea{min-height:6em;padding:8px;width:100%}
#xaViewLessonsList-TopNav{background-color:#e9eaee;border:none;border-radius:4px;padding:0 48px 0 0}
#xaViewLessonsList-TopNav select{border:1px solid #e9eaee;border-radius:4px;display:block;height:40px;margin:0;outline:none;overflow:hidden;padding:8px 16px;width:100%}
#xaViewLessonsList-TopNav select:focus, #xaViewLessonsList-TopNav select:active{border-color:#a0aacc}
#xaViewLessonsList-TopNav button{position:absolute;right:0;top:0}
#xaViewLessonsList-List{list-style:none;margin:0;padding:0}
#xaViewLessonsList-List li{margin:0;padding:16px 0 8px 0;position:relative}
#xaViewLessonsList-List li button{background-color:#ffffff;border:none;border-bottom:1px solid #e9eaee;display:block;height:40px;line-height:40px;margin:0;outline:none;padding:0;position:relative;text-align:left;width:100%}
#xaViewLessonsList-List li button:focus, #xaViewLessonsList-List li button:active{border-bottom:1px solid #6076c0}
#xaViewLessonsList-List li button:after{content:'>';display:block;font-weight:bold;height:40px;line-height:40px;position:absolute;right:0;text-align:center;top:0;width:40px}
#xaViewLessonsList-List li button:focus:after, #xaViewLessonsList-List li button:active:after{color:#a0aacc}
#xaViewLessonsList-List li button .xaListTitle{display:block;margin:0;padding:0}
#xaViewLessonsList-List li button .xaListInfo{color:#666666;display:block;font-size:0.75em;font-weight:bold;line-height:40px;position:absolute;right:48px;top:0}
#xaViewLessonsList-AddLessonContainer{margin:16px 0 0 0;text-align:right}
#xaViewLessonsList-AddLessonButton{font-size:1.5em;font-weight:bold;text-indent:-2px}
#xaViewTechnique-TopNav{margin:0;padding:0 0 0 56px}
#xaViewTechnique-TopNav h4{color:#000000;font-size:1.25em;height:40px;line-height:40px;margin:0;padding:0}
#xaViewTechnique-TopNav button{left:0;position:absolute;top:0}
#xaViewTechnique-Info div{border:1px solid #e9eaee;border-radius:4px;margin:8px 0;overflow:hidden;padding:16px}
#xaViewTechnique-Info div h5{color:#000000;margin:0;padding:0 0 8px 0}
#xaViewTechnique-Info div p{margin:0;padding:0}
#xaViewTechniqueList-TopNav{margin:0;padding:0}
#xaViewTechniqueList-TopNav h4{color:#000000;font-size:1.25em;height:40px;line-height:40px;margin:0;padding:0}
#xaViewTechniquesList-List{list-style:none;margin:0;padding:0}
#xaViewTechniquesList-List li{margin:0;padding:6px 0;position:relative}
#xaViewTechniquesList-List li:last-child{border-bottom:none}
#xaViewTechniquesList-List li button{background-color:#ffffff;border:none;border-bottom:1px solid #e9eaee;border-radius:0;display:block;line-height:40px;margin:0;outline:none;padding:0 0 4px 0;position:relative;text-align:left;width:100%}
#xaViewTechniquesList-List li button:after{content:'>';display:block;font-weight:bold;height:40px;line-height:40px;position:absolute;right:0;text-align:center;top:0;width:40px}
#xaViewTechniquesList-List li button:focus, #xaViewTechniquesList-List li button:active{border-bottom:1px solid #6076c0}
#xaViewTechniquesList-List li button:focus:after, #xaViewTechniquesList-List li button:active:after{color:#a0aacc}
.js-xa-view{display:none;visibility:hidden}
.js-xa-view:target{display:block;visibility:visible}
#xaXHeader{height:40px;position:absolute;right:0;top:8px}
#xaXHeader button{background:#ffffff;border:none;color:#000000;display:inline-block;font-weight:bold;height:40px;line-height:40px;margin:0 0 0 16px;outline:none;padding:0}
#xaXHeader button:focus, #xaXHeader button:active{color:#6076c0}
#console-log{background:#080808;border-top:1px solid white;bottom:0;color:#00FF00;display:none;font-size:0.75em;height:25vh;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;width:100%;z-index:100}
#console-log p{display:block;margin:0;padding:2px 8px}
.xaAimGrid{border:1px solid #e9eaee;border-radius:4px;display:grid;grid-gap:8px;grid-template-columns:repeat(7,1fr);margin:16px 0;padding:16px}
.xaAimGrid_Item{aspect-ratio:2;background:#ffffff;border:1px solid #e9eaee;border-radius:4px;color:#ffffff;display:grid;justify-items:center;overflow:hidden;padding:4px;place-items:center;text-align:center}
.xaAimGrid_ItemHeader{border:none;color:#666666;font-size:0.75em}
.xaAimGrid_ItemHeaderLeft{justify-items:left}
.xaAimGrid_ItemData{font-weight:bold}
.xaAimGrid_ItemData_Selected{background:#808080}
@keyframes msgbox-fade{0%{opacity:1;display:block;height:auto;visibility:visible}80%{opacity:1;display:block;height:auto;visibility:visible}99%{opacity:0;display:block;height:auto;visibility:visible}100%{opacity:0;padding:0;margin:0;display:none;visibility:hidden}}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active)[[xmedia]],screen and (-ms-high-contrast:none)[[xmedia]]{
a:hover{color:#a0aacc}
.xaButton:hover, .xaButton40:hover{background-color:#a0aacc;color:#ffffff;outline:none}
select:hover{border-color:#a0aacc;outline:none}
input:hover, textarea:hover{border-color:#a0aacc;outline:none}
.xaButtonSubmit:hover{background-color:#009900;color:#ffffff}
.xaButtonDelete:hover{background-color:#cc0000;color:#ffffff}
#button-install:hover{background-color:#ae9064;border:1px solid rgba(255,255,255,1)}
#button-install:hover::before{height:200%;left:0;opacity:0;top:-50%;visibility:visible;width:100%}
#xaViewCategoriesList-List li input:hover{background-color:#e9eaee;border:1px solid #a0aacc}
#xaViewCategoriesList-AddForm input:hover{border-color:#a0aacc}
#xaViewLessonsList-TopNav select:hover{border-color:#a0aacc}
#xaViewLessonsList-List li button:hover{border-bottom:1px solid #6076c0}
#xaViewLessonsList-List li button:hover:after{color:#a0aacc}
#xaViewTechniquesList-List li button:hover{border-bottom:1px solid #6076c0}
#xaViewTechniquesList-List li button:hover:after{color:#a0aacc}
#xaXHeader button:hover{color:#6076c0}
}
@media only screen and (min-width:30em){
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 16px;position:relative}
}
@media only screen and (min-width:40em){
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 16px;position:relative}
}
@media only screen and (min-width:48em){
.contentwidth, .xcontentwidth{margin:0 auto;max-width:720px;min-width:284px;padding:0 24px;position:relative}
}