.ai-drawer{position:fixed;top:60px;bottom:0;right:calc(-315px + -10px);width:315px;background-color:#f8f9fa;z-index:1016;transition:right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;visibility:hidden}.ai-drawer.show{right:0;visibility:visible}.ai-drawer-header{padding:0;height:60px;display:flex;align-items:center}.ai-drawer-header .ai-drawer-button{margin-left:auto;margin-right:5px}.ai-drawer-body{position:relative;height:calc(100vh - 120px);display:flex;flex-direction:column;flex-wrap:nowrap;padding:.4rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a737b #f8f9fa}#course-summarise-response{font-size:.875em}.course-summarise-response-controls button .icon,.course-summarise-response-watermark img.icon{margin-right:0}.ai-course-summarise-controls button.btn.btn-outline-secondary{color:unset}.ai-course-summarise-controls button.btn.btn-outline-secondary span.ai-course-summarise-sparkles-icon{display:inline-block}.ai-course-summarise-controls button.btn.btn-outline-secondary span.ai-course-summarise-sparkles-icon.white{display:none}.ai-course-summarise-controls button.btn.btn-outline-secondary:not([disabled]):hover{color:#fff}.ai-course-summarise-controls button.btn.btn-outline-secondary:not([disabled]):hover span.ai-course-summarise-sparkles-icon{display:none}.ai-course-summarise-controls button.btn.btn-outline-secondary:not([disabled]):hover span.ai-course-summarise-sparkles-icon.white{display:inline-block}.ai-course-summarise-controls button img.icon{width:auto;vertical-align:sub}.que.calculated .answer{padding:.3em;display:inline}.que.calculated .answer input[type="text"]{width:30%}#page-question-type-calculated input[name^="answer"],#page-question-type-calculated input[name^="unit"],#page-question-type-calculated input[name^="multiplier"],#page-question-type-calculated input[name^="calcmax"],#page-question-type-calculated input[name^="calcmin"],#page-question-type-calculated input[name^="number"],#page-question-type-calculated input[name^="tolerance"]{direction:ltr;text-align:left}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label,body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_] .fgrouplabel label{font-weight:700}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=fraction_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-calculated div[id^=fitem_id_][id*=feedback_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fgroup_id_answeroptions_"].mb-3,div[id^="fgroup_id_answertolerance_"].mb-3,div[id^="fgroup_id_answerdisplay_"].mb-3{margin-bottom:0!important}.que.calculatedmulti .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}.que.calculatedmulti .answer .specificfeedback *{display:inline;background:#fff3bf}.que.calculatedmulti .answer .specificfeedback script{display:none}.que.calculatedmulti .answer div.r0,.que.calculatedmulti .answer div.r1{display:flex;margin:.25rem 0;align-items:flex-start}.que.calculatedmulti .answer div.r0 input,.que.calculatedmulti .answer div.r1 input{margin:.3rem .5rem;width:14px;flex-shrink:0}.que.calculatedsimple .answer{padding:.3em;display:inline}.que.calculatedsimple .answer input[type="text"]{width:30%}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-calculatedsimple div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}.que.coderunner div.coderunner-examples,.que.coderunner div.coderunner-test-results{width:100%;overflow-x:auto;box-sizing:border-box}#page-question-type-coderunner table.coderunner-test-results td,#page-question-type-coderunner table.coderunner-test-results th,.que.coderunner table.coderunner-test-results td,.que.coderunner table.coderunnerexamples td,.que.coderunner textarea.edit_code{font-family:courier,monospace;vertical-align:top}.que.coderunner textarea.edit_code{width:100%;max-width:100%;box-sizing:border-box}.que.coderunner div.initialisationerror{color:#ca3120}.que.coderunner div.coderunnerexamples{padding-bottom:10px}#page-question-type-coderunner div.ui_wrapper,.que.coderunner div.ui_wrapper{max-width:100%;box-sizing:border-box;background-color:#f0f0f0}.que.coderunner .ace_editor,body#page-question-type-coderunner .ace_editor{font-size:100%;line-height:18px}.que.coderunner p.for-example-para{font-weight:700}.que.coderunner .btn{margin-right:10px}.que.coderunner div.coderunner-test-results{padding:.5em}.que.coderunner label.answerprompt{font-weight:700}.que.coderunner div.prompt{margin-top:20px;margin-bottom:7px}.que.coderunner div.coderunner-lang-select-div{padding-top:10px;padding-bottom:3px}.que.coderunner select.coderunner-lang-select{margin:0 0 0 10px;padding:1px 5px 1px 5px}.que.coderunner input.answer_reset_btn{margin-bottom:5px}#page-question-type-coderunner table.coderunner-test-results td,#page-question-type-coderunner table.coderunner-test-results th,.que.coderunner table.coderunner-test-results td,.que.coderunner table.coderunner-test-results th,.que.coderunner table.coderunnerexamples td,.que.coderunner table.coderunnerexamples th{border:1px solid #b0b0b0;padding:.4em}#page-question-type-coderunner table.coderunner-test-results .header,.que.coderunner table.coderunner-test-results .header,.que.coderunner table.coderunnerexamples .header{text-align:left;background-color:#f8f8ff}.que.coderunner table.coderunner-test-results tr.hidden-test{opacity:.5}#page-question-type-coderunner table.coderunner-test-results{margin-top:.5em;margin-bottom:0}.que.coderunner table.coderunner-test-results,.que.coderunner table.coderunnerexamples{margin-bottom:1em}#page-question-type-coderunner div.coderunner-test-results td:last-child,#page-question-type-coderunner div.coderunner-test-results td:first-child .que.coderunner div.coderunner-test-results td:last-child,.que.coderunner div.coderunner-test-results td:first-child{min-width:16px}.que.coderunner textarea.coderunner-answer[cols]{max-width:100%;width:auto;line-height:18px}.que.coderunner div.coderunner-test-results{color:#000}.que.coderunner div.precheck h3{margin:3px 0;font-size:24px;color:#333}.que.coderunner pre.tablecell{background-color:inherit;border:none;padding:0;white-space:pre}.que.coderunner div.coderunner-test-results pre,.que.coderunner div.coderunner-examples pre{margin-bottom:0}.que.coderunner div.coderunner-test-results.good,#page-question-type-coderunner tr.coderunner-failed-test.fixed{background-color:#afa}.que.coderunner div.coderunner-test-results.outputonly{background-color:#f0f0f0}.que.coderunner div.coderunner-test-results.good.precheck{background:repeating-linear-gradient(0deg,#fff,#fff 8px,#f8f1f9 8px,#f8f1f9 16px)}.que.coderunner div.coderunner-test-results.bad,.que.coderunner div.pre_syntax_error,.que.coderunner div.pre_question_error{background-color:#faa}.que.coderunner div.coderunner-test-results.bad.precheck,.que.coderunner pre.pre_syntax_error .precheck{background:repeating-linear-gradient(0deg,#fdd,#fdd 8px,#fee 8px,#fee 16px)}.que.coderunner pre.pre_syntax_error,.que.coderunner div.pre_question_error{border:none}div.coderunner-test-results.partial{background-color:#fff3bf}.que.coderunner span.answerprompt{font-weight:700}.que.coderunner span.penaltyregime{padding-left:.6em}.que.coderunner div.coderunner-test-results del{text-decoration:none;background-color:#e0e000}.que.coderunner tr.r0 td{background-color:#f5f5f5}.que.coderunner tr.r1 td{background-color:#e5e5e5}.que.coderunner div.im-controls p.penaltyregime{display:inline;float:right}.que.coderunner .ace_wrapper{border:1px solid #d9edf7}.que.coderunner .ace_gutter-cell{border-right:solid 1px #000}.que.coderunner .ace_fold-widget{background-color:#fff0;background-image:none;border:none}.que.coderunner .ace_fold-widget:hover{border:1px solid gray;margin-top:1px}.que.coderunner .ace_fold-widget.ace_closed::before{content:'►';color:gray;font-size:80%;margin:0 2px;margin-top:-4px}.que.coderunner .ace_fold-widget.ace_open::before{content:'▼';color:gray;font-size:60%;margin:0 2px}.que.coderunner .ace_line .ace_fold{padding-right:1px;line-height:9px}.que.coderunner .ace_line .ace_fold::before{background-image:none;content:'←→';float:right;margin-top:-1px}.que.coderunner .button-exit-fullscreen,body#page-question-type-coderunner .button-exit-fullscreen{bottom:0}.que.coderunner .button-fullscreen,body#page-question-type-coderunner .button-fullscreen{bottom:-1px}.que.coderunner .button-fullscreen,.que.coderunner .button-exit-fullscreen,body#page-question-type-coderunner .button-fullscreen,body#page-question-type-coderunner .button-exit-fullscreen{border:none;background:#fff0;margin:0 0 2px 0;height:15px;width:20px;padding:0;right:15px;z-index:10}.que.coderunner .button-fullscreen:focus,.que.coderunner .button-exit-fullscreen:focus,body#page-question-type-coderunner .button-fullscreen:focus,body#page-question-type-coderunner .button-exit-fullscreen:focus{display:flex;justify-content:center;outline:2px solid #000}.que.coderunner .button-fullscreen img.icon:hover,.que.coderunner .button-exit-fullscreen img.icon:hover,body#page-question-type-coderunner .button-fullscreen img.icon:hover,body#page-question-type-coderunner .button-exit-fullscreen img.icon:hover{animation:scaletooriginalsize 0.3s ease-in-out 0.1s forwards;transform:scale(1.2)}@keyframes scaletooriginalsize{to{transform:scale(1)}}.que.coderunner .button-exit-fullscreen img.icon,.que.coderunner .button-fullscreen img.icon,body#page-question-type-coderunner .button-exit-fullscreen img.icon,body#page-question-type-coderunner .button-fullscreen img.icon{margin-right:unset;margin-bottom:10px;width:15px;height:15px}body#page-question-type-coderunner div.edit_code textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:courier,monospace}body#page-question-type-coderunner pre.templateparamserror{color:#ca3120}body#page-question-type-coderunner .qtype_coderunner_prototype_message{color:#7e7f7f}body#page-question-type-coderunner div#id_qtype_coderunner_error_div:empty,body#page-question-type-coderunner div#id_qtype_coderunner_warning_div:empty{display:none}body#page-question-type-coderunner div#id_qtype_coderunner_error_div{font-size:120%;font-weight:700;color:red;border:2px solid red;padding:4px;margin-bottom:6px}body#page-question-type-coderunner div#id_qtype_coderunner_warning_div{font-size:120%;font-weight:700;color:blue;border:2px solid blue;padding:4px;margin-bottom:6px}body#page-question-type-coderunner textarea#id_templateparams{resize:both}body#page-question-type-coderunner .uiparamtablediv{padding-top:8px}body#page-question-type-coderunner table.uiparamtable,body#page-question-type-coderunner table.uiparamtable th,body#page-question-type-coderunner table.uiparamtable td{border:1px solid #ccc;padding:4px;background-color:#f8f8f8}body#page-question-type-coderunner button.toggleuidetails{border:none;color:blue}body#page-question-type-coderunner .ace_wrapper{border:1px solid #bbb}body#page-question-type-coderunner div[id^=fitem_id_]:not([id=fitem_id_templateparams],[id=fitem_id_templateparams],[id=fitem_id_templateparams],[id=fitem_id_category],[id=fitem_id_name],[id=fitem_id_questiontext],[id=fitem_id_status],[id=fitem_id_defaultmark],[id=fitem_id_generalfeedback],[id=fitem_id_idnumber],[id=fitem_id_answer],[id=fitem_id_answerpreload],[id=fitem_id_globalextra],[id=fitem_id_datafiles],[id=fitem_id_addanswers],[id=fitem_id_attachments],[id=fitem_id_attachmentsrequired],[id=fitem_id_maxfilesize],[id=fitem_id_tags]),body#page-question-type-coderunner div[id^=fgroup_id_]:not([id=fgroup_id_coderunner_type_group],[id=fgroup_id_coderunner_type_checkboxes],[id=fgroup_id_answerbox_group],[id=fgroup_id_coderunner_precheck_group],[id=fgroup_id_coderunner_giveup_group],[id=fgroup_id_coderunner_feedback_group],[id=fgroup_id_markinggroup],[id=fgroup_id_twigcontrols],[id=fgroup_id_uiparametergroup],[id=fgroup_id_filenamesgroup],[id=fgroup_id_updatebuttonar],[id=fgroup_id_buttonar]){background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0;overflow:visible}body#page-question-type-coderunner label[for^=id_useasexample],body#page-question-type-coderunner label[for^=id_hiderestiffail],body#page-question-type-coderunner label.form-check{padding:5px;border:1px solid lightgray}body#page-question-type-coderunner p.question-type-details-header{font-size:130%}body#page-question-type-coderunner div[id^=fgroup_id_][id*=show_columns] .felement span{margin-right:2em}body#page-question-type-coderunner div[id^=fgroup_id_][id*=show_columns]{padding-top:16px;padding-bottom:16px}body#page-question-type-coderunner select#id_coderunner_type{margin-right:2em}body#page-question-type-coderunner div[id^=fitem_id_testcode]:not(:first-of-type){margin-top:14px;border:1px solid #bbb;border-bottom:0;padding-top:8px}body#page-question-type-coderunner div[id=fitem_id_addanswers]{margin-top:14px;padding-top:8px}body#page-question-type-coderunner input[name="usecurrentcat"]{margin-right:1px;margin-left:2em}body#page-question-type-coderunner input[type="checkbox"]+label{margin-right:1em}body#page-question-type-coderunner textarea.edit_code{width:100%;box-sizing:border-box;font-family:courier,monospace}body#page-question-type-coderunner textarea.uiloadfailed{border:6px solid orange}body#page-question-type-coderunner div.uiloadfailed{background-color:orange;padding-left:10px}body#page-question-type-coderunner input.testcasemark,body#page-question-type-coderunner input.coderunner_answerbox_size,body#page-question-type-coderunner input#id_cputimelimitsecs,body#page-question-type-coderunner input#id_memlimitmb{width:auto}body#page-question-type-coderunner label+select,body#page-question-type-coderunner label+input{margin-right:1em}body#page-question-type-coderunner div.testcaseexpression{padding-top:10px;border-top:1px solid lightgrey}li.bulktest.coderunner.context.quiz{padding-left:1.5em;list-style-type:none}.ace-gap-background{position:absolute;background-color:SeaShell;border-radius:0}.ace-gap-outline{position:absolute;outline:1px solid;outline-color:rgb(0 0 0 / .5)}body#page-question-type-coderunner div[id^=fitem_id_testcode]:first-of-type{border-top:1px solid #ccc!important}body#page-question-type-coderunner div[id^=fgroup_id_testcasecontrols_]{border-bottom:1px solid #ccc!important}body#page-question-type-coderunner div[id^=fitem_id_testcode],body#page-question-type-coderunner div[id^=fitem_id_stdin_],body#page-question-type-coderunner div[id^=fitem_id_expected_],body#page-question-type-coderunner div[id^=fitem_id_extra_]{margin-bottom:0!important}.que.ddimageortext .qtext{margin-bottom:.5em;display:block}.que.ddimageortext div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea{text-align:center}.que.ddimageortext div.droparea,form.mform fieldset#id_previewareaheader div.ddarea{position:relative}.que.ddimageortext div.droparea{display:inline-block}.que.ddimageortext div.droparea .draghome{position:absolute;cursor:move;white-space:nowrap}.que.ddimageortext div.droparea .dropzones{position:absolute;top:0;left:0}.que.ddimageortext .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground{border:1px solid #000;margin:0 auto}form.mform fieldset#id_previewareaheader .dropbackground{max-width:none}.que.ddimageortext .dropzone{display:none;position:absolute;opacity:.5;border:1px solid #000}.que.ddimageortext .dropzone.active{display:block}.que.ddimageortext .dropzone:focus,.que.ddimageortext .droparea .draghome:focus,.que.ddimageortext .dropzone.valid-drag-over-drop,.que.ddimageortext .draghome.placed.valid-drag-over-drop{border-color:#0a0;box-shadow:0 0 5px 5px rgb(255 255 150);outline:0}.que.ddimageortext .draghome,.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview{border:1px solid #000;display:inline-block;font:13px/1.231 arial,helvetica,clean,sans-serif}.que.ddimageortext .draghomes .draghome{vertical-align:top;margin:5px;height:auto;width:auto;cursor:move}.que.ddimageortext .draghomes.readonly .draghome,.que.ddimageortext .droparea.readonly .draghome{cursor:auto}.que.ddimageortext .draghomes .draghome.dragplaceholder{display:none}.que.ddimageortext .MathJax_Display,.que.ddimageortext .MathJax_SVG_Display{margin:0}.que.ddimageortext .draghomes .draghome.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddimageortext .dragitems,form.mform fieldset#id_previewareaheader .dragitems{height:0}.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview{position:absolute;cursor:move;white-space:nowrap}.que.ddimageortext .dragitems.readonly .drag{cursor:auto}form.mform fieldset#id_previewareaheader .drag.beingdragged,.que.ddimageortext .drag.beingdragged,.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged{box-shadow:3px 3px 4px #000}.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged{position:absolute}.que.ddimageortext .group1,form.mform fieldset#id_previewareaheader .group1{background-color:#fff}.que.ddimageortext .group2,form.mform fieldset#id_previewareaheader .group2{background-color:#b0c4de;border-radius:10px 0 0 0}.que.ddimageortext .group3,form.mform fieldset#id_previewareaheader .group3{background-color:#dcdcdc;border-radius:0 10px 0 0}.que.ddimageortext .group4,form.mform fieldset#id_previewareaheader .group4{background-color:thistle;border-radius:0 0 10px 0}.que.ddimageortext .group5,form.mform fieldset#id_previewareaheader .group5{background-color:#87cefa;border-radius:0 0 0 10px}.que.ddimageortext .group6,form.mform fieldset#id_previewareaheader .group6{background-color:#daa520;border-radius:0 10px 10px 0}.que.ddimageortext .group7,form.mform fieldset#id_previewareaheader .group7{background-color:gold;border-radius:10px 0 0 10px}.que.ddimageortext .group8,form.mform fieldset#id_previewareaheader .group8{background-color:khaki;border-radius:10px 10px 10px 10px}body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] .fgrouplabel label{font-weight:700}body#page-question-type-ddimageortext div[id^=fitem_id_][id*=dragitem_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-ddimageortext div[id^=fitem_id_][id*=draglabel_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fgroup_id_drags_"].mb-3,div[id^="fitem_id_dragitem_"].mb-3{margin-bottom:0!important}.que.ddmarker .qtext{margin-bottom:.5em;display:block}.que.ddmarker .droparea{display:inline-block;position:relative}.que.ddmarker .droparea .dropzones,.que.ddmarker .droparea .markertexts{position:absolute;top:0;left:0}.que.ddmarker .draghomes .marker,.que.ddmarker .droparea .marker{vertical-align:top;cursor:move}.que.ddmarker .draghomes.readonly .marker,.que.ddmarker .droparea.readonly .marker{cursor:auto}.que.ddmarker .droparea .marker{position:absolute}.que.ddmarker .draghomes .marker{position:relative;display:inline-block;margin:10px}.que.ddmarker .draghomes .marker.dragplaceholder{display:none}.que.ddmarker .draghomes .marker.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddmarker div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea{text-align:center}form.mform fieldset#id_previewareaheader div.ddarea .markertexts{min-height:80px}.que.ddmarker .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground{margin:0 auto;border:1px solid #000}form.mform fieldset#id_previewareaheader .dropbackground{max-width:none}.que.ddmarker div.dragitems div.draghome,.que.ddmarker div.dragitems div.dragitem,form.mform fieldset#id_previewareaheader div.draghome,form.mform fieldset#id_previewareaheader div.drag{font:13px/1.231 arial,helvetica,clean,sans-serif}.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext,.que.ddmarker div.markertexts span.markertext,form.mform fieldset#id_previewareaheader div.markertexts span.markertext{margin:0 5px;z-index:3;background-color:#fff;border:2px solid #000;padding:5px;display:inline-block;zoom:1;border-radius:10px;color:#000;opacity:.6}.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext{white-space:nowrap}.que.ddmarker div.markertexts span.markertext{z-index:2;background-color:#ff0;border:2px solid khaki;position:absolute;white-space:nowrap}.que.ddmarker span.wrongpart{background-color:#ff0;border:2px solid khaki;padding:5px;border-radius:10px;opacity:.6;margin:5px;display:inline-block}.que.ddmarker .droparea .marker img.target,.que.ddmarker .draghomes .marker img.target{position:absolute;left:-7px;top:-7px}.que.ddmarker div.dragitems div.draghome img.target{display:none}.que.ddmarker .marker.beingdragged{position:absolute}.que.ddmarker .marker.beingdragged span.markertext{z-index:3;box-shadow:3px 3px 4px #000}.que.ddmarker .dropzone .shape{fill:#fff;fill-opacity:.5;stroke:#000;stroke-width:1}.que.ddmarker .dropzone.active .shape{stroke-width:2}.que.ddmarker .dropzone.color0 .shape{fill:#fff}.que.ddmarker .dropzone.color1 .shape{fill:#b0c4de}.que.ddmarker .dropzone.color2 .shape{fill:#dcdcdc}.que.ddmarker .dropzone.color3 .shape{fill:thistle}.que.ddmarker .dropzone.color4 .shape{fill:#87cefa}.que.ddmarker .dropzone.color5 .shape{fill:#daa520}.que.ddmarker .dropzone.color6 .shape{fill:gold}.que.ddmarker .dropzone.color7 .shape{fill:khaki}.que.ddmarker .dropzone .shapeLabel{text-anchor:middle}.que.ddmarker .dropzone .handle{fill:#fff;fill-opacity:.1;stroke-width:1;display:none;cursor:move}.que.ddmarker .dropzone .handle.move{stroke:#800}.que.ddmarker .dropzone .handle.edit{stroke:#008}.que.ddmarker .dropzone.active .handle{display:inherit}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] .fitemtitle{font-weight:700}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintoptions_],body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintshownumcorrect_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintclearwrong_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}body#page-question-type-ddmarker #fitem_id_penalty{margin-bottom:2em}.que.ddwtos .qtext{margin-bottom:.5em;display:block}.que.ddwtos .draghome{margin-bottom:1em}.que.ddwtos .answertext{margin-bottom:.5em}.que.ddwtos .drop.active{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2px}.que.ddwtos .drop{display:none}.que.ddwtos .drags{height:0}.que.ddwtos .draghome{display:inline-block;text-align:center;background:#fff0;border:1px solid #000;cursor:move}.que.ddwtos.qtype_ddwtos-readonly .draghome{cursor:default}.que.ddwtos .draghome.beingdragged{z-index:3;box-shadow:3px 3px 4px #000;position:absolute}.que.ddwtos .draghome.dragplaceholder{display:none}.que.ddwtos .draghome.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddwtos .draghome.placed{margin-bottom:2px}.que.ddwtos .drop:focus,.que.ddwtos .drop.valid-drag-over-drop,.que.ddwtos .draghome.placed:focus:not(.beingdragged),.que.ddwtos .draghome.placed.valid-drag-over-drop{border-color:#0a0;box-shadow:0 0 5px 5px rgb(255 255 150)}.que.ddwtos span.incorrect{background-color:#faa}.que.ddwtos span.correct{background-color:#afa}.que.ddwtos .group1{background-color:#fff}.que.ddwtos .group2{background-color:#dcdcdc;border-radius:10px 0 0 0}.que.ddwtos .group3{background-color:#b0c4de;border-radius:0 10px 0 0}.que.ddwtos .group4{background-color:thistle;border-radius:0 0 10px 0}.que.ddwtos .group5{background-color:#87cefa;border-radius:0 0 0 10px}.que.ddwtos .group6{background-color:#daa520;border-radius:0 10px 10px 0}.que.ddwtos .group7{background-color:gold;border-radius:10px 0 0 10px}.que.ddwtos .group8{background-color:khaki;border-radius:10px 10px 10px 10px}.que.ddwtos sub,.que.ddwtos sup{font-size:80%;position:relative;vertical-align:baseline}.que.ddwtos sup{top:-.4em}.que.ddwtos sub{bottom:-.2em}.que.ddwtos .MathJax_Display{margin:0}.que.essay textarea.qtype_essay_response{width:100%}.que.essay textarea.qtype_essay_response.qtype_essay_plain{white-space:pre-wrap;font:inherit}.que.essay textarea.qtype_essay_response.qtype_essay_monospaced{white-space:pre;font-family:Andale Mono,Monaco,Courier New,DejaVu Sans Mono,monospace}.que.essay .qtype_essay_response{min-height:3em}.que.essay .qtype_essay_response.readonly{background-color:#fff}.que.essay div.qtype_essay_response textarea{width:100%}.que.essay .ablock .filemanager .fp-restrictions{margin-top:1em}.que.formulas .formulas_input_warning_outer{display:inline;position:absolute;z-index:1}.que.formulas .formulas_input_warning{background:#fff0;left:-1.3em;position:absolute;top:.3em}.que.formulas .formulas_input_info_outer{display:inline;position:absolute;z-index:2}.que.formulas .formulas_input_info{background-color:#eef;border:1px solid #88c;left:0;position:absolute;top:1.63em;width:150px}.que.formulas .formulas_input_info_title{padding:2px}.que.formulas .formulas_input_info_interpretation{border-top:1px solid #88c;padding:2px}.que.formulas .formulas_input_info_interpretation_incorrect{border-top:1px solid #88c;color:#bbb;padding:2px}.que.formulas .formulas_unit{margin:0 0 0 0;width:40px}.que.formulas .formulas_number{margin:0 0 0 0;width:40px}.que.formulas .formulas_number_unit{margin:0 0 0 0;width:80px}.que.formulas .formulas_numeric{margin:0 0 0 0;width:100px}.que.formulas .formulas_numeric_unit{margin:0 0 0 0;width:200px}.que.formulas .formulas_numerical_formula{margin:0 0 0 0;width:200px}.que.formulas .formulas_numerical_formula_unit{margin:0 0 0 0;width:300px}.que.formulas .formulas_algebraic_formula{margin:0 0 0 0;width:200px}.que.formulas .formulas_algebraic_formula_unit{margin:0 0 0 0;width:300px}.que.formulas .formulation .formulaspart{display:block;margin:0 0 1.2em 0;padding-bottom:0}.que.formulas .formulation .formulas_menu{display:inline;margin:0 0 1.2em 0;padding-bottom:0}.que.formulas .multichoice_answer div.r0,.que.formulas .multichoice_answer div.r1{padding:.3em 0 .3em 25px;text-indent:-25px}.que.formulas .formulas_mark{display:inline}.que.formulas .formulas_grade{font-size:.8em}.que.formulas .formulation .formulaspartfeedback,.que.formulas .formulation .formulaspartcorrectanswer,.que.formulas .formulation .formulaslocalfeedback{padding-top:6px}.que.formulas .formulation .formulaspartoutcome{background:#fff3bf;color:#000;margin:.2em -.2em .5em;padding:.2em}.que.formulas .formulation .formulaspartfeedback .correct,.que.formulas .formulation .formulaspartfeedback .partiallycorrect,.que.formulas .formulation .formulaspartfeedback .incorrect{background:#fff0}body#page-question-type-formulas .formulas_correctness_show{display:inline}body#page-question-type-formulas .formulas_input_warning_outer{display:inline;position:absolute;z-index:1}body#page-question-type-formulas .formulas_input_warning{background:#fff0;left:-1.3em;position:absolute;top:.3em}body#page-question-type-formulas .formulas_input_info_outer{display:inline;position:absolute;z-index:2}body#page-question-type-formulas .formulas_input_info{background-color:#eef;border:1px solid #88c;left:0;position:absolute;top:1.94em;width:150px}body#page-question-type-formulas .formulas_input_info_title{padding:2px}body#page-question-type-formulas .formulas_input_info_interpretation{border-top:1px solid #88c;padding:2px}body#page-question-type-formulas .formulas_input_info_interpretation_incorrect{border-top:1px solid #88c;color:#bbb;padding:2px}#page-question-type-formulas #id_varsrandom,#page-question-type-formulas #id_varsglobal{height:80px;direction:ltr;text-align:left}.que.gapselect .qtext{line-height:2em;margin-top:1px;margin-bottom:.5em;display:block}.que.gapselect .answercontainer{line-height:2em;margin-bottom:1em;display:block}.que.gapselect .answertext{padding-bottom:.5em}.que.sddl .control{padding:.2em}body#page-question-type-match div[id^=fitem_id_][id*=subquestions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-match div[id^=fitem_id_][id*=subquestions_] .fitemtitle{font-weight:700}body#page-question-type-match div[id^=fitem_id_][id*=subanswers_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fitem_id_subquestions_"].mb-3{margin-bottom:0!important}.que.multianswer .feedbackspan{display:block;max-width:70%;background:#fff3bf;padding:.5em;margin-top:1em;box-shadow:.5em .5em 1em #000}body.ie6 .que.multianswer .feedbackspan,body.ie7 .que.multianswer .feedbackspan,body.ie8 .que.multianswer .feedbackspan,body.ie9 .que.multianswer .feedbackspan{width:70%}.que.multianswer .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}.que.multianswer .answer .specificfeedback *{display:inline;background:#fff3bf}.que.multianswer .answer .specificfeedback script{display:none}.que.multianswer .answer div.r0,.que.multianswer .answer div.r1{padding:.3em}.que.multianswer table.answer{margin-bottom:0;width:100%}.que.multichoice .answer div.r0,.que.multichoice .answer div.r1{display:flex;margin:.25rem 0;align-items:flex-start}.que.multichoice .answer div.r0 input,.que.multichoice .answer div.r1 input{margin:.3rem .5rem;width:14px;flex-shrink:0}.que.multichoice .answer .answernumber{min-width:1.5em}.que.multichoice .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle{font-weight:700}body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle{margin-left:0;margin-right:0;padding-left:6px;padding-right:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fitem_id_answer_"].mb-3,div[id^="fitem_id_fraction_"].mb-3{margin-bottom:0!important}.que.numerical .answer{padding:.3em;display:inline}#page-question-type-numerical input[name="unitpenalty"],#page-question-type-numerical input[name^="answer"],#page-question-type-numerical input[name^="tolerance"],#page-question-type-numerical input[name^="multiplier"],#page-question-type-numerical input[name^="unit"]{direction:ltr;text-align:left}body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body.path-question-type div#fgroup_id_penaltygrp label[for^=id_unitpenalty],body.path-question-type div[id^=fgroup_id_units_] label[for^='id_unit_'],body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-numerical div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-numerical div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}.que.ordering div.answer.ordering{overflow:auto}.que.ordering .sortablelist{float:left;list-style-type:none;margin:0 0 0 8px}.que.ordering .sortablelist.active{border:1px dotted #333;border-radius:4px}.que.ordering .sortablelist li{background-color:#fff;border:1px solid #000;border-radius:4px;list-style-type:none;margin:4px}.que.ordering .sortablelist li .grip{opacity:.45}.que.ordering .sortablelist li.sortableitem{position:relative;cursor:move;margin-left:26px}.que.ordering .sortablelist li.sortableitem:first-of-type [data-action="move-backward"],.que.ordering .sortablelist li.sortableitem:last-of-type [data-action="move-forward"]{visibility:hidden}.que.ordering .sortableitem .btn.btn-icon{height:32px;width:32px;border-radius:.5rem}.que.ordering .sortablelist.numbering123 li,.que.ordering .sortablelist.numberingabc li,.que.ordering .sortablelist.numberingABCD li,.que.ordering .sortablelist.numberingiii li,.que.ordering .sortablelist.numberingIIII li{margin-left:26px}.que.ordering .sortablelist.numberingnone li{list-style-type:none;margin-left:0}.que.ordering .sortablelist.numbering123 li{list-style-type:decimal}.que.ordering .sortablelist.numberingabc li{list-style-type:lower-alpha}.que.ordering .sortablelist.numberingABCD li{list-style-type:upper-alpha}.que.ordering .sortablelist.numberingiii li{list-style-type:lower-roman}.que.ordering .sortablelist.numberingIIII li{list-style-type:upper-roman}.que.ordering .sortablelist.horizontal{display:flex;flex-wrap:wrap}.que.ordering .sortablelist.horizontal{display:flex;flex-wrap:wrap;align-items:flex-start}.que.ordering .sortablelist.vertical li{min-height:18px}.que.ordering.dragproxy{margin:0;padding:0;border:0 none}.que.ordering.dragproxy .sortablelist{margin:0;padding:0;float:none}.que.ordering.dragproxy .sortablelist li{margin:0;padding:6px 0 6px 12px;width:100%}.que.ordering.dragproxy .sortablelist li.horizontal{float:none}.item-moving{box-shadow:3px 3px 4px #000}.current-drop{visibility:hidden}.que.ordering .sortablelist.notactive li.correct{background-color:#dff4d8;border-color:#9f6}.que.ordering .sortablelist.notactive li.partial66{background-color:#dff4d8;border-color:#f90}.que.ordering .sortablelist.notactive li.partial33{background-color:#ffebcc;border-color:#f90}.que.ordering .sortablelist.notactive li.partial00{background-color:#fdd;border-color:#f90}.que.ordering .sortablelist.notactive li.incorrect{background-color:#fdd;border-color:#ff7373}.que.ordering div.rightanswer{overflow:auto}.que.ordering div.rightanswer ol.correctorder{padding-inline-start:16px}.que.ordering div.rightanswer ol.correctorder.horizontal{display:flex;flex-wrap:wrap;align-items:baseline}.que.ordering div.rightanswer ol.correctorder li.horizontal{margin-left:24px;margin-right:24px}.que.ordering div.rightanswer ol.correctorder li.vertical{margin-left:24px}#page-question-type-ordering form.mform fieldset:nth-child(n+4) div.feditor{max-width:480px}.que.shortanswer .answer{padding:.3em;display:inline}.que.shortanswer .answer input{width:80%}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-shortanswer div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-shortanswer div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}.que.truefalse .answer div.r0,.que.truefalse .answer div.r1{padding:.3em}.activequizplainbox{padding:10px;margin:10px}.activequizbox{border:1px solid;border-radius:8px;padding:20px;margin:10px}.activequizbox .row{margin:5px}.activequizbox .questionlist li{border:1px solid;border-radius:5px;min-height:30px;margin-top:5px;padding:10px;background:#fff}.activequizbox .questionlist li:hover{background:#dbdbdb}.activequizbox .questionlist li div{display:inline-block}.activequizbox .questionlist .dragquestion{width:10%;cursor:move}.activequizbox .questionlist .icon{vertical-align:middle}.activequizbox .questionlist .name{width:50%;vertical-align:middle}.activequizbox .questionlist .name p{margin:0}.activequizbox .questionlist .controls{width:30%;vertical-align:middle}.activequizbox .questionlist .controls img{margin-right:5px}.activequizbox .questionlist .controls .space{width:12px}.rtqstatusbox{border-radius:20px;margin:10px 5px 10px 35px;padding:10px}.rtqhiddenstatus{display:none}.rtqsuccessstatus{display:block}.rtqerrorstatus{display:block;background:#ff8e89}.activequizbox .inline-block{display:inline-block}.activequizbox .span6{vertical-align:top;width:49.5%}.activequizbox .row .span6{padding:5px}.question_save{height:30px}@media (min-width:480px){.question_save{margin-left:8em}}.activequizloading{margin-left:auto;margin-right:auto;text-align:center;width:30%}.activequiz_editicons{display:inline-block;width:20%}.activequiz_highlight_correct{background:#81dca3}#quizinfobox{background-color:#d9edf7}.activequizbox .submit{display:none}.activequizbox .rtq_inquiz{display:inline-block}.activequizbox .btn-hide{display:none}#id_reviewoptionsettings .fitem{float:left;width:30%;clear:none}#id_reviewoptionsettings .fitemtitle{width:100%;font-weight:700;text-align:left;height:2.5em;margin-left:0}#id_reviewoptionsettings fieldset.fgroup{clear:left;margin:0 0 1em}#id_reviewoptionsettings fieldset.fgroup>span{float:left;clear:left;line-height:1.7}#id_reviewoptionsettings fieldset.fgroup span label{margin-left:.4em}#id_reviewoptionsettings .fitem{float:left}#id_reviewoptionsettings .fitemtitle{text-align:left}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / .8);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog>div{width:400px;position:relative;margin:10% auto;padding:5px 20px 13px 20px;border-radius:10px;background:#fff;background:-moz-linear-gradient(#fff,#999);background:-webkit-linear-gradient(#fff,#999);background:-o-linear-gradient(#fff,#999)}.jumptoquestionclose{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}.jumptoquestioncloseclose:hover{background:#00d9ff}#notrespondedbox{background-color:#d9edf7}#notrespondedlist{width:30em;padding:10px}#notrespondedlist li{float:left;width:10em}#quizview .hidden{display:none;visibility:hidden}.activequizbox.isanonymous{background-color:#d7f5d7}.adaptivequiz-summarylist{float:left}.adaptivequiz-summarylist dt{font-weight:700}.adaptivequiz-attemptgraph{clear:both}#adpq_scoring_table table{float:left;margin-right:20px}#adpq_scoring_table{clear:both}.adpq_download{text-align:center;margin:10px}table.adpq_answers_table thead th.section{text-align:left;padding-top:30px}table.adpq_answers_table thead:first-child th.section{padding-top:inherit}.adpq_correct{color:green}.adpq_incorrect{color:red}.adpq_highlevel .adpq_incorrect{font-weight:700}.adpq_lowlevel .adpq_correct{font-weight:700}.usersattemptstable-wrapper{margin-top:1rem}.usersattemptstable{margin-bottom:0.75rem!important}.attempt-controls-or-notification-container{padding-top:10px}#page-mod-adaptivequiz-view .attempt-progress-container{margin-bottom:25px;padding-top:10px}#page-mod-adaptivequiz-view .attempt-progress .progress-bar-wrapper{width:60%;border-radius:.5rem;background-color:#dee2e6}#page-mod-adaptivequiz-view .attempt-progress .progress-bar-inner{height:.8rem;border-radius:.5rem 0 0 .5rem}#page-mod-adaptivequiz-view .attempt-progress .no-out-of{font-weight:700;font-size:1.25rem}.path-mod-assign div.gradingnavigation div{float:left;margin-left:2em}.path-mod-assign div.submissionstatustable,.path-mod-assign div.submissionfull,.path-mod-assign div.submissionlinks,.path-mod-assign div.usersummary,.path-mod-assign div.feedback,.path-mod-assign div.gradingsummary{margin-bottom:1.5em}.path-mod-assign div.submissionstatus .generaltable,.path-mod-assign div.submissionlinks .generaltable,.path-mod-assign div.feedback .generaltable,.path-mod-assign div.submissionsummarytable .generaltable,.path-mod-assign div.attempthistory table,.path-mod-assign div.gradingsummary .generaltable{width:100%}.path-mod-assign table.generaltable table td{border:0 none}.path-mod-assign .gradingsummarytable,.path-mod-assign .feedbacktable,.path-mod-assign .lockedsubmission,.path-mod-assign .submissionsummarytable{margin-top:1em}.path-mod-assign div.submissionsummarytable table tbody tr td.c0{width:30%}.path-mod-assign .submittedlate{color:red;font-weight:900}.path-mod-assign.jsenabled .gradingtable .c1 select{display:none}.path-mod-assign .quickgradingform .mform fieldset{margin:0;padding:0}.path-mod-assign textarea.quickgrade{resize:both}.path-mod-assign td.submissionstatus,.path-mod-assign div.submissionstatus,.path-mod-assign a:link.submissionstatus{color:#000;background-color:#efefef}.path-mod-assign td.submissionstatusdraft,.path-mod-assign div.submissionstatusdraft,.path-mod-assign a:link.submissionstatusdraft{color:#000;background-color:#efefcf}.path-mod-assign td.submissionstatussubmitted,.path-mod-assign div.submissionstatussubmitted,.path-mod-assign a:link.submissionstatussubmitted{color:#000;background-color:#cfefcf}.path-mod-assign td.submissionlocked,.path-mod-assign div.submissionlocked{color:#000;background-color:#efefcf}.path-mod-assign td.submissionreopened,.path-mod-assign div.submissionreopened{color:#000;background-color:#efefef}.path-mod-assign td.submissiongraded,.path-mod-assign div.submissiongraded{color:#000;background-color:#cfefcf}.path-mod-assign td.submissionnotgraded,.path-mod-assign div.submissionnotgraded{color:#000}.path-mod-assign td.latesubmission,.path-mod-assign a:link.latesubmission,.path-mod-assign div.latesubmission{color:#000;background-color:#efcfcf}.path-mod-assign td.earlysubmission,.path-mod-assign div.earlysubmission{color:#000;background-color:#cfefcf}.path-mod-assign td.gradingreminder,.path-mod-assign div.gradingreminder{color:#000;background-color:#efcfcf}.path-mod-assign div.dropdown.extrafilters .dropdown-menu{width:300px}.path-mod-assign .gradingtable .c0{display:none}.path-mod-assign.jsenabled .gradingtable .c0{display:table-cell}.path-mod-assign .gradingtable table{border-collapse:separate;border-spacing:0}.path-mod-assign .gradingtable thead th{background-color:#fff}.path-mod-assign .gradingtable tr.selectedrow td{background-color:#fec}.path-mod-assign .gradingtable tr.unselectedrow td{background-color:#fff}.path-mod-assign .gradingtable .yui3-menu ul{margin:0}.path-mod-assign .gradingtable .yui3-menu-label{padding-left:0;line-height:12px}.path-mod-assign .gradingtable .yui3-menu-label img{padding:0 3px}.path-mod-assign .gradingtable .yui3-menu li{list-style-type:none}.path-mod-assign.jsenabled .gradingtable .yui3-loading{display:none}.path-mod-assign .gradingtable .yui3-menu .yui3-menu-content{border:0;padding-top:0}.path-mod-assign div.gradingtable tr .quickgrademodified{background-color:#fc9}.path-mod-assign .gradingtable .commentscontainer .comment-ctrl .comment-area textarea{resize:both}.path-mod-assign td.submissioneditable{color:red}.path-mod-assign .expandsummaryicon{display:none}.path-mod-assign.jsenabled .expandsummaryicon{display:inline-block}.path-mod-assign .hidefull{display:none}.path-mod-assign .quickgradingform form .commentscontainer input,.path-mod-assign .quickgradingform form .commentscontainer textarea{display:none}.path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,.path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea{display:inline}.path-mod-assign .previousfeedbackwarning{font-size:140%;font-weight:700;text-align:center;color:#500}.path-mod-assign .submissionhistory{background-color:#b0b0b0}.path-mod-assign .submissionhistory .cell.historytitle{background-color:gray}.path-mod-assign .submissionhistory .cell{background-color:#d0d0d0}.path-mod-assign.jsenabled .mod-assign-history-link{background:none 2px 4px / 16px 16px no-repeat;display:block;cursor:pointer;margin-bottom:7px;padding-left:20px}.path-mod-assign.jsenabled .mod-assign-history-link h4{display:inline}.path-mod-assign.jsenabled .attempthistory h4{margin-bottom:7px;text-align:left}.path-mod-assign.jsenabled.dir_rtl .attempthistory h4{text-align:right}.path-mod-assign.jsenabled .mod-assign-history-link-open{background-image:url(/theme/image.php/govbrds/core/1772471362/t/expanded)}.path-mod-assign.jsenabled .mod-assign-history-link-closed{background-image:url(/theme/image.php/govbrds/core/1772471362/t/collapsed)}.path-mod-assign .submithelp{padding:1em}.path-mod-assign .feedbacktitle{font-weight:700}.path-mod-assign .submitconfirm,.path-mod-assign .submissionlinks,.path-mod-assign .submissionaction{text-align:center}.path-mod-assign .submissionsummarytable .c0,.path-mod-assign .gradingsummarytable .c0,.path-mod-assign .mod-assign-history-panel .c0{width:15em}.path-mod-assign .gradingtable .moodle-actionmenu{white-space:nowrap}.path-mod-assign .gradingtable .username .d-inline-block{white-space:nowrap}.path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a{padding-left:12px;padding-right:12px}.path-mod-assign .gradingtable .menu-action img{display:none}.path-mod-assign .editsubmissionform input[name="submissionstatement"]{vertical-align:top}.path-mod-assign .editsubmissionform label[for="id_submissionstatement"]{display:inline-block}.path-mod-assign.layout-option-nonavbar{padding-top:0}.path-mod-assign [data-region="user-selector"] select{margin-bottom:0}.path-mod-assign [data-region="user-selector"] .alignment{float:right;width:320px;text-align:center;margin-top:7px}.path-mod-assign [data-region="user-selector"] [data-action="previous-user"],.path-mod-assign [data-region="user-selector"] [data-action="next-user"]{font-size:26px}.path-mod-assign [data-region="user-selector"] [data-action="next-user"]{margin-left:-10px}.path-mod-assign [data-region="user-selector"] .alignment input{margin-bottom:5px}.path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow{top:0}.path-mod-assign [data-region="user-selector"] .form-autocomplete-selection{display:none}.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions{text-align:left}.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions{margin-left:48px}.path-mod-assign [data-region="user-filters"]{font-size:small}.path-mod-assign [data-region="configure-filters"]{display:none;text-align:left;width:480px;background-color:#fff;background-clip:padding-box;box-shadow:0 5px 10px rgb(0 0 0 / .2);border-radius:6px;position:absolute;margin-top:28px;margin-left:-452px;padding:10px 0;z-index:1}.path-mod-assign [data-region="configure-filters"]::before,.path-mod-assign [data-region="configure-filters"]::after{position:absolute;left:auto;display:inline-block;content:'';border-style:solid;border-color:#fff0;border-top:none}.path-mod-assign [data-region="configure-filters"]::before{top:-7px;right:12px;border-width:7px;border-bottom-color:rgb(0 0 0 / .2)}.path-mod-assign [data-region="configure-filters"]::after{top:-6px;right:13px;border-width:6px;border-bottom-color:#fff}.path-mod-assign .alignment [data-region="configure-filters"] input{margin-bottom:0}.path-mod-assign [data-region="grading-navigation-panel"]{position:absolute;top:0;left:0;width:100%;height:6em;margin:0;border-bottom:1px solid #ddd}.path-mod-assign [data-region="grading-navigation"]{padding:1em}.path-mod-assign [data-region="assignment-info"]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"]{margin-left:.5em}.path-mod-assign [data-region="user-info"]{height:60px}.path-mod-assign [data-region="user-info"] a{text-decoration:none}.path-mod-assign [data-region="user-info"] .img-rounded{display:block;float:left;margin-top:-3px;margin-right:10px}.path-mod-assign [data-region="user-info"] em{display:block;font-style:normal}.path-mod-assign [data-region="user-info"] em.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-mod-assign [data-region="grading-actions-form"] label{display:inline-block}.path-mod-assign.pagelayout-embedded{overflow:hidden}.path-mod-assign [data-region="review-panel"]{position:absolute;top:85px;bottom:60px;left:0;right:30%;width:auto;box-sizing:border-box;-webkit-transition:right 0.5s,left 0.5s;-moz-transition:right 0.5s,left 0.5s;transition:right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].grade-panel-collapsed{right:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"]{display:none;height:30px;width:30px;position:absolute;top:0;right:0;left:auto;box-sizing:border-box;border-radius:0 0 0 4px;border:1px solid #ccc;border-top:none;background-color:#fff}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{width:100%;height:100%;text-align:center;line-height:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text{visibility:hidden;opacity:0;height:0;overflow:hidden}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img{height:100%;float:right}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon{display:none}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{display:block}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width{display:none}.path-mod-assign [data-region="review-panel"] .pageheader{border-right:1px solid #ddd}.path-mod-assign [data-region="review-panel"]+[data-region="grade-panel"] [data-region="grade"]{margin-left:auto;margin-right:auto;max-width:100%;-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}.path-mod-assign [data-region="review-panel"] .drawingregion{left:0;right:0;border-color:#ddd}.path-mod-assign [data-region="review-panel"].collapsed{left:calc(30px - 70%);right:calc(100% - 30px);-webkit-transition:right 0.5s,left 0.5s;-moz-transition:right 0.5s,left 0.5s;transition:right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"]{visibility:hidden;-webkit-transition:visibility 0s 0.5s;-moz-transition:visibility 0s 0.5s;transition:visibility 0s 0.5s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon{display:block}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon{display:none}.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"]{position:absolute;left:30px;right:0;width:calc(100% - 30px);overflow:auto;-webkit-transition:width 0.5s,right 0.5s,left 0.5s;-moz-transition:width 0.5s,right 0.5s,left 0.5s;transition:width 0.5s,right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] [data-region="grade"],.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"]{max-width:800px;margin-left:auto;margin-right:auto}.path-mod-assign [data-region="grade-panel"]{position:absolute;top:85px;bottom:60px;right:0;left:70%;width:30%;overflow:auto;box-sizing:border-box;background-color:#f5f5f5;padding:15px;padding-top:0;-webkit-transition:width 0.5s,right 0.5s,left 0.5s;-moz-transition:width 0.5s,right 0.5s,left 0.5s;transition:width 0.5s,right 0.5s,left 0.5s}.path-mod-assign [data-region="grade-panel"].collapsed{left:calc(100% - 30px);right:calc(30px - 100%);visibility:hidden;-webkit-transition:right 0.5s,left 0.5s,visibility 0s 0.5s;-moz-transition:right 0.5s,left 0.5s,visibility 0s 0.5s;transition:right 0.5s,left 0.5s,visibility 0s 0.5s}.path-mod-assign [data-region="grade-panel"].fullwidth{left:0;width:100%;overflow:auto}.path-mod-assign [data-region="grade-panel"] h3{font-size:18px;font-weight:500}.path-mod-assign [data-region="grade-panel"] div.submissionstatustable{margin-bottom:2em}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable{margin-left:5px;margin-right:5px}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td{padding:8px 0;background-color:#fff0}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody>tr:nth-child(2n+1)>td,.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover>td{background-color:#fff0}.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0{width:auto}.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1{border-bottom:1px solid #ddd}.path-mod-assign .overdue,.path-mod-assign .overduesubmission,.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded{color:#ca3120;background-color:#fff0}.path-mod-assign div.fileuploadsubmission{float:left;min-width:300px}.path-mod-assign div.fileuploadsubmissiontime{float:right}.path-mod-assign [data-region="grade-panel"] #id_gradeheader{display:table-cell;min-width:0}.path-mod-assign [data-region="grade-panel"] #id_gradeheader>legend{visibility:hidden;height:0;margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols]{width:100%;box-sizing:border-box}.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager{background-color:#fff;border:1px solid #ddd;margin-bottom:20px}.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle{padding-left:5px;padding-right:5px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement{padding:6px 10px 10px;box-sizing:border-box}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle{border-bottom:1px solid #ddd;box-shadow:0 1px 1px rgb(0 0 0 / .05);padding:6px 10px 3px;box-sizing:border-box}.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img{margin-left:2px;margin-right:2px;margin-top:-2px}.path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img{margin-left:-6px;margin-right:-6px;margin-top:4px}.path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label{font-weight:500}.path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem{padding-top:5px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle{display:inline-block;width:auto;border-bottom:none;box-shadow:none}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement{width:auto;float:right}.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input{width:80px;margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric{max-width:100%;padding-bottom:0}.path-mod-assign .gradingform_rubric{max-width:calc(100vw - 200px)}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description{font-weight:500;min-width:150px}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels{background-color:#fff}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even{background-color:#fff0}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .gradingform_guide{margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score{display:block}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly{padding-top:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription{margin-top:5px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers{width:auto;margin-top:5px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark{margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser{float:right;margin-top:2px;margin-left:0}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score{float:left;padding-bottom:8px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div{display:inline-block}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even{background-color:#fff0;border-width:0 0 1px 0;padding:8px 0}.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,.path-mod-assign [data-region="grade-panel"] .showstudentdesc{background-color:#f5f5f5;padding:10px}.path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .fitem.popout{position:fixed;left:20%;right:20%;top:20%;bottom:20%;z-index:1000;border:1px solid rgb(0 0 0 / .3);border-radius:6px;box-shadow:0 3px 7px rgb(0 0 0 / .3)}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle{text-align:center;padding-left:15px;padding-right:15px;height:45px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label{font-size:16px;line-height:30px}.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"]{float:right}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img{margin-top:-10px;margin-right:-7px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement{padding:10px 15px 15px;height:calc(100% - 54px);overflow:auto}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric{overflow:visible}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings>legend{font-size:18px;font-weight:500;line-height:40px;border-bottom:0;margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer{display:table;width:100%;padding-left:5px;padding-right:5px;margin-bottom:10px;box-sizing:border-box}.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem{display:table-row}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement{border-bottom:1px solid #ddd}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label{font-weight:400}.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"]{margin-bottom:10px;vertical-align:text-bottom}.path-mod-assign [data-region="grade-actions-panel"]{border-top:1px solid #ddd;position:absolute;bottom:0;left:0;width:100%;height:60px}.path-mod-assign [data-region="grade-actions"]{padding:1em;text-align:center}.path-mod-assign [data-region="submissions-list"]{text-align:inherit}.path-mod-assign [data-region="submissions-list"] label.radio input{margin-top:4px;min-width:inherit}.path-mod-assign [data-region="overlay"]{display:none;z-index:100;position:absolute;top:0;left:0;width:100%;overflow:auto;bottom:0;background-color:#ddd;opacity:.4;padding-top:4em;text-align:center}@media (max-width:767px){.path-mod-assign.pagelayout-embedded{overflow:auto}.path-mod-assign [data-region="assignment-info"]{border-bottom:1px solid #ddd;padding-bottom:5px}.path-mod-assign .page-context-header .page-header-headings{margin-top:13px}.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons{display:none}.path-mod-assign [data-region="grading-navigation-panel"],.path-mod-assign [data-region="review-panel"],.path-mod-assign [data-region="grade-panel"],.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"],.path-mod-assign [data-region="grade-actions-panel"]{position:inherit;width:100%;top:0;left:0;right:auto;overflow:auto;height:auto;margin-bottom:1em}.path-mod-assign [data-region="grade-panel"].collapsed{visibility:visible}.path-mod-assign [data-region="grading-navigation"]{padding:0;text-align:center}.path-mod-assign [data-region="grade-panel"]{margin-bottom:2em}.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"]{display:none}.path-mod-assign [data-region="review-panel"]{position:relative;max-height:2000px;-webkit-transition:max-height 0.25s linear;-moz-transition:max-height 0.25s linear;transition:max-height 0.25s linear}.path-mod-assign [data-region="review-panel"] .pageheader{border-right:none;padding-right:20px;padding-left:40px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"]{display:block;height:20px;width:20px;position:absolute;top:0;left:0;right:auto;box-sizing:border-box;border:1px solid #ccc;border-radius:0 0 4px 0;background-color:#fff}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{width:100%;height:100%;text-align:center;line-height:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon{height:100%}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon{float:left}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon{float:right}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text{line-height:20px;visibility:visible;opacity:1;height:auto;-webkit-transition:visibility 0s 0.25s,opacity 0s 0.25s;-moz-transition:visibility 0s 0.25s,opacity 0s 0.25s;transition:visibility 0s 0.25s,opacity 0s 0.25s}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon{display:none}.path-mod-assign [data-region="review-panel"].collapsed{max-height:20px;top:0;left:0;overflow:hidden;-webkit-transition:max-height 0.25s linear;-moz-transition:max-height 0.25s linear;transition:max-height 0.25s linear}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"]{width:100%;border-radius:0 0 0 0;-webkit-transition:all 0s 0.25s;-moz-transition:all 0s 0.25s;transition:all 0s 0.25s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img{height:100%}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{display:block}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon{display:none}.path-mod-assign.pagelayout-popup{overflow:inherit}.path-mod-assign [data-region="grading-navigation"] [data-region="user-info"]{text-align:left;width:auto;display:inline-block;margin:0 auto;height:auto}.path-mod-assign [data-region="user-selector"] .alignment{float:none;margin:0 auto 10px}body.tox-fullscreen.path-mod-assign [data-region="grading-navigation"]{display:none}}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle{display:block;margin-top:4px;margin-bottom:4px;text-align:left;width:100%}.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement{margin-left:0;width:100%;float:left;padding-left:0;padding-right:0}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty{display:none}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup>span{margin-top:4px}.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle{display:inline-block;width:auto;margin-right:8px}.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement{display:inline-block;margin-top:4px;padding-top:5px;width:auto}.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement{display:inline-block;width:auto}.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement{padding:6px}.path-mod-assign #page,.path-mod-assign #page-content{position:inherit}.path-mod-assign table.generaltable table td.ygtvcell{border:0;padding:0}div[id*='mod_assign-timer-']{display:block;font-weight:600;font-size:1.4em}body.tox-fullscreen.path-mod-assign [data-region="grade-panel"]{position:unset}body.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement[data-fieldtype="editor"]{overflow:unset}.path-mod-assign .initialsdropdown{width:460px}.path-mod-assign .initialsdropdown::after{content:''}.path-mod-attendance .attbtn{border:1px solid #aaa;border-radius:5px;margin:2px;padding:5px;display:inline-block}.path-mod-attendance .attcurbtn{margin-left:2px;margin-right:2px;padding:5px}.path-mod-attendance .attfiltercontrols{margin-bottom:10px}.path-mod-attendance .attfiltercontrols #currentdate{display:inline}.path-mod-attendance .attwidth{margin:auto}.path-mod-attendance .userwithoutenrol,.path-mod-attendance .userwithoutenrol a{color:gray}.path-mod-attendance .userwithoutdata,.path-mod-attendance .userwithoutdata a{color:red}.path-mod-attendance .takelist td{vertical-align:middle}.path-mod-attendance .takelist .userpicture{margin:0 3px;vertical-align:middle}.path-mod-attendance .takegrid input{margin:0 3px 0 6px}.path-mod-attendance .takegrid .fullname{font-size:.8em}.path-mod-attendance div.allsessionssummary+form#attendancetakeform>div{width:100%}.path-mod-attendance table.controls{text-align:center;width:100%}.path-mod-attendance table.controls tr{vertical-align:top}.path-mod-attendance table.controls td.right,.path-mod-attendance table.controls td.left{padding:4px}.path-mod-attendance table.controls .right{text-align:right}.path-mod-attendance .filtercontrols td{padding:6px}.path-mod-attendance .takecontrols{margin:0 auto 20px auto;width:800px}.path-mod-attendance .takecontrols table{margin:0 auto}.path-mod-attendance .takecontrols .c0{text-align:left;width:500px}.path-mod-attendance .takecontrols .c1{text-align:right}.path-mod-attendance .inline,.path-mod-attendance .inline form,.path-mod-attendance .inline div{display:inline}.path-mod-attendance table.userinfobox{border:1px solid #eee;padding:0}.path-mod-attendance table.userinfobox td.left{background-color:#eee;padding:30px 10px}.path-mod-attendance table.userinfobox .userpicture{margin:0}.path-mod-attendance table.attlist td.c0{text-align:right}.path-mod-attendance table.allsessions tr.grouper td{background-color:#eee}.path-mod-attendance table.allsessions td.groupheading{font-weight:700}.path-mod-attendance .allsessionssummary .float-right{float:right}.path-mod-attendance .allsessionssummary .float-left{float:left}#page-mod-attendance-preferences .generalbox{text-align:center}.path-mod-attendance .attsessions_manage_table .action-icon img.smallicon{margin-left:5px}#page-mod-attendance-sessions input[type="checkbox"]{margin-right:2px}.path-mod-attendance .setallstatuses{text-align:right}.path-mod-attendance .remarkholder{position:relative}.path-mod-attendance .remarkholder .remarkcontent{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:3px 3px 5px #ccc;display:none;left:20px;padding:5px;position:absolute;top:0;width:150px;z-index:5000}.path-mod-attendance .remarkholder:hover .remarkcontent{display:inline-block}.path-mod-attendance .attendancestatus-P{color:green}.path-mod-attendance .attendancestatus-E{color:#00aee3}.path-mod-attendance .attendancestatus-L{color:#f7931e}.path-mod-attendance .attendancestatus-A{color:red}.path-mod-attendance .attreport .contrast{background-color:#eaeaea}.path-mod-attendance .attreport .center{text-align:center}.path-mod-attendance .attreport .left{text-align:left}.path-mod-attendance .attreport .bottom{vertical-align:bottom}.path-mod-attendance .attreport .nowrap{white-space:nowrap}.path-mod-attendance .attreport .narrow{width:1px}.path-mod-attendance .attreport img.userpicture{max-width:inherit}.path-mod-attendance .student-password{font-size:x-large;text-align:center}.path-mod-attendance .ungraded{font-size:smaller;font-style:italic}#page-mod-attendance-sessions .statusgroup .statusdesc{margin-right:12px}#page-mod-attendance-view .averageattendance{font-weight:700}#page-mod-attendance-preferences .form-control{width:inherit;display:inherit}@media (max-width:767px){.path-mod-attendance .remarkscol{display:none}.path-mod-attendance .statusgroup .form-check-inline{display:block;padding-top:10px;padding-bottom:10px}#page-mod-attendance-view .colatt{display:none}.path-mod-attendance .attfiltercontrols,.path-mod-attendance .attwidth{width:100%}}@media (max-width:480px){.path-mod-attendance .desccol{display:none}.path-mod-attendance .pointscol{display:none}.path-mod-attendance .attfiltercontrols #currentdate{display:none}#page-mod-attendance-view .colsessionscompleted,#page-mod-attendance-view .colpointssessionscompleted{display:none}}#page-mod-attendance-report div[role=main]{position:relative}#page-mod-attendance-report .attendancereporttable{padding:0}#page-mod-attendance-report .attendancereporttable .headcol{position:sticky;width:200px;left:0;vertical-align:top;background:#fff;border-top-width:1px}#page-mod-attendance-report .attendancereporttable .headcol input[type='checkbox']{margin-right:4px}#page-mod-attendance-report .attendancereporttable tr:first-of-type th,#page-mod-attendance-manage .attsessions_manage_table tr:first-of-type th,#page-mod-attendance-preferences #preferencesform tr:first-of-type th,#page-mod-attendance-index tr:first-of-type th{position:sticky;top:0;background:#fff}#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) th{position:sticky;top:3rem;background:#fff}#page-mod-attendance-report .attendancereporttable tr:first-of-type .headcol,#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) .headcol{z-index:1}.attendancereporttable img.icon{padding-left:5px}#page-mod-attendance-password .qrcodevalid,#page-mod-attendance-password .qrcodeheader{font-size:larger}#page-mod-attendance-report .attendancereporttable .table-responsive,#page-mod-attendance-manage .attsessions_manage_table .table-responsive,#page-mod-attendance-preferences #preferencesform .table-responsive,#page-mod-attendance-index .table-responsive{overflow-x:initial}#page-mod-attendance-report .attendancereporttable tbody tr,#page-mod-attendance-manage .attsessions_manage_table tbody tr,#page-mod-attendance-preferences #preferencesform tbody tr,#page-mod-attendance-index tbody tr{background-color:#fff}#page-mod-attendance-report .attendancereporttable tbody tr:nth-of-type(odd),#page-mod-attendance-manage .attsessions_manage_table tbody tr:nth-of-type(odd),#page-mod-attendance-preferences #preferencesform tbody tr:nth-of-type(odd),#page-mod-attendance-index tbody tr:nth-of-type(odd){background-color:#f7f7f7}#page-mod-attendance-preferences .form-control.studentavailability,.form-control.studentavailability{display:none;margin:3% auto;width:50%;text-align:center}@charset "UTF-8";.recording-thumbnail{border:1px solid #ddd;border-radius:4px;padding:0 0 0 0;transition:transform .2s;width:113px;height:64px}.recording-thumbnail:hover{box-shadow:0 0 2px 1px rgb(0 140 186 / .5);transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);position:relative;display:block;z-index:999}.fa-disabled{cursor:not-allowed;opacity:.2}.fa-invisible{cursor:not-allowed;visibility:hidden}.bbb_index_form{display:inline-block}.bigbluebuttonbn_icon_btn i.icon{margin-right:auto}input.form-control[readonly][name="guestpassword"],input.form-control[readonly][name="guestjoinurl"]{background:initial}.path-mod-book .book_toc .action-list img.smallicon{margin:0 3px}.path-mod-book .book_toc ul{display:flex;flex-direction:column}.path-mod-book .book_toc li{flex:1 1 100%}.path-mod-book .book_toc_indented>ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_indented li{list-style:none}.path-mod-book .book_toc_bullets>ul{margin-left:0;padding-left:1.3rem}.path-mod-book .book_toc_bullets li{list-style:disc}.path-mod-book .book_toc_numbered>ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_numbered li{list-style:none}.path-mod-book .book_toc_none ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_none li{list-style:none}.path-mod-book #mod_book-chaptersnavigation{top:80px;width:inherit;margin:0 -35px;position:sticky}.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem{margin-bottom:-52px}.path-mod-book .book_content{margin:0 5px;padding-right:15px;padding-left:15px;position:relative}.path-mod-book .btn-previous,.path-mod-book .btn-next{background:#dee2e6;box-shadow:0 .125rem .25rem rgb(0 0 0 / .075);padding:13px 10px}.path-mod-book .btn-previous{border-radius:200px 0 0 200px}.path-mod-book .btn-next{border-radius:0 200px 200px 0}.path-mod-book.dir-rtl .btn-previous .icon,.path-mod-book.dir-rtl .btn-next .icon{transform:scale(-1,-1)}.path-mod-book .btn-previous .icon,.path-mod-book .btn-next .icon{font-size:24px;width:auto;height:auto;margin:auto}@media (max-width:768px){.path-mod-book #mod_book-chaptersnavigation{top:calc(100% - 250px);margin:0 -.5rem;z-index:1}.path-mod-book .btn-previous,.path-mod-book .btn-next{opacity:.85;border-radius:25px;padding:10px;width:45px;height:45px}.path-mod-book .book_content{margin-left:-5px;margin-right:-5px}}.path-mod-chat .chat-event .picture,.path-mod-chat .chat-message .picture{width:40px}.path-mod-chat .chat-event .text{text-align:left}.path-mod-chat #messages-list,.path-mod-chat #users-list{list-style-type:none;padding:0;margin:0}.path-mod-chat #chat-header{overflow:hidden}.path-mod-chat #chat-input-area table.generaltable td.cell{padding:1px}@media all and (max-device-width:320px){.path-mod-chat #input-message{width:150px}}@media all and (min-device-width:321px) and (max-device-width:640px){.path-mod-chat #input-message{width:175px}}#page-mod-chat-view .chatcurrentusers .chatuserdetails{vertical-align:middle}#page-mod-chat-gui_basic #participants ul{margin:0;padding:0;list-style-type:none}#page-mod-chat-gui_basic #participants ul li{list-style-type:none;display:inline;margin-right:10px}#page-mod-chat-gui_basic #participants ul li .userinfo{display:inline}#page-mod-chat-gui_basic #messages{padding:0;margin:0}#page-mod-chat-gui_basic #messages dl{padding:0;margin:6px 0}#page-mod-chat-gui_basic #messages dt{margin-left:0;margin-right:5px;padding:0;display:inline}#page-mod-chat-gui_basic #messages dd{padding:0;margin:0}#page-mod-chat-gui_header_js-jsupdate .chat-event,#page-mod-chat-gui_header_js-jsupdate .chat-message{width:100%}.path-mod-chat .yui-layout-unit-top{background:#ffe39d}.path-mod-chat .yui-layout-unit-right{background:#fff}.path-mod-chat .yui-layout-unit-bottom{background:#fff}.path-mod-chat .yui-layout .yui-layout-hd{border:0}.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-bd{border:0;background:#fff0}.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-unit-right{background:#fff}#page-mod-customcert-edit .deletebutton{text-align:right}#page-mod-customcert-edit .addpage{border-top:1px solid #f4f4f4;text-align:right}#page-mod-customcert-edit #id_replace{margin-left:10px}#page-mod-customcert-report .centre{margin-left:auto;margin-right:auto}#page-mod-customcert-rearrange .savepositionsbtn,#page-mod-customcert-rearrange .applypositionsbtn,#page-mod-customcert-rearrange .cancelbtn{float:left}#page-mod-customcert-rearrange .element{display:inline-block;position:absolute;word-wrap:break-word}#page-mod-customcert-rearrange .element:before{background-image:url(/theme/image.php/govbrds/mod_customcert/1772471362/target);background-repeat:no-repeat;content:"";display:block;float:left;height:9px;width:100%}#page-mod-customcert-rearrange .element:hover{cursor:move}#page-mod-customcert-rearrange .element.refpoint-left:before{background-position:left top;margin:-4px -5px -5px -4px}#page-mod-customcert-rearrange .element.refpoint-center:before{background-position:center top;margin:-4px 0 -5px 0}#page-mod-customcert-rearrange .element.refpoint-right:before{background-position:right top;margin:-4px -5px -5px 4px}#page-mod-customcert-rearrange .element.align-left{text-align:left}#page-mod-customcert-rearrange .element.align-center{text-align:center}#page-mod-customcert-rearrange .element.align-right{text-align:right}#page-mod-customcert-rearrange #pdf{border-style:solid;border-width:1px;clear:both;position:relative}#page-mod-customcert-rearrange div#leftmargin{border-left:1px dotted #000}#page-mod-customcert-rearrange div#rightmargin{border-right:1px dotted #000}.moodle-dialogue #editelementform fieldset.hidden{display:block}.path-mod-data-field .c0,#page-mod-data-view #sortsearch .c0{text-align:right}#page-mod-data-view .approve img.icon{width:34px;height:34px}.path-mod-data #id_entrieshdr div .alert.alert-danger{margin-bottom:2rem}#page-mod-data-view img.list_picture{border:0}#page-mod-data-view div.search_none{display:none}#page-mod-data-view div.search_inline,#page-mod-data-view form#latlongfieldbrowse{display:inline}#page-mod-data-view div#data_adv_form{margin-left:auto;margin-right:auto}#page-mod-data-edit .basefieldinput{width:300px}#page-mod-data-preset .presetmapping table{text-align:left;margin-left:auto;margin-right:auto}#page-mod-data-preset .overwritesettings{margin-bottom:1em}#page-mod-data-preset table.presets{margin-left:auto;margin-right:auto}#page-mod-data-view .datapreferences label{display:inline-block}.path-mod-data-field .sortdefault{margin:1em 0}.path-mod-data-field .sortdefault select{margin-left:1em}.path-mod-data-field .fieldname,.path-mod-data-field .fielddescription{width:300px}.path-mod-data-field textarea.optionstextarea{width:300px;height:150px}.path-mod-data-field input.textareafieldsize{width:50px}.path-mod-data-field input.picturefieldsize{width:70px}.path-mod-data .action-icon img.portfolio-add-icon{margin-left:0}#page-mod-data-export #notice span{padding:0 10px}#page-mod-data-edit input[id*="url"]{text-align:left;direction:ltr}.mod-data-default-template td{vertical-align:top}.mod-data-default-template .template-field{text-align:right}.mod-data-default-template .template-token{text-align:left}.mod-data-default-template .controls{text-align:center}.mod-data-default-template .searchcontrols{text-align:right}#page-mod-data-view .notapproved{background-color:#fff3cd;color:#856404;border-radius:.5em;padding:.5em 1em;gap:1em}#page-mod-data-templates td.save_template,#page-mod-data-templates .template_heading{text-align:center}#page-mod-data-templates #availabletags_wrapper{max-width:250px}#page-mod-data-edit .req{cursor:help}#page-mod-data-edit .inline-req .req{position:absolute}#page-mod-data-edit .inline-req{text-align:left}#page-mod-data-edit .datatagcontrol{padding-left:10px}.preset_action_menu .dropdown-toggle::after,.entry-actionsmenu .dropdown-toggle::after,.fields-actions .dropdown-toggle::after{display:none}.defaulttemplate-single-body img.list_picture{max-width:100%}.defaulttemplate-list-body img.list_picture{max-width:100%}.data-timeinfo{color:var(–gray)}.dataicon,.portfolio-add-icon{color:var(--dark)}#page-mod-data-preset .nopreview{border:1px solid var(--secondary);padding:.2rem;border-radius:5px}.template-preview-content .preview-disabled,.template-preview-content .action-icon,.template-preview-content .dropdown-menu a,.template-preview-content .data-field-link,.template-preview-content .data-field-html a,.template-preview-content .data-field-html button{pointer-events:none}.presetsactions .dropdown-toggle,.presetsactions .dropdown-toggle:hover,.presetsactions .show>.btn-secondary.dropdown-toggle,.entriesactions .dropdown-toggle,.entriesactions .dropdown-toggle:hover,.entriesactions .show>.btn-secondary.dropdown-toggle,#page-mod-data-view .whitebutton .btn-secondary,#page-mod-data-preset .whitebutton .btn-secondary,#page-mod-data-field- .whitebutton .btn-secondary,#page-mod-data-templates .whitebutton .btn-secondary{background:#fff;border-color:var(--primary);color:var(--primary)}#page-mod-data-preset .generaltable{margin-bottom:10rem}body.path-mod-dialogue .js-control{display:none}body.path-mod-dialogue .js-control input{border:none}body.path-mod-dialogue.jsenabled .js-control{display:inline-block}body.path-mod-dialogue.jsenabled .nonjs-control,body.path-mod-dialogue.jsenabled .nonjs-control input{display:none}body.path-mod-dialogue #region-main .clearfix:before,body.path-mod-dialogue #region-main .clearfix:after{display:table;line-height:0;content:""}body.path-mod-dialogue #region-main .clearfix:after{clear:both}body.path-mod-dialogue #region-main .hide-text{color:#fff0;text-shadow:none;background-color:#fff0;border:0}body.path-mod-dialogue #region-main article,body.path-mod-dialogue #region-main aside,body.path-mod-dialogue #region-main details,body.path-mod-dialogue #region-main figcaption,body.path-mod-dialogue #region-main figure,body.path-mod-dialogue #region-main footer,body.path-mod-dialogue #region-main header,body.path-mod-dialogue #region-main hgroup,body.path-mod-dialogue #region-main nav,body.path-mod-dialogue #region-main section{display:block}body.path-mod-dialogue #region-main audio,body.path-mod-dialogue #region-main canvas,body.path-mod-dialogue #region-main video{display:inline-block}body.path-mod-dialogue #region-main audio:not([controls]){display:none}body.path-mod-dialogue #region-main html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body.path-mod-dialogue #region-main sub,body.path-mod-dialogue #region-main sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}body.path-mod-dialogue #region-main sup{top:-.5em}body.path-mod-dialogue #region-main sub{bottom:-.25em}body.path-mod-dialogue #region-main #map_canvas img,body.path-mod-dialogue #region-main .google-maps img{max-width:none}body.path-mod-dialogue #region-main input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}body.path-mod-dialogue #region-main input[type="search"]::-webkit-search-decoration,body.path-mod-dialogue #region-main input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}body.path-mod-dialogue #region-main textarea{overflow:auto;vertical-align:top}@media print{body.path-mod-dialogue #region-main a,body.path-mod-dialogue #region-main a:visited{text-decoration:underline}body.path-mod-dialogue #region-main abbr[title]:after{content:" (" attr(title) ")"}body.path-mod-dialogue #region-main .ir a:after,body.path-mod-dialogue #region-main a[href^="javascript:"]:after,body.path-mod-dialogue #region-main a[href^="#"]:after{content:""}body.path-mod-dialogue #region-main pre,body.path-mod-dialogue #region-main blockquote{border:1px solid #999;page-break-inside:avoid}body.path-mod-dialogue #region-main thead{display:table-header-group}body.path-mod-dialogue #region-main tr,body.path-mod-dialogue #region-main img{page-break-inside:avoid}@page{margin:.5cm}body.path-mod-dialogue #region-main p,body.path-mod-dialogue #region-main h2,body.path-mod-dialogue #region-main h3{orphans:3;widows:3}body.path-mod-dialogue #region-main h2,body.path-mod-dialogue #region-main h3{page-break-after:avoid}}body.path-mod-dialogue #region-main table{max-width:100%;background-color:#fff0;border-collapse:collapse;border-spacing:0}body.path-mod-dialogue #region-main .table{width:100%;margin-bottom:20px}body.path-mod-dialogue #region-main .table th,body.path-mod-dialogue #region-main .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}body.path-mod-dialogue #region-main .table th{font-weight:700}body.path-mod-dialogue #region-main .table thead th{vertical-align:bottom}body.path-mod-dialogue #region-main .table caption+thead tr:first-child th,body.path-mod-dialogue #region-main .table caption+thead tr:first-child td,body.path-mod-dialogue #region-main .table colgroup+thead tr:first-child th,body.path-mod-dialogue #region-main .table colgroup+thead tr:first-child td,body.path-mod-dialogue #region-main .table thead:first-child tr:first-child th,body.path-mod-dialogue #region-main .table thead:first-child tr:first-child td{border-top:0}body.path-mod-dialogue #region-main .table tbody+tbody{border-top:2px solid #ddd}body.path-mod-dialogue #region-main .table .table{background-color:#fff}body.path-mod-dialogue #region-main .table-condensed th,body.path-mod-dialogue #region-main .table-condensed td{padding:4px 5px}body.path-mod-dialogue #region-main .table-bordered{border:1px solid #ddd;border-collapse:separate;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}body.path-mod-dialogue #region-main .table-bordered th,body.path-mod-dialogue #region-main .table-bordered td{border-left:1px solid #ddd}body.path-mod-dialogue #region-main .table-bordered caption+thead tr:first-child th,body.path-mod-dialogue #region-main .table-bordered caption+tbody tr:first-child th,body.path-mod-dialogue #region-main .table-bordered caption+tbody tr:first-child td,body.path-mod-dialogue #region-main .table-bordered colgroup+thead tr:first-child th,body.path-mod-dialogue #region-main .table-bordered colgroup+tbody tr:first-child th,body.path-mod-dialogue #region-main .table-bordered colgroup+tbody tr:first-child td,body.path-mod-dialogue #region-main .table-bordered thead:first-child tr:first-child th,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child th,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child td{border-top:0}body.path-mod-dialogue #region-main .table-bordered thead:first-child tr:first-child>th:first-child,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child>td:first-child,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px}body.path-mod-dialogue #region-main .table-bordered thead:first-child tr:first-child>th:last-child,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child>td:last-child,body.path-mod-dialogue #region-main .table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px}body.path-mod-dialogue #region-main .table-bordered thead:last-child tr:last-child>th:first-child,body.path-mod-dialogue #region-main .table-bordered tbody:last-child tr:last-child>td:first-child,body.path-mod-dialogue #region-main .table-bordered tbody:last-child tr:last-child>th:first-child,body.path-mod-dialogue #region-main .table-bordered tfoot:last-child tr:last-child>td:first-child,body.path-mod-dialogue #region-main .table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px}body.path-mod-dialogue #region-main .table-bordered thead:last-child tr:last-child>th:last-child,body.path-mod-dialogue #region-main .table-bordered tbody:last-child tr:last-child>td:last-child,body.path-mod-dialogue #region-main .table-bordered tbody:last-child tr:last-child>th:last-child,body.path-mod-dialogue #region-main .table-bordered tfoot:last-child tr:last-child>td:last-child,body.path-mod-dialogue #region-main .table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px}body.path-mod-dialogue #region-main .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0}body.path-mod-dialogue #region-main .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0}body.path-mod-dialogue #region-main .table-bordered caption+thead tr:first-child th:first-child,body.path-mod-dialogue #region-main .table-bordered caption+tbody tr:first-child td:first-child,body.path-mod-dialogue #region-main .table-bordered colgroup+thead tr:first-child th:first-child,body.path-mod-dialogue #region-main .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px}body.path-mod-dialogue #region-main .table-bordered caption+thead tr:first-child th:last-child,body.path-mod-dialogue #region-main .table-bordered caption+tbody tr:first-child td:last-child,body.path-mod-dialogue #region-main .table-bordered colgroup+thead tr:first-child th:last-child,body.path-mod-dialogue #region-main .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px}body.path-mod-dialogue #region-main .table-striped tbody>tr:nth-child(odd)>td,body.path-mod-dialogue #region-main .table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}body.path-mod-dialogue #region-main .table-hover tbody tr:hover>td,body.path-mod-dialogue #region-main .table-hover tbody tr:hover>th{background-color:#f5f5f5}body.path-mod-dialogue #region-main table td[class*="span"],body.path-mod-dialogue #region-main table th[class*="span"]{display:table-cell;float:none;margin-left:0}body.path-mod-dialogue #region-main .table td.span1,body.path-mod-dialogue #region-main .table th.span1{float:none;width:44px;margin-left:0}body.path-mod-dialogue #region-main .table td.span2,body.path-mod-dialogue #region-main .table th.span2{float:none;width:124px;margin-left:0}body.path-mod-dialogue #region-main .table td.span3,body.path-mod-dialogue #region-main .table th.span3{float:none;width:204px;margin-left:0}body.path-mod-dialogue #region-main .table td.span4,body.path-mod-dialogue #region-main .table th.span4{float:none;width:284px;margin-left:0}body.path-mod-dialogue #region-main .table td.span5,body.path-mod-dialogue #region-main .table th.span5{float:none;width:364px;margin-left:0}body.path-mod-dialogue #region-main .table td.span6,body.path-mod-dialogue #region-main .table th.span6{float:none;width:444px;margin-left:0}body.path-mod-dialogue #region-main .table td.span7,body.path-mod-dialogue #region-main .table th.span7{float:none;width:524px;margin-left:0}body.path-mod-dialogue #region-main .table td.span8,body.path-mod-dialogue #region-main .table th.span8{float:none;width:604px;margin-left:0}body.path-mod-dialogue #region-main .table td.span9,body.path-mod-dialogue #region-main .table th.span9{float:none;width:684px;margin-left:0}body.path-mod-dialogue #region-main .table td.span10,body.path-mod-dialogue #region-main .table th.span10{float:none;width:764px;margin-left:0}body.path-mod-dialogue #region-main .table td.span11,body.path-mod-dialogue #region-main .table th.span11{float:none;width:844px;margin-left:0}body.path-mod-dialogue #region-main .table td.span12,body.path-mod-dialogue #region-main .table th.span12{float:none;width:924px;margin-left:0}body.path-mod-dialogue #region-main .table tbody tr.success>td{background-color:#dff0d8}body.path-mod-dialogue #region-main .table tbody tr.error>td{background-color:#f2dede}body.path-mod-dialogue #region-main .table tbody tr.warning>td{background-color:#fcf8e3}body.path-mod-dialogue #region-main .table tbody tr.info>td{background-color:#d9edf7}body.path-mod-dialogue #region-main .table-hover tbody tr.success:hover>td{background-color:#d0e9c6}body.path-mod-dialogue #region-main .table-hover tbody tr.error:hover>td{background-color:#ebcccc}body.path-mod-dialogue #region-main .table-hover tbody tr.warning:hover>td{background-color:#faf2cc}body.path-mod-dialogue #region-main .table-hover tbody tr.info:hover>td{background-color:#c4e3f3}body.path-mod-dialogue #region-main .dropup,body.path-mod-dialogue #region-main .dropdown{position:relative}body.path-mod-dialogue #region-main .dropdown-toggle:active,body.path-mod-dialogue #region-main .open .dropdown-toggle{outline:0}body.path-mod-dialogue #region-main .caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000;border-right:4px solid #fff0;border-left:4px solid #fff0;content:""}body.path-mod-dialogue #region-main .dropdown .caret{margin-top:8px;margin-left:2px}body.path-mod-dialogue #region-main .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgb(0 0 0 / .2);-moz-box-shadow:0 5px 10px rgb(0 0 0 / .2);box-shadow:0 5px 10px rgb(0 0 0 / .2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}body.path-mod-dialogue #region-main .dropdown-menu .divider{height:1px;margin:9px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}body.path-mod-dialogue #region-main .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:20px;color:#333;white-space:nowrap}body.path-mod-dialogue #region-main .dropdown-menu>li>a:hover,body.path-mod-dialogue #region-main .dropdown-menu>li>a:focus,body.path-mod-dialogue #region-main .dropdown-submenu:hover>a,body.path-mod-dialogue #region-main .dropdown-submenu:focus>a{color:#fff;text-decoration:none;background-color:#0081c2;background-repeat:repeat-x}body.path-mod-dialogue #region-main .dropdown-menu>.active>a,body.path-mod-dialogue #region-main .dropdown-menu>.active>a:hover,body.path-mod-dialogue #region-main .dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#0081c2;background-repeat:repeat-x;outline:0}body.path-mod-dialogue #region-main .dropdown-menu>.disabled>a,body.path-mod-dialogue #region-main .dropdown-menu>.disabled>a:hover,body.path-mod-dialogue #region-main .dropdown-menu>.disabled>a:focus{color:#999}body.path-mod-dialogue #region-main .dropdown-menu>.disabled>a:hover,body.path-mod-dialogue #region-main .dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:default;background-color:#fff0}body.path-mod-dialogue #region-main .open>.dropdown-menu{display:block}body.path-mod-dialogue #region-main .dropup .caret,body.path-mod-dialogue #region-main .navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:""}body.path-mod-dialogue #region-main .dropup .dropdown-menu,body.path-mod-dialogue #region-main .navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}body.path-mod-dialogue #region-main .dropdown-submenu{position:relative}body.path-mod-dialogue #region-main .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}body.path-mod-dialogue #region-main .dropdown-submenu:hover>.dropdown-menu{display:block}body.path-mod-dialogue #region-main .dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0}body.path-mod-dialogue #region-main .dropdown-submenu>a:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-10px;border-color:#fff0;border-left-color:#ccc;border-style:solid;border-width:5px 0 5px 5px;content:" "}body.path-mod-dialogue #region-main .dropdown-submenu:hover>a:after{border-left-color:#fff}body.path-mod-dialogue #region-main .dropdown-submenu.pull-left{float:none}body.path-mod-dialogue #region-main .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}body.path-mod-dialogue #region-main .dropdown .dropdown-menu .nav-header{padding-right:20px;padding-left:20px}body.path-mod-dialogue #region-main .typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}body.path-mod-dialogue #region-main .btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}body.path-mod-dialogue #region-main .btn-small [class^="icon-"],body.path-mod-dialogue #region-main .btn-small [class*=" icon-"]{margin-top:0}body.path-mod-dialogue #region-main .btn-group{position:relative;display:inline-block;font-size:0;white-space:nowrap;vertical-align:middle}body.path-mod-dialogue #region-main .btn-group+.btn-group{margin-left:5px}body.path-mod-dialogue #region-main .btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body.path-mod-dialogue #region-main .btn-group>.btn+.btn{margin-left:-1px}body.path-mod-dialogue #region-main .btn-group>.btn,body.path-mod-dialogue #region-main .btn-group>.dropdown-menu,body.path-mod-dialogue #region-main .btn-group>.popover{font-size:14px}body.path-mod-dialogue #region-main .btn-group>.btn-small{font-size:11.9px}body.path-mod-dialogue #region-main .btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}body.path-mod-dialogue #region-main .btn-group>.btn:last-child,body.path-mod-dialogue #region-main .btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}body.path-mod-dialogue #region-main .btn-group>.btn.large:first-child{margin-left:0;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}body.path-mod-dialogue #region-main .btn-group>.btn.large:last-child,body.path-mod-dialogue #region-main .btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}body.path-mod-dialogue #region-main .btn-group>.btn:hover,body.path-mod-dialogue #region-main .btn-group>.btn:focus,body.path-mod-dialogue #region-main .btn-group>.btn:active,body.path-mod-dialogue #region-main .btn-group>.btn.active{z-index:2}body.path-mod-dialogue #region-main .btn-group .dropdown-toggle:active,body.path-mod-dialogue #region-main .btn-group.open .dropdown-toggle{outline:0}body.path-mod-dialogue #region-main .btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px;box-shadow:inset 1px 0 0 rgb(255 255 255 / .125),inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05)}body.path-mod-dialogue #region-main .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05);-moz-box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05);box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05)}body.path-mod-dialogue #region-main .btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6}body.path-mod-dialogue #region-main .btn-group.open .btn-primary.dropdown-toggle{background-color:#04c}body.path-mod-dialogue #region-main .btn .caret{margin-top:8px;margin-left:0}body.path-mod-dialogue #region-main .btn-small .caret{margin-top:8px}body.path-mod-dialogue #region-main .btn-primary .caret{border-top-color:#fff;border-bottom-color:#fff}body.path-mod-dialogue #region-main .btn-group-vertical{display:inline-block}body.path-mod-dialogue #region-main .btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body.path-mod-dialogue #region-main .btn-group-vertical>.btn+.btn{margin-top:-1px;margin-left:0}body.path-mod-dialogue #region-main .btn-group-vertical>.btn:first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}body.path-mod-dialogue #region-main .btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}body.path-mod-dialogue #region-main .nav{margin-bottom:20px;margin-left:0;list-style:none}body.path-mod-dialogue #region-main .nav>li>a{display:block}body.path-mod-dialogue #region-main .nav>li>a:hover,body.path-mod-dialogue #region-main .nav>li>a:focus{text-decoration:none;background-color:#eee}body.path-mod-dialogue #region-main .nav>li>a>img{max-width:none}body.path-mod-dialogue #region-main .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:700;line-height:20px;color:#999;text-shadow:0 1px 0 rgb(255 255 255 / .5);text-transform:uppercase}body.path-mod-dialogue #region-main .nav li+.nav-header{margin-top:9px}body.path-mod-dialogue #region-main .nav-list{padding-right:15px;padding-left:15px;margin-bottom:0}body.path-mod-dialogue #region-main .nav-list>li>a,body.path-mod-dialogue #region-main .nav-list .nav-header{margin-right:-15px;margin-left:-15px;text-shadow:0 1px 0 rgb(255 255 255 / .5)}body.path-mod-dialogue #region-main .nav-list>li>a{padding:3px 15px}body.path-mod-dialogue #region-main .nav-list>.active>a,body.path-mod-dialogue #region-main .nav-list>.active>a:hover,body.path-mod-dialogue #region-main .nav-list>.active>a:focus{color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / .2);background-color:#08c}body.path-mod-dialogue #region-main .nav-list [class^="icon-"],body.path-mod-dialogue #region-main .nav-list [class*=" icon-"]{margin-right:2px}body.path-mod-dialogue #region-main .nav-list .divider{height:1px;margin:9px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}body.path-mod-dialogue #region-main .nav-tabs:before,body.path-mod-dialogue #region-main .nav-pills:before,body.path-mod-dialogue #region-main .nav-tabs:after,body.path-mod-dialogue #region-main .nav-pills:after{display:table;line-height:0;content:""}body.path-mod-dialogue #region-main .nav-tabs:after,body.path-mod-dialogue #region-main .nav-pills:after{clear:both}body.path-mod-dialogue #region-main .nav-tabs>li,body.path-mod-dialogue #region-main .nav-pills>li{float:left}body.path-mod-dialogue #region-main .nav-tabs>li>a,body.path-mod-dialogue #region-main .nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}body.path-mod-dialogue #region-main .nav-tabs{border-bottom:1px solid #ddd}body.path-mod-dialogue #region-main .nav-tabs>li{margin-bottom:-1px}body.path-mod-dialogue #region-main .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid #fff0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}body.path-mod-dialogue #region-main .nav-tabs>li>a:hover,body.path-mod-dialogue #region-main .nav-tabs>li>a:focus{border-color:#eee #eee #ddd}body.path-mod-dialogue #region-main .nav-tabs>.active>a,body.path-mod-dialogue #region-main .nav-tabs>.active>a:hover,body.path-mod-dialogue #region-main .nav-tabs>.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:#fff0}body.path-mod-dialogue #region-main .nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body.path-mod-dialogue #region-main .nav-pills>.active>a,body.path-mod-dialogue #region-main .nav-pills>.active>a:hover,body.path-mod-dialogue #region-main .nav-pills>.active>a:focus{color:#fff;background-color:#08c}body.path-mod-dialogue #region-main .nav-stacked>li{float:none}body.path-mod-dialogue #region-main .nav-stacked>li>a{margin-right:0}body.path-mod-dialogue #region-main .nav-tabs.nav-stacked{border-bottom:0}body.path-mod-dialogue #region-main .nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body.path-mod-dialogue #region-main .nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-topleft:4px}body.path-mod-dialogue #region-main .nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px}body.path-mod-dialogue #region-main .nav-tabs.nav-stacked>li>a:hover,body.path-mod-dialogue #region-main .nav-tabs.nav-stacked>li>a:focus{z-index:2;border-color:#ddd}body.path-mod-dialogue #region-main .nav-pills.nav-stacked>li>a{margin-bottom:3px}body.path-mod-dialogue #region-main .nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}body.path-mod-dialogue #region-main .nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}body.path-mod-dialogue #region-main .nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}body.path-mod-dialogue #region-main .nav .dropdown-toggle .caret{margin-top:6px;border-top-color:#08c;border-bottom-color:#08c}body.path-mod-dialogue #region-main .nav .dropdown-toggle:hover .caret,body.path-mod-dialogue #region-main .nav .dropdown-toggle:focus .caret{border-top-color:#005580;border-bottom-color:#005580}body.path-mod-dialogue #region-main .nav-tabs .dropdown-toggle .caret{margin-top:8px}body.path-mod-dialogue #region-main .nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}body.path-mod-dialogue #region-main .nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}body.path-mod-dialogue #region-main .nav>.dropdown.active>a:hover,body.path-mod-dialogue #region-main .nav>.dropdown.active>a:focus{cursor:pointer}body.path-mod-dialogue #region-main .nav-tabs .open .dropdown-toggle,body.path-mod-dialogue #region-main .nav-pills .open .dropdown-toggle,body.path-mod-dialogue #region-main .nav>li.dropdown.open.active>a:hover,body.path-mod-dialogue #region-main .nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#999;border-color:#999}body.path-mod-dialogue #region-main .nav li.dropdown.open .caret,body.path-mod-dialogue #region-main .nav li.dropdown.open.active .caret,body.path-mod-dialogue #region-main .nav li.dropdown.open a:hover .caret,body.path-mod-dialogue #region-main .nav li.dropdown.open a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1}body.path-mod-dialogue #region-main .tabs-stacked .open>a:hover,body.path-mod-dialogue #region-main .tabs-stacked .open>a:focus{border-color:#999}body.path-mod-dialogue #region-main .tabbable:before,body.path-mod-dialogue #region-main .tabbable:after{display:table;line-height:0;content:""}body.path-mod-dialogue #region-main .tabbable:after{clear:both}body.path-mod-dialogue #region-main .tab-content{overflow:auto}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs,body.path-mod-dialogue #region-main .tabs-left>.nav-tabs{border-bottom:0}body.path-mod-dialogue #region-main .tab-content>.tab-pane,body.path-mod-dialogue #region-main .pill-content>.pill-pane{display:none}body.path-mod-dialogue #region-main .tab-content>.active,body.path-mod-dialogue #region-main .pill-content>.active{display:block}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs{border-top:1px solid #ddd}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>li>a:hover,body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:#fff0}body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>.active>a,body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>.active>a:hover,body.path-mod-dialogue #region-main .tabs-below>.nav-tabs>.active>a:focus{border-color:#fff0 #ddd #ddd #ddd}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs>li,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs>li{float:none}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs>li>a,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs>li>a:hover,body.path-mod-dialogue #region-main .tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}body.path-mod-dialogue #region-main .tabs-left>.nav-tabs .active>a,body.path-mod-dialogue #region-main .tabs-left>.nav-tabs .active>a:hover,body.path-mod-dialogue #region-main .tabs-left>.nav-tabs .active>a:focus{border-color:#ddd #fff0 #ddd #ddd}body.path-mod-dialogue #region-main .tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}body.path-mod-dialogue #region-main .tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}body.path-mod-dialogue #region-main .tabs-right>.nav-tabs>li>a:hover,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd}body.path-mod-dialogue #region-main .tabs-right>.nav-tabs .active>a,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs .active>a:hover,body.path-mod-dialogue #region-main .tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd #fff0}body.path-mod-dialogue #region-main .nav>.disabled>a{color:#999}body.path-mod-dialogue #region-main .nav>.disabled>a:hover,body.path-mod-dialogue #region-main .nav>.disabled>a:focus{text-decoration:none;cursor:default;background-color:#fff0}body.path-mod-dialogue #region-main .thumbnails{margin-left:-20px;list-style:none}body.path-mod-dialogue #region-main .thumbnails:before,body.path-mod-dialogue #region-main .thumbnails:after{display:table;line-height:0;content:""}body.path-mod-dialogue #region-main .thumbnails:after{clear:both}body.path-mod-dialogue #region-main .thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}body.path-mod-dialogue #region-main .thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgb(0 0 0 / .055);-moz-box-shadow:0 1px 3px rgb(0 0 0 / .055);box-shadow:0 1px 3px rgb(0 0 0 / .055);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}body.path-mod-dialogue #region-main a.thumbnail:hover,body.path-mod-dialogue #region-main a.thumbnail:focus{border-color:#08c;-webkit-box-shadow:0 1px 4px rgb(0 105 214 / .25);-moz-box-shadow:0 1px 4px rgb(0 105 214 / .25);box-shadow:0 1px 4px rgb(0 105 214 / .25)}body.path-mod-dialogue #region-main .thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}body.path-mod-dialogue #region-main .thumbnail .caption{padding:9px;color:#555}body.path-mod-dialogue #region-main .media,body.path-mod-dialogue #region-main .media-body{overflow:hidden;zoom:1}body.path-mod-dialogue #region-main .media,body.path-mod-dialogue #region-main .media .media{margin-top:15px}body.path-mod-dialogue #region-main .media:first-child{margin-top:0}body.path-mod-dialogue #region-main .media-object{display:block}body.path-mod-dialogue #region-main .media-heading{margin:0 0 5px}body.path-mod-dialogue #region-main .media>.pull-left{margin-right:10px}body.path-mod-dialogue #region-main .media-list{margin-left:0;list-style:none}body.path-mod-dialogue #region-main .badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:700;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / .25);white-space:nowrap;vertical-align:baseline;background-color:#999}body.path-mod-dialogue #region-main .badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}body.path-mod-dialogue #region-main .badge:empty{display:none}body.path-mod-dialogue #region-main a.badge:hover,body.path-mod-dialogue #region-main a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}body.path-mod-dialogue #region-main .label-important,body.path-mod-dialogue #region-main .badge-important{background-color:#b94a48}body.path-mod-dialogue #region-main .label-important[href],body.path-mod-dialogue #region-main .badge-important[href]{background-color:#953b39}body.path-mod-dialogue #region-main .label-warning,body.path-mod-dialogue #region-main .badge-warning{background-color:#f89406}body.path-mod-dialogue #region-main .label-warning[href],body.path-mod-dialogue #region-main .badge-warning[href]{background-color:#c67605}body.path-mod-dialogue #region-main .label-success,body.path-mod-dialogue #region-main .badge-success{background-color:#468847}body.path-mod-dialogue #region-main .label-success[href],body.path-mod-dialogue #region-main .badge-success[href]{background-color:#356635}body.path-mod-dialogue #region-main .label-info,body.path-mod-dialogue #region-main .badge-info{background-color:#3a87ad}body.path-mod-dialogue #region-main .label-info[href],body.path-mod-dialogue #region-main .badge-info[href]{background-color:#2d6987}body.path-mod-dialogue #region-main .label-inverse,body.path-mod-dialogue #region-main .badge-inverse{background-color:#333}body.path-mod-dialogue #region-main .label-inverse[href],body.path-mod-dialogue #region-main .badge-inverse[href]{background-color:#1a1a1a}body.path-mod-dialogue #region-main .btn .badge{position:relative;top:-1px}body.path-mod-dialogue #region-main .pull-left{float:left}body.path-mod-dialogue #region-main .fa-sort-alpha-asc:before{content:"\f15d"}body.path-mod-dialogue #region-main .fa-sort-alpha-desc:before{content:"\f15e"}body.path-mod-dialogue #region-main .fa-sort-amount-asc:before{content:"\f160"}body.path-mod-dialogue #region-main .fa-sort-amount-desc:before{content:"\f161"}body.path-mod-dialogue #region-main .fa-sort-numeric-asc:before{content:"\f162"}body.path-mod-dialogue #region-main .fa-sort-numeric-desc:before{content:"\f163"}body.path-mod-dialogue #region-main .fa-lock:before{content:"\f023"}body.path-mod-dialogue #region-main .fa-trash-o:before{content:"\f014"}body.path-mod-dialogue #region-main .yui3-aclist-field input:focus{outline-width:0}body.path-mod-dialogue #region-main .yui3-aclist-field,body.path-mod-dialogue #region-main .yui3-aclist-field *{display:inline-block;padding:0;margin:0}body.path-mod-dialogue #region-main .yui3-aclist-field>ul li{list-style-type:none}body.path-mod-dialogue #region-main .yui3-aclist-field>ul:empty{display:none}body.path-mod-dialogue #region-main .yui3-aclist-field{padding:3px 3px;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px 4px 4px 4px}body.path-mod-dialogue #region-main .yui3-aclist-field input.yui3-aclist-input{margin-bottom:0;border:0}body.path-mod-dialogue #region-main .yui3-aclist-field .yui3-aclist-item,body.path-mod-dialogue #region-main .yui3-aclist-field .yui3-aclist-footer{display:block;padding:3px 6px}body.path-mod-dialogue #region-main .yui3-aclist-field .yui3-aclist-footer{padding:0 6px}body.path-mod-dialogue #region-main .yui3-aclist-field .aclist-participant-item img.userpicture,body.path-mod-dialogue #region-main .yui3-aclist-field .yui3-aclist-item img.userpicture{width:24px;height:24px;vertical-align:middle;border-radius:3px}body.path-mod-dialogue #region-main .yui3-aclist-field .yui3-aclist-item span.participant-name{margin-left:5px}body.path-mod-dialogue #region-main .aclist-participant-item{padding:1px;padding-top:1px;padding-bottom:1px;margin-right:5px;background-color:#ffefca;border-color:#e4af5f;border-style:solid;border-width:1px;border-radius:3px}body.path-mod-dialogue #region-main .aclist-participant-item span{margin:0 5px}body.path-mod-dialogue #region-main .aclist-participant-item .remove{cursor:pointer}body.path-mod-dialogue #region-main .conversation,body.path-mod-dialogue #region-main .conversation-body{overflow:hidden;zoom:1}body.path-mod-dialogue #region-main .conversation,body.path-mod-dialogue #region-main .conversation .conversation{margin-top:15px}body.path-mod-dialogue #region-main .conversation:first-child{margin-top:0}body.path-mod-dialogue #region-main .conversation-object{display:block}body.path-mod-dialogue #region-main .conversation-object img.userpicture{width:64px;height:64px}body.path-mod-dialogue #region-main .conversation-heading{margin:0 0 5px}body.path-mod-dialogue #region-main .conversation-heading .heading{display:inline-block;margin:0}body.path-mod-dialogue #region-main .message-actions{list-style-type:none}body.path-mod-dialogue #region-main .message-actions li{display:inline}body.path-mod-dialogue #region-main .message-actions li a{margin-left:10px}body.path-mod-dialogue #region-main .message-actions li i.fa{margin-left:5px}body.path-mod-dialogue #region-main .conversation-body{padding:.8em;border:1px solid rgb(0 0 0 / .2);border-radius:.3em;box-shadow:0 5px 10px rgb(0 0 0 / .2)}body.path-mod-dialogue #region-main .conversation hr{margin:3px 0}body.path-mod-dialogue #region-main .conversation .attachments span{margin:0 3px}body.path-mod-dialogue #region-main .conversation>.pull-left{margin-right:10px}body.path-mod-dialogue #region-main .conversation .participants{margin-top:10px;margin-left:74px}body.path-mod-dialogue #region-main .conversation .participants span.participant{margin:0 5px}body.path-mod-dialogue #region-main .conversation-list{margin-left:0;list-style:none}body.path-mod-dialogue #region-main .state-indicator{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}body.path-mod-dialogue #region-main .state-indicator:empty{display:none}body.path-mod-dialogue #region-main .state-open{background-color:#5cb85c}body.path-mod-dialogue #region-main .state-closed{background-color:#d9534f}body.path-mod-dialogue #region-main .state-draft{background-color:#f0ad4e}body.path-mod-dialogue #region-main .state-bulk{background-color:#5bc0de}body.path-mod-dialogue #region-main .listing-meta h6{display:inline-block}body.path-mod-dialogue #region-main .listing-meta:before{display:block;clear:both;content:""}body.path-mod-dialogue #region-main .dropdown-group{display:inline-block}body.path-mod-dialogue #region-main .dropdown-group>span{margin-right:10px}body.path-mod-dialogue #region-main .btn-group+.dropdown-group>span{margin-left:10px}body.path-mod-dialogue #region-main .participation{margin-top:10px}body.path-mod-dialogue #region-main .participation+span{display:inline-block;margin:0 10px 0 0}body.path-mod-dialogue #region-main span.participant{margin:0 10px 0 0}body.path-mod-dialogue #region-main .btn-create{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgb(255 255 255 / .75);vertical-align:middle;cursor:pointer;background-color:#006dcc;background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05);-moz-box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05);box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05)}body.path-mod-dialogue #region-main .btn-create:hover,body.path-mod-dialogue #region-main .btn-create:focus,body.path-mod-dialogue #region-main .btn-create:active,body.path-mod-dialogue #region-main .btn-create.active,body.path-mod-dialogue #region-main .btn-create.disabled,body.path-mod-dialogue #region-main .btn-create[disabled]{color:#333;background-color:#e6e6e6}body.path-mod-dialogue #region-main .btn-create:hover,body.path-mod-dialogue #region-main .btn-create:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear}body.path-mod-dialogue #region-main .btn-create.active,body.path-mod-dialogue #region-main .btn-create:active{outline:0;-webkit-box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05);-moz-box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05);box-shadow:inset 0 2px 4px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .05)}body.path-mod-dialogue #region-main .btn-create.disabled,body.path-mod-dialogue #region-main .btn-create[disabled]{cursor:default;opacity:.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body.path-mod-dialogue #region-main .btn-create .badge{position:relative;top:-1px}body.path-mod-dialogue #region-main .btn-create:hover,body.path-mod-dialogue #region-main .btn-create:focus,body.path-mod-dialogue #region-main .btn-create:active,body.path-mod-dialogue #region-main .btn-create.active,body.path-mod-dialogue #region-main .btn-create.disabled,body.path-mod-dialogue #region-main .btn-create[disabled]{color:#fff;background-color:#04c}body.path-mod-dialogue #region-main .btn-create:active,body.path-mod-dialogue #region-main .btn-create.active{background-color:#039}body.path-mod-dialogue #region-main .btn-create .caret{border-top-color:#fff;border-bottom-color:#fff}body.path-mod-dialogue #region-main a.btn-create:link,body.path-mod-dialogue #region-main a.btn-create:visited{color:#fff}body.path-mod-dialogue #region-main hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}body.path-mod-dialogue.jsenabled .conversation-list tr:hover,body.path-mod-dialogue.jsenabled .draft-list tr:hover,body.path-mod-dialogue.jsenabled .bulkopenrule-list tr:hover{cursor:pointer}
/**
 * CSS styles
 *
 * @package    mod_ejsapp
 * @copyright  2012 Luis de la Torre and Ruben Heradio
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
 .path-mod-ejsapp .labchart{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.path-mod-ejsapp #EJsS{min-width:700px;max-width:100%;flex-basis:50%;flex-shrink:5;flex-grow:2}.path-mod-ejsapp #ChartBox{display:flex;min-width:35%;max-width:100%;flex-basis:35%;flex-shrink:1;flex-grow:1;flex-direction:column;justify-content:center}.path-mod-ejsapp .topnav-right{display:inline-block;float:right}.path-mod-ejsapp #EJsSheader{cursor:move}.path-mod-ejsapp #_topFrame{text-align:center}.path-mod-ejsapp #save_chart_img{cursor:pointer;margin-right:.5rem}.path-mod-ejsapp #save_chart_data{cursor:pointer;margin:0 .5rem 0 .5rem}.path-mod-ejsapp #full_screen_chart{cursor:pointer;margin-left:.5rem}.path-mod-ejsapp #control_chart{order:99}.path-mod-ejsapp #clean_chart{cursor:pointer;margin:0 30px}.path-mod-ejsapp #prev_chart,.path-mod-ejsapp #next_chart{cursor:pointer}.path-mod-ejsapp #slideshow-wrapper{width:100%}.path-mod-ejsapp div[id^="fragment-"]{width:100%;margin:auto;text-align:center}.path-mod-ejsapp #blockly_navbar{box-shadow:none;-webkit-box-shadow:none;margin-top:1rem;margin-bottom:1rem;padding-top:0;padding-bottom:0}.path-mod-ejsapp .dropdown-item,.path-mod-ejsapp #show_log{cursor:pointer}.path-mod-ejsapp .textExecution{z-index:90;margin-top:1rem;background:#fff;width:100%;border:2px solid #333;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px}.path-mod-ejsapp .textExecutionElement{margin:0rem 1rem}.path-mod-ejsapp .play-code{height:2em;cursor:pointer;background-color:#fff;border-style:ridge;border-radius:5px;font-color:#111;font-family:'Helvetica Neue',sans-serif;font-size:20px;font-weight:700}.path-mod-ejsapp #ScriptBox{width:100%;height:100%}.path-mod-ejsapp #titleScriptBox{display:flex;justify-content:space-between;height:10%}.path-mod-ejsapp #full_screen_blockly{margin-right:0;margin-bottom:0;text-align:right;cursor:pointer}.path-mod-ejsapp #whereScriptsAre{text-align:center;height:90%}.path-mod-ejsapp #blocklyDivExperiments,.path-mod-ejsapp #blocklyDivCharts,.path-mod-ejsapp #blocklyDivEvents,.path-mod-ejsapp #ControllerDiv{height:100%;width:100%}.path-mod-ejsapp #blocklyDivController{width:100%;height:88%}.path-mod-ejsapp #_javaScriptFrame{cursor:text;height:100%;width:100%}.path-mod-ejsapp #footer{text-align:center}.path-mod-ejsapp #errorArea{border:none;resize:none;height:100px;width:80%;text-align:left;border-color:grey;color:#111;font-family:'Helvetica Neue',sans-serif;font-size:14px;font-weight:700;letter-spacing:-1px;line-height:1}.path-mod-ejsapp .peru{color:peru}.path-mod-ejsapp .green{color:green}.path-mod-ejsapp .blue{color:blue}.path-mod-ejsapp .yellow{color:#ff0}.path-mod-ejsapp .red{color:red}.path-mod-ejsapp .nice-select{-webkit-tap-highlight-color:#fff0;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:none;padding-left:8px;padding-right:18px;position:relative;text-align:left!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;font-family:'Helvetica Neue',sans-serif;font-size:18px;font-weight:700;letter-spacing:-1px;text-align:left}.path-mod-ejsapp .nice-select:hover{border-color:#dbdbdb}.path-mod-ejsapp .nice-select:active,.path-mod-ejsapp .nice-select.open,.path-mod-ejsapp .nice-select:focus{border-color:#999}.path-mod-ejsapp .nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:5px}.path-mod-ejsapp .nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.path-mod-ejsapp .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.path-mod-ejsapp .nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.path-mod-ejsapp .nice-select.disabled:after{border-color:#ccc}.path-mod-ejsapp .nice-select.wide{width:100%}.path-mod-ejsapp .nice-select.wide .list{left:0!important;right:0!important}.path-mod-ejsapp .nice-select.right{float:right}.path-mod-ejsapp .nice-select.right .list{left:auto;right:0}.path-mod-ejsapp .nice-select.small{font-size:12px;height:36px;line-height:34px}.path-mod-ejsapp .nice-select.small:after{height:4px;width:4px}.path-mod-ejsapp .nice-select.small .option{line-height:34px;min-height:34px}.path-mod-ejsapp .nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgb(68 68 68 / .11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(.5,0,0,1.25),opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(.5,0,0,1.25),opacity 0.15s ease-out;z-index:9}.path-mod-ejsapp .nice-select .list:hover .option:not(:hover){background-color:transparent!important}.path-mod-ejsapp .nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s}.path-mod-ejsapp .nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.path-mod-ejsapp .nice-select .option.selected{font-weight:700}.path-mod-ejsapp .nice-select .option.disabled{background-color:#fff0;color:#999;cursor:default}.path-mod-ejsapp .no-csspointerevents .nice-select .list{display:none}.path-mod-ejsapp .no-csspointerevents .nice-select.open .list{display:block}.path-mod-ejsapp #blocklyDiv{height:450px;width:100%;display:flex}div.course-content div.generalbox.folderbuttons{padding-left:35px}.forumpost{display:block;position:relative;margin:0 0 1em 0;padding:0;border:1px solid #000;max-width:100%}.forumpost .row{width:100%;position:relative}.forumpost .row .left{float:left;width:43px;overflow:hidden}.forumpost .row .left .grouppictures a{text-align:center;display:block;margin:6px 2px 0 2px}.forumpost .row .left .grouppicture{width:20px;height:20px}.forumpost .row .topic,.forumpost .row .content-mask,.forumpost .row .options{margin-left:43px}.forumpost .picture img{margin:4px}.forumpost .options .commands,.forumpost .content .attachments,.forumpost .options .footer,.forumpost .options .link{text-align:right}.forumpost .options .forum-post-rating{float:left}.forumpost .content .posting{overflow:auto;max-width:100%}.forumpost .content .attachedimages img{max-width:100%}.forumpost .post-word-count{font-size:.85em;font-style:italic}.forumpost .shortenedpost .post-word-count{display:inline;padding:0 .3em}.path-mod-forum .forumolddiscuss,#page-mod-forum-search .c0{text-align:right}.path-mod-forum .indent{margin-left:3%}.path-mod-forum .forumheaderlist{width:100%;border-width:1px;border-style:solid;border-collapse:separate;margin-top:10px}.path-mod-forum .forumheaderlist td{border-width:1px 0 0 1px;border-style:solid}.path-mod-forum .forumheaderlist th.header.replies .iconsmall{margin:0 .3em}.path-mod-forum .forumheaderlist .discussion .starter{vertical-align:middle}.path-mod-forum .forumheaderlist .discussion .pinned img{padding:5px}.path-mod-forum .forumheaderlist .discussion .lastpost{white-space:nowrap;text-align:right}.path-mod-forum .forumheaderlist .replies{white-space:nowrap}.path-mod-forum .forumheaderlist thead .discussionsubscription{text-align:center}#page-mod-forum-subscribers .subscriberdiv,#page-mod-forum-subscribers .subscribertable{width:100%;vertical-align:top}#page-mod-forum-subscribers .subscribertable tr td{vertical-align:top}#page-mod-forum-subscribers .subscribertable tr td.actions{width:16%;padding-top:3em}#page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton{margin:.3em 0;padding:.5em 0;width:100%}#page-mod-forum-subscribers .subscribertable tr td.existing,#page-mod-forum-subscribers .subscribertable tr td.potential{width:42%}#page-mod-forum-discuss .discussioncontrols{width:100%;margin:5px}#page-mod-forum-discuss .discussioncontrols .controlscontainer{width:100%;float:right}#page-mod-forum-discuss .discussioncontrols .discussioncontrol{float:left}#page-mod-forum-discuss .discussioncontrol.exporttoportfolio{text-align:left}#page-mod-forum-discuss .discussioncontrol.displaymode{padding-right:10px}#page-mod-forum-discuss .discussioncontrol.movediscussion{padding-right:10px}#page-mod-forum-view .forumaddnew{margin-bottom:20px}#page-mod-forum-view .groupmenu{float:left;text-align:left;white-space:nowrap}#page-mod-forum-index .subscription,#page-mod-forum-view .subscription{float:right;text-align:right;white-space:nowrap;margin:5px 0}.discussion-list .userpicture,.discussion-list .grouppicture{height:35px;width:35px}#page-mod-forum-search .introcontent{padding:15px;font-weight:700}.path-mod-forum span.unread a:first-child{padding-right:10px}.path-mod-forum span.unread img{margin-left:5px}#email .unsubscribelink{margin-top:20px}.forumpost.unread .row.header,.path-course-view .unread,span.unread{background-color:#ffd}.forumpost.unread .row.header{border-bottom:1px solid #ddd}.path-mod-forum :target>.forumpost:before{display:block;content:'';width:4px;position:absolute;background:#0070a8;left:-1px;top:-1px;bottom:-1px}.path-mod-forum .discussion-nav{margin:.5em 0}.path-mod-forum .discussion-nav ul{margin:0;list-style:none;padding-left:0}.path-mod-forum .discussion-nav .next-discussion{float:right}.path-mod-forum .discussion-nav .prev-discussion{float:left}.path-mod-forum .preload-subscribe{background:url(/theme/image.php/govbrds/mod_forum/1772471362/t/subscribed) no-repeat -9999px -9999px}.path-mod-forum .preload-unsubscribe{background:url(/theme/image.php/govbrds/mod_forum/1772471362/t/unsubscribed) no-repeat -9999px -9999px}.path-mod-forum .discussionsubscription,.path-mod-forum .discussion-settings-menu,.path-mod-forum .discussionsubscription{margin-top:-10px;text-align:right;margin-bottom:10px}.path-mod-forum .discussionsubscription>a>img,.path-mod-forum .discussionlock>a>img,.path-mod-forum .favourite-discussion>a>img,.path-mod-forum .discussion-settings-menu>a>img{width:12px;padding:0 4px}#page-mod-forum-view img.timedpost{margin-right:5px}.path-mod-forum article .nav .nav-link:first-of-type{margin-left:auto}.path-mod-forum.dir-rtl article .nav .nav-link:first-of-type{margin-left:0;margin-right:auto}.path-mod-forum article .nav .nav-link+.nav-link{border-left:1px solid #ddd}.privatereplyinfo{font-size:80%}.forum-post-container:focus{outline:0}.post-actions .btn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.forum-post-container:focus>.focus-target{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.hr-sect{display:flex;flex-basis:100%;font-weight:700;align-items:center;margin:8px 0}.hr-sect::before,.hr-sect::after{content:"";flex-grow:1;background:rgb(0 0 0 / .35);height:1px;font-size:0;line-height:0}.hr-sect::before{margin-right:15px}.hr-sect::after{margin-left:15px}#page-mod-game-view.dir-rtl .region-content{direction:ltr;text-align:left}#page-mod-game-view.dir-rtl #responseform{direction:rtl;text-align:right}.GeoGebraFrame .AutoCompleteTextFieldW.SymbolCanBeShown .TextField,.GeoGebraFrame .AutoCompleteTextFieldW.SymbolCanBeShown.FromDrawTextFieldNew input[type="text"].TextField,.GeoGebraFrame input[type="text"].TextField{padding-top:0;padding-bottom:0;height:auto}.geogebra-activity-solved td{background-color:#DFFFDF!important}.geogebra-activity-unsolved td{background-color:#FFDFDF!important}.geogebra-activities-table{margin:20px!important;width:95%}#page-mod-geogebra-action-student_results #region-main-box{left:0!important}#dates .title-time{width:150px;float:left;clear:both}#dates .data-time{float:left}#dates.generalbox{height:30px}.geogebradates{margin:10px}#geogebra-summary-all-link{float:left;margin-top:20px}#geogebra-preview-link{float:right;margin-top:20px}.summary-row{font-weight:700}.geogebra-session-activities-visible{visibility:visible}.geogebra-session-activities-hidden{visibility:hidden;display:none}.firstinitial{clear:both;margin-top:30px}.initialbar{text-align:center}.pendinggrade{background-color:#FFD991}#applet_container>div{margin:0 auto}#applet_container{margin:20px auto;background-image:url(/theme/image.php/govbrds/core/1772471362/i/loading_small);background-position:center center;background-repeat:no-repeat}.path-mod-glossary .glossarypost{width:95%;border-collapse:separate;margin:0 auto;text-align:left}.path-mod-glossary .glossarypost.entrylist{border-width:0}.path-mod-glossary .glossarypost.continuous .concept{display:inline}.path-mod-glossary .glossarypost .commands{width:200px;white-space:nowrap}.path-mod-glossary .glossarypost td.picture{width:35px}.path-mod-glossary .glossarypost .entrylowersection .icons{text-align:right;padding-right:5px}.path-mod-glossary .glossarypost .entrylowersection .ratings{text-align:right;padding-right:5px;padding-bottom:2px}.path-mod-glossary .glossarypost .glossary-hidden-note{margin:0 .45em}.path-mod-glossary .glossarydisplay{margin-left:auto;margin-right:auto}.path-mod-glossary .glossarydisplay .tabs{width:100%;margin-bottom:0}.path-mod-glossary .glossarydisplay .tabs .side{border-style:none;border-width:0;width:auto}.path-mod-glossary .glossarydisplay .separator{width:4px}.path-mod-glossary table.glossarypopup{width:95%}.path-mod-glossary .entrybox,.path-mod-glossary table.glossaryapproval,.path-mod-glossary .glossarypost .entrylowersection table{width:100%;margin-bottom:0}.glossary-activity-picture{float:left}.glossary-activity-content{margin-left:40px}#page-mod-glossary-view .glossarycontrol{float:right;text-align:right;white-space:nowrap;margin:5px 0}#page-mod-glossary-view table.glossarycategoryheader,#page-mod-glossary-import table.glossaryimportexport{margin-left:auto;margin-right:auto}#page-mod-glossary-view table.glossarycategoryheader{margin-bottom:0}#page-mod-glossary-view table.glossarycategoryheader th{padding:0}#page-mod-glossary-view td.glossarysearchbox label{display:inline-block}@media (min-width:768px){#page-mod-glossary-showentry #page-content{min-width:600px}}#page-mod-glossary-print .mod-glossary-entrylist .mod-glossary-entry{vertical-align:top}#page-mod-glossary-print .displayprinticon,#page-mod-glossary-print .displaydate{text-align:right;font-size:.75em}#page-mod-glossary-print .strong{font-weight:700}.path-mod-glossary .printicon{background:url(/theme/image.php/govbrds/core/1772471362/t/print) no-repeat scroll 2px center #fff0;padding-left:20px}
/**
 * mod/hotpot/styles.css
 *
 * @package   mod-hotpot
 * @copyright 2010 Gordon Bateson <gordon.bateson@gmail.com>
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 body.path-course-view div.hotpotrecentactivity p{margin:0}body.path-course-view div.hotpotrecentactivity ul{font-size:.8em;margin:0em 0em 0em 1em;padding:0em 0em 0em 1em}#page-mod-hotpot-mod #reviewoptionshdr .fitem{clear:none;float:left;margin-left:48px;width:20%}#page-mod-hotpot-mod #reviewoptionshdr .fitemtitle{font-weight:700;margin-left:0;text-align:left;width:100%}#page-mod-hotpot-mod #reviewoptionshdr fieldset.fgroup{margin-left:0;text-align:left;width:100%}#page-mod-hotpot-mod #reviewoptionshdr fieldset.fgroup{clear:left;margin:0 0 1em}#page-mod-hotpot-mod #reviewoptionshdr fieldset.fgroup>span{clear:left;float:left;line-height:1.7}#page-mod-hotpot-mod #reviewoptionshdr fieldset.fgroup span label{margin-left:.4em}#page-mod-hotpot-mod.dir-rtl #reviewoptionshdr .fitem{float:right}#page-mod-hotpot-mod.dir-rtl #reviewoptionshdr .fitemtitle{text-align:right}#page-mod-hotpot-mod.dir-rtl #reviewoptionshdr fieldset.fgroup span{float:right;clear:right}#page-mod-hotpot-view .region-content{text-align:center}#page-mod-hotpot-view .region-content ul.hotpotwarnings,#page-mod-hotpot-view .region-content table.hotpotentryoptions,#page-mod-hotpot-view .region-content table.hotpotattempts,#page-mod-hotpot-view .region-content table.hotpotattemptssummary,#page-mod-hotpot-view .region-content table.hotpotdeleteattempts{margin-left:auto;margin-right:auto}#page-mod-hotpot-view .region-content table.hotpotentryoptions td.c0{font-weight:700;text-align:right}#page-mod-hotpot-view .region-content table.hotpotentryoptions td.c1{font-weight:400;text-align:left}#page-mod-hotpot-attempt div.hotpotstopbutton{position:absolute;right:0;top:.8em}#page-mod-hotpot-attempt div.hotpotstopbutton .FuncButton,#page-mod-hotpot-attempt div.hotpotstopbutton .FuncButtonUp,#page-mod-hotpot-attempt div.hotpotstopbutton .FuncButtonDown{margin-right:18px}#page-mod-hotpot-attempt input,#page-mod-hotpot-attempt textarea{width:auto}#page-mod-hotpot-submit .region-content{text-align:center}#page-mod-hotpot-submit .region-content ul.hotpotexitfeedback,#page-mod-hotpot-submit .region-content p.hotpotwhatnext,#page-mod-hotpot-submit .region-content ul.hotpotexitfeedback li{list-style-type:none}#page-mod-hotpot-submit .region-content li.hotpotexitencouragement{font-size:1.2em;margin-top:6px;margin-bottom:6px}#page-mod-hotpot-submit .region-content table.hotpotexitlinks{margin-left:auto;margin-right:auto}#page-mod-hotpot-submit .region-content table.hotpotexitlinks td.c0{font-weight:700;text-align:right}#page-mod-hotpot-submit .region-content table.hotpotexitlinks td.c1{font-weight:400;text-align:left}#page-mod-hotpot-index .region-content{text-align:center}#page-mod-hotpot-index .region-content table{margin-left:auto;margin-right:auto}#page-mod-hotpot-report div#commands{text-align:center}#page-mod-hotpot-report table#attempts{clear:both;margin-left:auto;margin-right:auto}#page-mod-hotpot-report table#attempts.analysis td.c0{font-weight:700}#page-mod-hotpot-report table#attempts.analysis td.c0:after{content:":"}#page-mod-hotpot-report table.flexible tr.emptyrow{display:none}#page-mod-hotpot-report #page-content{overflow:visible}#page-mod-hotpot-report #page-content #region-main-box #region-post-box #region-main-wrap #region-main{overflow:visible}#page-mod-hotpot-report #page-content #region-main-box #region-post-box #region-main-wrap #region-main div.region-content{overflow:visible}#page-mod-hotpot-report #page-content #region-main-box #region-post-box #region-main-wrap #region-main div.region-content #attemptsform div.no-overflow{overflow:visible}#page-mod-hotpot-report ul.response{text-align:left;padding:0;margin-top:0;text-indent:-6px}#page-mod-hotpot-report ul.response li{list-style:none;text-align:left}#page-mod-hotpot-report ul.response li.correct.tick_green_small{color:green;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/tick_green_small)}#page-mod-hotpot-report ul.response li.correct.grade_correct{color:green;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/grade_correct)}#page-mod-hotpot-report ul.response li.ignored{color:grey;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/show)}#page-mod-hotpot-report ul.response li.wrong.cross_red_small{color:red;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/cross_red_small)}#page-mod-hotpot-report ul.response li.wrong.grade_incorrect{color:red;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/grade_incorrect)}#page-mod-hotpot-report ul.response li.score{color:inherit;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/item)}#page-mod-hotpot-report ul.response li.hintsclueschecks{color:#666;list-style-image:url(/theme/image.php/govbrds/core/1772471362/i/item)}#page-mod-hotpot-review table#responses{clear:both;margin-left:auto;margin-right:auto}#page-mod-hotpot-review table#responses td.c0,#page-mod-hotpot-review table#responses td.c2,#page-mod-hotpot-review table#responses td.c4,#page-mod-hotpot-review table#responses td.c6{font-weight:700;text-align:right}#page-mod-hotpot-review table#responses td.c1,#page-mod-hotpot-review table#responses td.c3,#page-mod-hotpot-review table#responses td.c5,#page-mod-hotpot-review table#responses td.lastcol{font-weight:400;text-align:left}#page-mod-hotpot-review table#responses td.c0:after,#page-mod-hotpot-review table#responses td.c2:after,#page-mod-hotpot-review table#responses td.c4:after,#page-mod-hotpot-review table#responses td.c6:after{content:":"}#page-mod-hotpot-review table#responses td.lastcol:after{content:""}.h5p-data-view table{border:1px solid #E5E5E5;box-shadow:0 1px 1px rgb(0 0 0 / .04);table-layout:fixed;width:100%}.h5p-data-view td,.h5p-data-view th{color:#555;font-size:13px;line-height:1.5em;padding:8px 10px;vertical-align:top;word-wrap:break-word}.h5p-data-view th{color:#32373C;font-size:14px;font-weight:400;line-height:1.4em}.h5p-data-view thead th{border-bottom:1px solid #E1E1E1}.h5p-data-view tfoot td{border-top:1px solid #E1E1E1;font-size:14px}.h5p-data-view tr:nth-child(odd){background-color:#F9F9F9}.h5p-pagination{line-height:2em;text-align:center}.h5p-pagination>span,.h5p-pagination>input{margin:0 1em}.h5p-pagination button{margin:0}.h5p-data-view input[type="text"]{margin-bottom:.5em}.h5p-data-view input[type="text"]::-ms-clear{display:none}.h5p-data-view th[role="button"]{cursor:pointer}.h5p-data-view th[role="button"].h5p-sort:after,.h5p-data-view th[role="button"]:hover:after,.h5p-data-view th[role="button"].h5p-sort.h5p-reverse:hover:after{content:"\25BE";left:.5em;position:relative;top:-1px}.h5p-data-view th[role="button"].h5p-sort.h5p-reverse:after,.h5p-data-view th[role="button"].h5p-sort:hover:after{content:"\25B4";top:-2px}.h5p-data-view th[role="button"]:hover:after,.h5p-data-view th[role="button"].h5p-sort.h5p-reverse:hover:after,.h5p-data-view th[role="button"].h5p-sort:hover:after{color:#999}.content-upgrade-log{color:red}body.h5p-embed{font-family:Sans-Serif;width:100%;height:100%;margin:0;padding:0}body.h5p-embed.h5p-resizing{overflow:hidden}body.h5p-embed .h5p-container{overflow:hidden}body.h5p-embed .h5p-content{font-size:16px;line-height:1.5em;width:100%;height:auto}body.h5p-embed .h5p-fullscreen .h5p-content,body.h5p-embed .h5p-semi-fullscreen .h5p-content{height:100%}body.h5p-embed .clearer,body.h5p-embed #maincontent,body.h5p-embed #user-notifications{display:none}#page-mod-imscp-view #imscp_nav{text-align:center;margin-bottom:5px;margin-top:10px}#page-mod-imscp-view #imscp_toc .ygtv-highlight1{font-weight:700}#page-mod-imscp-view .yui-layout-hd{background-image:none;background-color:#ddd}#page-mod-imscp-view .yui-layout-hd h2{color:#000}.path-mod-imscp #imscp_child_list{margin-left:1em;width:auto;height:auto}#page-mod-journal-view .feedbackbox{width:75%;border-collapse:separate}#page-mod-journal-view .entrycontent{padding:3px}#page-mod-journal-view .picture{width:35px}#page-mod-journal-view .info{margin-bottom:5px;text-align:right}#page-mod-journal-view .journalstart,#page-mod-journal-report .feedbacksave{text-align:center;margin:1em 0}#page-mod-journal-view .lastedit,#page-mod-journal-view .editend{font-size:.7em;margin:5px;text-align:center;font-style:italic}#page-mod-journal-view .author{font-size:1em;font-weight:700}#page-mod-journal-view .time{font-size:.7em;font-style:italic}#page-mod-journal-view .grade{font-weight:700;font-style:italic;text-align:right}#page-mod-journal-index .cell{font-size:.8em}#page-mod-journal-view .feedbackbox .left,#page-mod-journal-view .feedbackbox .entryheader{background-color:#ddd;padding:6px 14px}#page-mod-journal-view .feedbackbox{-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;border-spacing:0;margin:0 auto}#page-mod-journal-view .feedbackbox .side{-moz-border-radius-bottomleft:15px}#page-mod-journal-view .feedbackbox .entrycontent{-moz-border-radius-bottomright:15px}#page-mod-journal-report .journaluserentrywrapper{background-color:#fff;border:1px solid #dedede;margin:1em 0;box-shadow:0 0 10px #d2d2d2;border-radius:1em}#page-mod-journal-report .journaluserentry{border-collapse:collapse;border-spacing:0}#page-mod-journal-report .journaluserentry td{padding:10px;vertical-align:top;width:100%}#page-mod-journal-report .journaluserentry td.userpix{width:35px}#page-mod-journal-report .journaluserentry td.userfullname{white-space:nowrap;border-bottom:1px solid #dedede}#page-mod-journal-report .journaluserentry td .lastedit{font-size:.76em;font-style:italic}#page-mod-journal-report .mediaplugin{width:auto}#page-mod-journal-report .divwrapper{margin:1em 0}#page-mod-journal-report .journalheader{margin-top:1em}#page-mod-journal-report textarea{border-color:#cecece;min-height:100px;max-width:calc(100vw - 120px);width:100%}#page-mod-journal-report .lastedit,#page-mod-journal-report .lastedit+label{display:block;white-space:normal}#page-mod-journal-report .custom-select{width:auto;margin-left:.5em}.path-mod-lti .ltiframe{position:relative;width:100%;height:100%}.path-mod-lti .userpicture,.path-mod-lti .picture.user,.path-mod-lti .picture.teacher{width:35px;height:35px;vertical-align:top}.path-mod-lti .feedback .files,.path-mod-lti .feedback .grade,.path-mod-lti .feedback .outcome,.path-mod-lti .feedback .finalgrade{float:right}.path-mod-lti .feedback .disabledfeedback{width:500px;height:250px}.path-mod-lti .feedback .from{float:left}.path-mod-lti .files img{margin-right:4px}.path-mod-lti .files a{white-space:nowrap}.path-mod-lti .late{color:red}.path-admin-mod-lti .mform .fitem .fitemtitle{min-width:18em;padding-right:1em}.path-mod-lti .mform .fitem .fitemtitle{min-width:14em;padding-right:1em}#registration-choice-container .buffer-text{margin:20px}#choice-list{list-style:none;border-bottom:1px solid #e3e3e3;padding-bottom:1em;margin-left:0}#choice-list>li{display:inline-block}#external-registration-container iframe{border:1px solid #e5e5e5;border-radius:10px;width:100%;min-height:800px}.loading-screen{text-align:center;padding:3em}.loading-screen .loading-text{font-size:2em}.loading-screen .loader{margin-left:auto;margin-right:auto;margin-bottom:1em;height:2em;width:2em;font-size:2em}#registration-submit{min-width:140px}#registration-form-container{min-height:260px}#registration-form-container .card{margin-bottom:0}#registration-form-container .control-group:last-child{margin-bottom:0}#registration-choice-container .card{text-align:center}#registration-choice-container .btn-toolbar{margin-bottom:0}#registration-choice-container p:last-child{margin-top:20px}#tool-type-capabilities-container .registration-loading-container{display:none}#tool-type-capabilities-container.loading .registration-loading-container{display:block}#tool-type-capabilities-container.loading #tool-type-capabilities-template-container{display:none}.centered-menu{max-width:70%;margin-left:auto;margin-right:auto}.btn-text{display:block}.btn-loader{display:none}.loading .btn-text{display:none}.loading .btn-loader{display:block}.btn .loader{margin-left:auto;margin-right:auto}.btn .loader img{height:1.5em}#tool-list-container h3{display:inline-block}#tool-list-loader-container{display:inline-block}#tool-list-loader-container .loader{display:none}#tool-list-loader-container .loader img{height:2em}.loading #tool-list-loader-container .loader{display:block}.loading #tool-notools-text{display:none}.tool-card{display:inline-block;width:250px;height:300px;border:1px solid #e5e5e5;border-radius:10px;margin:5px;position:relative;box-sizing:border-box;vertical-align:top}.tool-card:hover,.tool-card:focus{border-color:#08c;box-shadow:0 1px 4px rgb(0 105 214 / .25);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s}.tool-card .overlay-container{background-color:rgb(255 255 255 / .8);border-radius:10px;display:none;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100;box-sizing:border-box;padding:10px}.tool-card .overlay-container .img-container{position:absolute;top:115px;left:90px;display:block;width:70px;height:70px}.tool-card .overlay-container .img-container img{height:100%;width:100%}.tool-card.announcement>.overlay-container{display:block}.tool-card.announcement .overlay-container .loader{display:none}.tool-card.announcement.loading .overlay-container .loader{display:block;width:100%;height:100%}.tool-card.announcement .overlay-container .success-icon-container{display:none}.tool-card.announcement.success .overlay-container .success-icon-container{display:block}.tool-card.announcement .overlay-container .fail-icon-container{display:none}.tool-card.announcement.fail .overlay-container .fail-icon-container{display:block}.tool-card.announcement .overlay-container .capabilities-container{display:none}.tool-card.announcement.capabilities .overlay-container .capabilities-container{display:block}.tool-card.announcement.capabilities .overlay-container{background-color:#fff}.tool-card.announcement.capabilities .overlay-container .img-container{display:none}.tool-card-content{z-index:1}.tool-card-header{text-align:center;background-color:#f5f5f5;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;height:125px}.tool-card-subheader{margin-bottom:10px;text-align:left}.tool-card-header .tool-card-icon{width:35px;height:35px}.tool-card-header .name{margin-bottom:0;white-space:nowrap}.tool-card-header .tool-card-actions{float:right}.tool-card-header .tool-card-actions img{width:15px;height:15px;margin-left:7px}.tool-card-body{border-top:1px solid #e5e5e5;box-sizing:border-box;padding:5px;height:125px}.tool-card-body .description{max-height:100px;word-wrap:break-word}.tool-card-footer{height:50px;text-align:center;padding-top:10px;box-sizing:border-box}.tool-card .contenteditable-container{position:relative}.tool-card [contenteditable=true]{border:1px solid #fff0;padding:.25em;position:relative;z-index:1;overflow:auto}.tool-card [contenteditable=true]:hover{border-radius:4px;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);background-color:#fff;border:1px solid #e3e3e3;-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;cursor:text}.tool-card [contenteditable=true]:focus{outline:0;border-radius:4px;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 8px rgb(82 168 236 / .6);background-color:#fff;border:1px solid rgb(82 168 236 / .8);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;cursor:text}.tool-card [contenteditable=true].loading+.overlay-container{border-radius:4px;display:block}.tool-card [contenteditable=true]+.overlay-container .loader{display:inline-block;vertical-align:middle}#accordion.modltitree{border-radius:4px;padding-left:8px}#accordion.modltitree .accordion-inner{padding-left:20px}#accordion.modltitree .accordion-inner .accordion p{margin-bottom:0;padding-left:15px}#accordion.modltitree .accordion-group{padding-left:15px;padding-bottom:4px;position:relative}#accordion.modltitree .accordion-group span{padding:0 4px 0}#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle::before{content:url(/theme/image.php/govbrds/core/1772471362/t/expanded);position:absolute;left:-5px}#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle.collapsed::before{content:url(/theme/image.php/govbrds/core/1772471362/t/collapsed)}#contentframe{border:1px solid #ddd;border-radius:4px}#page-mod-lti-coursetools a.dropdown-toggle::after{display:none}#page-mod-lti-coursetools table div.tool-action-icon-container{display:flex;align-items:center;justify-content:center;width:36px;height:36px}#page-mod-lti-coursetools table div.tool-action-icon-container i{margin:0}#page-mod-lti-coursetools table.generaltable tbody tr:nth-of-type(2n+1),#page-mod-lti-coursetools table.table-striped tbody tr:nth-of-type(2n+1){background:inherit}#page-mod-lti-coursetools table.generaltable tbody tr:hover,#page-mod-lti-coursetools table.table-striped tbody tr:hover{background:#fff}.path-mod-pdfannotator .pdf-annotator-hidden{display:none;visibility:hidden}.path-mod-pdfannotator .pdfannotator_index .toolbar{background-color:#eaeaea;border-bottom:1px solid #d0d0d0;top:0;left:0;right:0;padding:0 0 3px 5px;text-shadow:1px 1px 0 #fff;z-index:50;-webkit-box-shadow:inset 0 1px 1px 0 rgb(255 255 255);-moz-box-shadow:inset 0 1px 1px 0 rgb(255 255 255);box-shadow:inset 0 1px 1px 0 rgb(255 255 255)}.path-mod-pdfannotator .pdfannotator_index .toolbar .spacer{display:inline-block;border-left:1px solid #c1c1c1;height:34px;margin:0 5px -11px}.path-mod-pdfannotator .toolbar .toolbaritem{display:inline-block}.path-mod-pdfannotator .toolbar button{background-color:#fff0;border:0 solid #fff0;border-radius:0;font-size:15px;padding:3px;margin:0 0 0 0;text-align:center;text-shadow:0 0 0 #fff;position:relative;min-width:27px;min-height:27px;background-image:none}.path-mod-pdfannotator .toolbar.fullscreen{margin-left:15px}.path-mod-pdfannotator .toolbar button.active{background-image:radial-gradient(ellipse at center,#e6f2ff 40%,#8ebae5 100%);background-color:#8ebae5;border-color:#bababa;-webkit-box-shadow:inset 0 0 1px rgb(0 0 0 / .25);-moz-box-shadow:inset 0 0 1px rgb(0 0 0 / .25);box-shadow:inset 0 0 1px rgb(0 0 0 / .25)}.path-mod-pdfannotator .toolbar select{margin-bottom:0}.path-mod-pdfannotator .toolbar button .icon{color:#999;margin-right:0}.path-mod-pdfannotator .color{display:inline-block;width:20px;height:20px;border:1px solid #000;vertical-align:middle;margin:0}.path-mod-pdfannotator .color-selected{border:3px solid #666;width:30px;height:30px;margin-top:-1px;margin-left:-2px;margin-right:-2px}.path-mod-pdfannotator .text-color,.path-mod-pdfannotator .pen-color{z-index:100;display:inline-block}.path-mod-pdfannotator .textLayer{position:absolute;text-align:initial;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:.2;line-height:1;text-size-adjust:none;z-index:20}.path-mod-pdfannotator .textLayer>span:not(.helperLayer){color:#fff0;position:absolute;white-space:pre;cursor:text;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer br{color:#fff0;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer span.markedContent{top:0;height:0}.path-mod-pdfannotator .textLayer .highlight{margin:-1px;padding:1px;background-color:rgb(180 0 170);border-radius:4px}.path-mod-pdfannotator .textLayer .highlight.appended{position:initial}.path-mod-pdfannotator .textLayer .highlight.begin{border-radius:4px 0 0 4px}.path-mod-pdfannotator .textLayer .highlight.end{border-radius:0 4px 4px 0}.path-mod-pdfannotator .textLayer .highlight.middle{border-radius:0}.path-mod-pdfannotator .textLayer .highlight.selected{background-color:#006400}.path-mod-pdfannotator .textLayer ::selection{background:rgb(0 0 255)}.path-mod-pdfannotator .textLayer br::selection{background:#fff0}.path-mod-pdfannotator .textLayer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.path-mod-pdfannotator .textLayer .endOfContent.active{top:0}.path-mod-pdfannotator{--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
}

.path-mod-pdfannotator .annotationLayer section {
    position: absolute;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a /* -ms-a */ {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
    opacity: 0.2;
    background: rgba(255, 255, 0, 1);
    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);;
}

.path-mod-pdfannotator .annotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select option {
    padding: 0;
}
  
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input[disabled],
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea[disabled],
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:hover,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:hover,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid rgba(0, 0, 0, 1);
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input :focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea :focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
  outline: auto;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: rgba(0, 0, 0, 1);
  content: "";
  display: block;
  position: absolute;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 103%;
}

.path-mod-pdfannotator  .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator  .annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
  padding: 0;
}

.path-mod-pdfannotator .annotationLayer .popupWrapper {
    position: absolute;
    width: 20em;
}

.path-mod-pdfannotator .annotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: rgba(255, 255, 153, 1);
    box-shadow: 0 2px 5px rgba(136, 136, 136, 1);
    border-radius: 2px;
    padding: 6px;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    font-size: 9px;
    white-space: normal;
    word-wrap: break-word;
}

.path-mod-pdfannotator .annotationLayer .popup > * {
    font-size: 9px;
}

.path-mod-pdfannotator .annotationLayer .popup h1 {
    display: inline-block;
}

.path-mod-pdfannotator .annotationLayer .popupDate {
    display: inline-block;
    margin-left: 5px;
}

.path-mod-pdfannotator .annotationLayer .popupContent {
    border-top: 1px solid rgba(51, 51, 51, 1);
    margin-top: 2px;
    padding-top: 2px;
  }
  
.path-mod-pdfannotator .annotationLayer .richText > * {
  white-space: pre-wrap;
}

.path-mod-pdfannotator .annotationLayer .highlightAnnotation,
.path-mod-pdfannotator .annotationLayer .underlineAnnotation,
.path-mod-pdfannotator .annotationLayer .squigglyAnnotation,
.path-mod-pdfannotator .annotationLayer .strikeoutAnnotation,
.path-mod-pdfannotator .annotationLayer .freeTextAnnotation,
.path-mod-pdfannotator .annotationLayer .lineAnnotation svg line,
.path-mod-pdfannotator .annotationLayer .squareAnnotation svg rect,
.path-mod-pdfannotator .annotationLayer .circleAnnotation svg ellipse,
.path-mod-pdfannotator .annotationLayer .polylineAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .polygonAnnotation svg polygon,
.path-mod-pdfannotator .annotationLayer .caretAnnotation,
.path-mod-pdfannotator .annotationLayer .inkAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .stampAnnotation,
.path-mod-pdfannotator .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

/******* pdfViewer *******/
.path-mod-pdfannotator {
    --pdfViewer-padding-bottom: 0;
    --page-margin: 1px auto -8px auto;
    --page-border: 9px solid transparent;
    --spreadHorizontalWrapped-margin-LR: -3.5px;
    --zoom-factor: 1;
    --viewport-scale-factor: 1;
}

@media screen and (forced-colors: active) {
    .path-mod-pdfannotator {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 9px auto 0 auto;
    --page-border: none;
    --spreadHorizontalWrapped-margin-LR: 4.5px;
  }
}

.path-mod-pdfannotator .pdfViewer {
  padding-bottom: var(--pdfViewer-padding-bottom);
}

.path-mod-pdfannotator .pdfViewer .canvasWrapper {
    overflow: hidden;
}

.path-mod-pdfannotator .pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: var(--page-margin);
    position: relative;
    overflow: visible;
    border: var(--page-border);
    background-clip: content-box;
    border-image: url(images/shadow.png) 9 9 repeat;
    background-color: rgba(255, 255, 255, 1);
}

.path-mod-pdfannotator .pdfViewer .dummyPage {
    position: relative;
    width: 0;
    /* The height is set via JS, see `BaseViewer.#ensurePageViewVisible`. */
}

.path-mod-pdfannotator .pdfViewer.removePageBorders .page {
    margin: 0 auto 10px;
    border: none;
}

.path-mod-pdfannotator .pdfViewer.singlePageView {
    display: inline-block;
}
  
.path-mod-pdfannotator .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .pdfViewer.scrollWrapped,
.path-mod-pdfannotator .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .spread {
  white-space: nowrap;
}

.path-mod-pdfannotator .pdfViewer.removePageBorders,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .spread .dummyPage,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page {
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
}

.path-mod-pdfannotator .pdfViewer.removePageBorders .spread .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.path-mod-pdfannotator .pdfViewer .page canvas {
    margin: 0;
    display: block;
}

.path-mod-pdfannotator .pdfViewer .page canvas[hidden] {
    display: none;
}
  

.path-mod-pdfannotator .pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/loading-icon.gif) center no-repeat;
}

.path-mod-pdfannotator .pdfViewer .page .loadingIcon.notVisible {
    background: none;
}

.path-mod-pdfannotator .pdfViewer.enablePermissions .textLayer span {
    user-select: none !important;
    cursor: not-allowed;
}

.path-mod-pdfannotator .pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.path-mod-pdfannotator .pdfPresentationMode .spread {
  margin: 0;
}

.path-mod-pdfannotator .pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}

.path-mod-pdfannotator .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
    margin-bottom: 100% !important;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:fullscreen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

body {
    background-color: #eee;
    font-family: sans-serif;
    margin: 0;
}

.path-mod-pdfannotator .pdfViewer .canvasWrapper {
    box-shadow: 0 0 3px #bbb;
    position: absolute;
}
.path-mod-pdfannotator .pdfViewer .page {
    margin-bottom: 10px;
}

.path-mod-pdfannotator .annotationLayer {
    position: absolute;
    z-index: 2;
}

.path-mod-pdfannotator #content-wrapper {
    display: inline-block;
    overflow: auto;
    bottom: 0;
    height: 100%;
}

.path-mod-pdfannotator #comment-wrapper {
    display: inline-block;
    overflow: auto;
    background: #eaeaea;
    border-left: 1px solid #d0d0d0;
    bottom: 0;
    height: 100%;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .path-mod-pdfannotator #content-wrapper,
    .path-mod-pdfannotator #comment-wrapper {
        height: 50%;
    }
}

.path-mod-pdfannotator #comment-wrapper h4,
.path-mod-pdfannotator #comment-nav {
    margin: 10px;
}

.path-mod-pdfannotator #comment-nav button {
    border: none;
    background-color: transparent;
}

.path-mod-pdfannotator #comment-nav .icon {
    color: #999 !important;
}

.path-mod-pdfannotator #searchForm {
    display: flex;
    margin-top: 10px;
}

.path-mod-pdfannotator #searchPattern {
    padding-right: 25px;
    height: 30px;
}

.path-mod-pdfannotator #searchClear {
    margin-left: -25px;
    padding: 0;
}

.path-mod-pdfannotator #comment-wrapper .pdfannotator-comment-list {
    font-size: 12px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item {
    padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item.questions {
    overflow: auto;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 47px;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce,
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce {
    min-height: 350px;
}

.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling),
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling) {
    min-height: 250px;
}

.path-mod-pdfannotator #comment-wrapper .editor_atto { /* Editor in fullscreen must be over the toolbar and annotations. */
    z-index: 60;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #8f959e;
}
.path-mod-pdfannotator div.row {
    margin-left: 0;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form input {
    padding: 5px;
    width: 100%;
}
.path-mod-pdfannotator .pdfViewer .page {
    border-image: none;
}

.path-mod-pdfannotator .chat-message {
    border-radius: 4px;
    padding: 4px 10px;
    margin: 0 0 10px 0;
    background-color: #fefefe;
}

.path-mod-pdfannotator .chat-message-container {
    flex-grow: 1;
    word-break: break-word;
}

.path-mod-pdfannotator .chat-message.owner:not(.questioncomment) {
    margin: 0 10px 10px 10px;
    border: 3px solid #c7ddf2;
}

.path-mod-pdfannotator .chat-message.mark {
    border: 3px solid red !important;
}

.path-mod-pdfannotator .chat-message.correct {
    border: 3px solid green !important;
}

.path-mod-pdfannotator .chat-message:not(.questioncomment) {
    margin: 0 10px 10px 10px;
}

.path-mod-pdfannotator .chat-message.comment-list-item:not(.questions) {
    display: flex;
    padding-left: 0 !important;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved {
    text-align: center;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved .solved .icon {
    color: green !important;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved .icon {
    margin-right: 0 !important;
}

.path-mod-pdfannotator .chat-message:not(.questions) .wrappervotessolved .icon,
.path-mod-pdfannotator .chat-message:not(.questions) .dropdown .icon {
    color: #999 !important;
}

.path-mod-pdfannotator .chat-message button:disabled .icon {
    color: rgba(0, 0, 0, .15) !important;
}

.path-mod-pdfannotator .chat-message .time,
.path-mod-pdfannotator .chat-message .edited {
    float: right;
    font-size: 11px;
    color: #777;
}
.path-mod-pdfannotator .chat-message .user {
    font-weight: 700;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved button,
.path-mod-pdfannotator #comment-nav button {
    border-color: transparent;
    background-color: transparent;
}

.path-mod-pdfannotator .chat-message.questioncomment {
    margin: 0 0 10px 0;
    background-color: #c7ddf2;
}

.path-mod-pdfannotator .chat-message.questions:not(.page) {
    background-color: #c7ddf2;
    color: rgb(0, 84, 159);
}

.path-mod-pdfannotator .chat-message.questions.page {
    background-color: #dff0d8 !important;
    border-color: #d0e9c6;
    color: #3c763d;
}

.path-mod-pdfannotator .chat-message-text {
    display: inline-block;
    width: 100%;
}

.path-mod-pdfannotator :not(.questioncomment) > .chat-message-text p {
    margin-bottom: 0;
}

.path-mod-pdfannotator .chat-message .dropdown {
    float: right;
}

.path-mod-pdfannotator .chat-message #dropdownMenuButton {
    padding-left: 5px;
}

.path-mod-pdfannotator .questionanswercount {
    padding: 0 2px 0 2px;
    margin: 0;
    border-radius: 8px;
}

.path-mod-pdfannotator .solvedicon {
    padding-right: 3px;
}

.path-mod-pdfannotator .icon-wrapper {
    float: right;
}

.path-mod-pdfannotator #anonymousLabel,
.path-mod-pdfannotator #privateLabel,
.path-mod-pdfannotator #protectedLabel {
    margin-left: 5px;
    margin-bottom: 0;
}

.path-mod-pdfannotator #comment-list-form > div {
    margin: 5px 0;
    display: block;
}

.path-mod-pdfannotator #comment-list-form > div > * {
    vertical-align: middle;
}

.path-mod-pdfannotator .helperLayer {
    width: 100%;
    height: 100%;

}

/*AnkerToolbar*/
.path-mod-pdfannotator .fixtool {
    position: fixed !important;
    overflow-x: auto;
    overflow-y: visible;
    left: unset !important;
    right: unset !important;
}

.path-mod-pdfannotator.fullscreenWrapper #region-main {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    overflow-x: auto;
}

.path-mod-pdfannotator.fullscreenWrapper #nav-drawer {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper header {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper nav {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #block-region-side-pre {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #page-footer {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #footnote {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper .drawer-toggler {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #region-main{
    padding-bottom: 50px;
}

.path-mod-pdfannotator.fullscreenWrapper .m-t-2.m-b-1,
.path-mod-pdfannotator.fullscreenWrapper .m-t-1.m-b-1 {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator #myarea,
.path-mod-pdfannotator .chat-message textarea,
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
    width: 100%;
    min-height: 10em !important;
}

.path-mod-pdfannotator .cursor-area * {
    cursor: crosshair;
}

.path-mod-pdfannotator .cursor-highlight {
    cursor: url(/theme/image.php/govbrds/pdfannotator/1772471362/text_highlight_picker) 8 8, auto;
}
.path-mod-pdfannotator .cursor-strikeout {
    cursor: url(/theme/image.php/govbrds/pdfannotator/1772471362/strikethrough) 8 8, auto;
}
.path-mod-pdfannotator .cursor-pen * {
    cursor: url(/theme/image.php/govbrds/pdfannotator/1772471362/editstring) 0 12, auto !important;
}
.path-mod-pdfannotator .cursor-text * {
    cursor: url(/theme/image.php/govbrds/pdfannotator/1772471362/text_color_picker) 0 0, auto !important;
}
.path-mod-pdfannotator .cursor-point * {
    cursor: url(/theme/image.php/govbrds/pdfannotator/1772471362/pinbild) 8 16, auto !important;
}
.path-mod-pdfannotator .cursor-edit * {
    cursor: pointer !important;
}

/******************************************** START: mainly for overview page *******************************************/

/******************************** OPTION 4

/*
* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/*table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

 Mobile
@media only screen and (max-width: 767px) {

        table.flexible { margin-bottom: 0; }

        .pinned {
            position: absolute;
            left: 0;
            top: 0;
            background: #fff;
            width: 35%;
            overflow: hidden;
            overflow-x: scroll;
            border-right: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }
        .pinned table { border-right: none; border-left: none; width: 100%; }
        .pinned table th, .pinned table td { white-space: nowrap; }
        .pinned td:last-child { border-bottom: 0; }

        div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
        div.table-wrapper div.scrollable { margin-left: 35%; }
        div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

        table.flexible td, table.flexible th { position: relative; white-space: nowrap; overflow: hidden; }
        table.flexible th:first-child,
        table.flexible td:first-child,
        table.flexible td:first-child,
        table.flexible.pinned td {
            display: none;
        }

}*/

/******************************** OPTION 3 */

/*@media only screen and (min-width: 421px) and (max-width: 768px) {

}*/

@media only screen and (min-width: 421px) {
    .path-mod-pdfannotator h2,
    .path-mod-pdfannotator .resettable.mdl-right {
        display: inline !important;
    }
}

@media only screen and (min-width: 670px) {
    .path-mod-pdfannotator .resettable.mdl-right {
        float: right;
    }
}

/*@media only screen and (min-width: 1025px) {
    #itemsPerPageWrapper {
            margin-top: 1rem !important;
    }
}*/

/*@media only screen and (min-width: 415px) and (max-width: 1024px) {
}*/

@media only screen and (max-width: 414px) {
    #mod-pdfannotator-questions th:nth-child(2),
    #mod-pdfannotator-questions td:nth-child(2),
    #mod-pdfannotator-questions th:nth-child(3),
    #mod-pdfannotator-questions td:nth-child(3),
    #mod-pdfannotator-questions th:nth-child(4),
    #mod-pdfannotator-questions td:nth-child(4),
    #mod-pdfannotator-questions th:nth-child(5),
    #mod-pdfannotator-questions td:nth-child(5),
    #mod-pdfannotator-questions th:nth-child(6),
    #mod-pdfannotator-questions td:nth-child(6),
    #mod-pdfannotator-answers th:nth-child(2),
    #mod-pdfannotator-answers td:nth-child(2),
    #mod-pdfannotator-answers th:nth-child(3),
    #mod-pdfannotator-answers td:nth-child(3),
    #mod-pdfannotator-answers th:nth-child(5),
    #mod-pdfannotator-answers td:nth-child(5),
    #mod-pdfannotator-answers th:nth-child(6),
    #mod-pdfannotator-answers td:nth-child(6),
    #mod-pdfannotator-ownposts th:nth-child(2),
    #mod-pdfannotator-ownposts td:nth-child(2),
    #mod-pdfannotator-ownposts th:nth-child(3),
    #mod-pdfannotator-ownposts td:nth-child(3),
    #mod-pdfannotator-ownposts th:nth-child(4),
    #mod-pdfannotator-ownposts td:nth-child(4),
    #mod-pdfannotator-reports th:nth-child(2),
    #mod-pdfannotator-reports td:nth-child(2),
    #mod-pdfannotator-reports th:nth-child(3),
    #mod-pdfannotator-reports td:nth-child(3),
    #mod-pdfannotator-reports th:nth-child(4),
    #mod-pdfannotator-reports td:nth-child(4),
    #mod-pdfannotator-reports th:nth-child(5),
    #mod-pdfannotator-reports td:nth-child(5),
    .path-mod-pdfannotator .text {
        display: none;
        visibility: hidden;
    }
    .path-mod-pdfannotator #region-main-box {
        padding-right: 0;
        padding-left: 0;
        /*overflow: visible;*/
    }
    .path-mod-pdfannotator .text_to_html {
        word-break: break-all;
    }
    .path-mod-pdfannotator #itemsperpagewrapper {
        display: block;
    }
}

.path-mod-pdfannotator nav.pagination:nth-of-type(1) {
    display: none;
}

/*Information for older browsers
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

.path-mod-pdfannotator #itemsPerPage {
    padding: 5px;
}*/

.path-mod-pdfannotator .dropdown-toggle.icon-no-margin {
    text-decoration: none;
}

/* Dropdown Button */
.path-mod-pdfannotator .dropbtn {
    background-color: #3498db;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* For mobile phones: */  /* Only overview tables. Not table in reportform */
.path-mod-pdfannotator .flexible .header,
.path-mod-pdfannotator .flexible .cell {
    width: 100%;
}

/* Dropdown button on hover & focus */
.path-mod-pdfannotator .dropbtn:hover,
.path-mod-pdfannotator .dropbtn:focus {
    background-color: #2980b9;
}

/* The container <div> - needed to position the dropdown content */
.path-mod-pdfannotator .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.path-mod-pdfannotator .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 55;
}

/* Links inside the dropdown */
.path-mod-pdfannotator .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.path-mod-pdfannotator .dropdown-content a:hover {
    background-color: #ddd;
}

.path-mod-pdfannotator .dropdown [type="button"] {
    -webkit-appearance: none;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)
*/
.path-mod-pdfannotator .show {
    display: block;
}

.path-mod-pdfannotator a.morelink {
    text-decoration: none !important;
    outline: none;
}

.path-mod-pdfannotator .morecontent > span {
    display: none;
}

.path-mod-pdfannotator .annotator {
    text-decoration: none !important;
}

/******************************************** END: mainly for overview.mustache *******************************************/


.path-mod-pdfannotator :disabled img {
    opacity: 0.4;
}

.path-mod-pdfannotator #currentPage {
    width: 50px;
    text-align: right;
}

.path-mod-pdfannotator .pdfannotatornavbar.nav.nav-tabs.m-b-1 {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.path-mod-pdfannotator #loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.path-mod-pdfannotator .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

.path-mod-pdfannotator .pdfannotator-statistic #chart-container {
    min-height: 500px;
}

.toolbaritem .pdfannotator_text {
    display: inline-block;
    visibility: visible;
}

.path-mod-pdfannotator [contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

.path-mod-pdfannotator #id_pdfannotator_content {
    display: none !important;
}
/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
    display: block;
    font-size: 0.7em;
}

/** Attempt and review pages **/
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
    text-align: center;
    margin: 8px auto;
}

#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
    display: flex;
}

#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
    margin-left: auto;
}

.path-mod-quiz .mod_quiz-redo_question_button {
    margin: 0;
}

.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
    padding: 2px 0.8em;
    font-size: 1em;
}

#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
    background: #eee;
    border: 1px solid #dcdcdc;
}

#page-mod-quiz-attempt #connection-ok,
#page-mod-quiz-attempt #connection-error {
    position: fixed;
    top: 0;
    width: 80%;
    left: 10%;
    color: #555;
    border-radius: 0 0 10px 10px;
    box-shadow: 5px 5px 20px 0 #666;
    padding: 1em 1em 0;
    z-index: 10000;
}

#page-mod-quiz-attempt #connection-error {
    background-color: #fcc;
}

#page-mod-quiz-attempt #connection-ok {
    background-color: #cfb;
    width: 60%;
    left: 20%;
}

/** Mod quiz attempt **/
.generalbox#passwordbox {
    /* Should probably match .generalbox#intro above */
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#passwordform {
    margin: 1em 0;
}

/* Question navigation block. */
#quiznojswarning {
    color: red;
}

#quiznojswarning {
    font-size: 0.7em;
    line-height: 1.1;
}

.jsenabled #quiznojswarning {
    display: none;
}

.path-mod-quiz #user-picture {
    margin: 0.5em 0;
}

.path-mod-quiz #user-picture img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
    padding: 0.7em 0 0;
    margin: 0;
    clear: both;
}

.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
    padding-top: 0;
}

.path-mod-quiz .qnbutton {
    display: block;
    position: relative;
    float: left;
    width: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0.3em 0.3em 0.3em 0;
    padding: 0;
    border: 1px solid #bbb;
    background: #ddd;
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

.path-mod-quiz .qnbutton:visited:hover,
.path-mod-quiz .qnbutton:link:hover {
    text-decoration: underline;
}

.path-mod-quiz .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .thispageholder {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.path-mod-quiz .qnbutton.thispage {
    border-color: #666;
}

.path-mod-quiz .qnbutton.thispage .thispageholder {
    border: 1px solid #666;
}

.path-mod-quiz .qnbutton.flagged .trafficlight {
    background: url(/theme/image.php/govbrds/quiz/1772471362/navflagged) no-repeat top right;
}

.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
    background-color: white;
}

.path-mod-quiz .qnbutton.correct {
    background-color: #cfc;
}

.path-mod-quiz .qnbutton.correct .trafficlight {
    border-bottom: 3px solid #080;
}

.path-mod-quiz .qnbutton.partiallycorrect {
    background-color: #ffa;
}

.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
    background-color: #fcc;
}

.path-mod-quiz .qnbutton.blocked {
    color: #999;
}

.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
    border-top: 3px solid #800;
}

.path-mod-quiz .othernav {
    clear: both;
    margin: 0.5em 0;
}

.path-mod-quiz .autosave_info {
    font-size: small;
}

.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
    display: block;
    margin: 0.5em 0;
}

#mod_quiz_navblock.nav-disabled > * {
    opacity: .65;
    pointer-events: none;
    cursor: not-allowed;
}

/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
    width: 23%;
    margin-left: 10px;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
    width: 100%;
    text-align: left;
    margin-left: 0;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
    float: left;
    width: 23%;
    clear: none;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
    width: 100%;
    font-weight: bold;
    text-align: left;
    height: 2.5em;
    margin-left: 0;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
    clear: left;
    margin: 0 0 1em;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
    float: left;
    clear: left;
    line-height: 1.7;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
    margin-left: 0.4em;
}

/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
    text-align: center;
}

#page-mod-quiz-view .generalbox#feedback .overriddennotice {
    text-align: center;
    font-size: 0.7em;
}

.quizstartbuttondiv.quizsecuremoderequired input,
.quizstartbuttondiv.quizsecuremoderequired button {
    display: none;
}

.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
    display: inline;
}

.quizattempt #mod_quiz_preflight_form {
    display: none;
}

#mod_quiz_preflight_form .femptylabel .fitemtitle {
    display: none;
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
    width: 600px;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
    overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
    padding: 1rem;
}

/* Standard Moodle rule that needs to be more specific here. */
.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
    display: inherit;
    visibility: inherit;
}

body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td,
body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column {
    border-color: #bce8f1;
    background-color: #d9edf7;
}

/** Mod quiz summary **/
#page-mod-quiz-summary #content {
    text-align: center;
}

#page-mod-quiz-summary #quiz-timer {
    text-align: center;
    margin-top: 1em;
}

#page-mod-quiz-summary .submitbtns {
    margin-top: 1.5em;
}

#page-mod-quiz-edit .section .activity .actions .version-selection {
    width: 8em;
    padding: 0;
}

@media print {
    .quiz-secure-window * {
        display: none;
    }
}

/** Mod quiz review **/
table.quizreviewsummary {
    width: 100%;
}

table.quizreviewsummary th.cell {
    padding: 1px 0.5em 1px 1em;
    font-weight: bold;
    text-align: right;
    width: 10em;
    background: #f0f0f0;
}

table.quizreviewsummary td.cell {
    padding: 1px 1em 1px 0.5em;
    text-align: left;
    background: #fafafa;
}

/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
    width: 100%;
}

#page-mod-quiz-comment .mform fieldset {
    margin: 0;
    border-bottom: none;
}

#page-mod-quiz-comment .que {
    margin: 0;
}

/** Mod quiz report **/
#page-mod-quiz-report h2.main {
    clear: both;
}

#page-mod-quiz-report .controls {
    text-align: center;
}

#page-mod-quiz-report .dubious {
    background-color: #fcc;
}

#page-mod-quiz-report .highlight {
    border: 1px solid #bce8f1;
    background-color: #d9edf7;
}

#page-mod-quiz-report .negcovar {
    border: medium solid pink;
}

#page-mod-quiz-report .gradetheselink {
    font-size: 0.8em;
}

#page-mod-quiz-report .mform fieldset.fgroup span label {
    margin-right: 14px;
}

#page-mod-quiz-report table th {
    white-space: normal;
}

#page-mod-quiz-report table#attempts td,
#page-mod-quiz-report table.quizresponseanalysis td {
    word-wrap: break-word;
    max-width: 20em;
}

#page-mod-quiz-report table.titlesleft td.c0 {
    font-weight: bold;
}

#page-mod-quiz-report table .numcol {
    text-align: center;
    vertical-align: middle;
}

#page-mod-quiz-report table#attempts {
    clear: both;
    margin: 0.2em auto;
}

#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
    padding: 4px;
}

#page-mod-quiz-report table#attempts .header .commands {
    display: inline;
}

#page-mod-quiz-report table#attempts .picture {
    width: 40px;
}

#page-mod-quiz-report table#attempts td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    vertical-align: middle;
}

#page-mod-quiz-report table#attempts .header {
    text-align: left;
}

#page-mod-quiz-report table#attempts .picture {
    text-align: center;
}

#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
    white-space: nowrap;
}

#page-mod-quiz-report table#attempts span.que .requiresgrading {
    white-space: normal;
}

#page-mod-quiz-report table#attempts .questionflag {
    vertical-align: text-bottom;
    padding-left: 6px;
}

#page-mod-quiz-report .graph.flexible-wrap {
    text-align: center;
    overflow: auto;
}

#page-mod-quiz-report #cachingnotice {
    margin-bottom: 1em;
    padding: 0.2em;
}

#page-mod-quiz-report #cachingnotice .singlebutton {
    margin: 0.5em 0 0;
}

#page-mod-quiz-report .bold .reviewlink {
    font-weight: normal;
}

#page-mod-quiz-report tr.lastrowforattempt {
    border-bottom: lightgrey solid 0.2em;
}

#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: none;
}

/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
    background-color: #ffc;
    clear: both;
    margin: 0.3em 0;
    padding: 1px 10px;
}

#page-mod-quiz-edit .statusdisplay p {
    margin: 4px 0;
}

#page-mod-quiz-edit .mod_quiz-edit-top-controls {
    position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
    display: block;
    min-height: 2.85em;
}

#page-mod-quiz-edit .maxgrade label {
    display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
    margin: 0;
}

#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
    position: relative;
}

#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
    display: none;
}

#page-mod-quiz-edit .last-add-menu {
    position: relative;
    height: 1.5em;
    margin: 0 20px;
}

#page-mod-quiz-edit .add-menu-outer {
    position: absolute;
    right: 0;
}

#page-mod-quiz-edit .slotnumber {
    text-align: center;
    margin: 0.1em 0.5em;
    display: inline-block;
}
#page-mod-quiz-edit li.section .slotnumber.shuffled {
    display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled {
    display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled {
    display: inline-block;
}

#page-mod-quiz-edit .slotnumber .inplaceeditable {
    white-space: nowrap;
}

#page-mod-quiz-edit .section-heading {
    margin-left: 20px;
    margin-bottom: 0;
    height: 40px;
}

#page-mod-quiz-edit .section-heading .instancesectioncontainer {
    display: inline;
}

#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
    display: inline;
    color: #555;
}

#page-mod-quiz-edit .section-heading .editing_section,
#page-mod-quiz-edit .section-heading .editing_delete {
    margin-left: 10px;
}

#page-mod-quiz-edit .section-heading .sectioninstance {
    position: relative;
}

#page-mod-quiz-edit .section-heading .instancesection {
    white-space: nowrap;
    max-width: 72%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}

#page-mod-quiz-edit .section-heading form {
    display: inline;
    position: relative;
    top: 3px;
    left: -7px;
}

#page-mod-quiz-edit .section-heading form input {
    font-size: 24px;
    font-weight: bold;
    width: 50%;
}

#page-mod-quiz-edit .section-heading .instanceshufflequestions {
    float: right;
    margin: 0.3em 20px 0 0;
}

.instanceshufflequestions [type="checkbox"] {
    vertical-align: middle;
    margin-right: .5rem;
}

#page-mod-quiz-edit ul.section {
    margin: 0;
    padding: 0 20px;
}

#page-mod-quiz-edit ul.slots {
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit ul.slots li.section {
    border: 0;
}

#page-mod-quiz-edit ul.slots li.section .content {
    background-color: #fafafa;
    padding: 1px 0;
}

#page-mod-quiz-edit ul.slots li.section {
    list-style: none;
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit ul.slots li.section li.activity {
    background: #e6e6e6;
    margin: 3px 0;
    padding: 0.2em;
    position: relative;
}

#page-mod-quiz-edit ul.slots li.section li.activity.page {
    background: transparent;
}

#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
    display: inline;
    font-weight: normal;
    font-size: 1em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
    background: white;
    padding: 0.5em 0 0.5em 0.1em;
    margin: 2px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
    width: 13px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
    background: transparent;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
    display: inline;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
    display: inline-block;
    text-align: right;
}

#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
    position: absolute;
    left: -20px;
    bottom: -11px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
    min-width: 1.3em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
    min-width: 2em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
    min-width: 2.6em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
    min-width: 3.2em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
    min-width: 3.7em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
    min-width: 4.3em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
    min-width: 4.8em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
    min-width: 5.45em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
    margin: 0 2px;
}

#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
    visibility: hidden;
}

#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
    visibility: visible;
}

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
    position: absolute;
    top: -1em;
    right: -20px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
    display: none;
}

#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
    display: flex;
    flex: 1 1 auto;
    min-height: 1.7em;
    padding-right: 2px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
    display: flex;
    padding-left: 22px;
}

#page-mod-quiz-edit ul.slots .activityinstance form {
    display: inline;
}

#page-mod-quiz-edit span.editinstructions {
    right: 0;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
    margin: 0 0.2em;
}

#page-mod-quiz-edit .question-bank-table .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
    font-weight: bold;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
    color: #555;
}

#page-mod-quiz-edit .section .activity .editing_move {
    position: absolute;
    left: 0;
    top: 0;
}

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.25rem;
}

#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
    float: inherit;
    margin: .2em 0 0;
    padding: 0;
}

#page-mod-quiz-edit .section .activity .actions {
    position: inherit;
    white-space: nowrap;
    background: #e6e6e6;
    padding: 0.1em 0;
}

#page-mod-quiz-edit .mod_quiz_edit_forms {
    display: none;
}

#page-mod-quiz-edit .question-bank-table {
    width: 100%;
}

#page-mod-quiz-edit .question-bank-table .header {
    text-align: center;
    padding: 0 2px;
    border: 0 none;
    vertical-align: top;
    width: auto;
}

#page-mod-quiz-edit .question-bank-table .header.checkbox {
    vertical-align: bottom;
    text-align: center;
}

#page-mod-quiz-edit .question-bank-table .header.qtype .sorters {
    white-space: nowrap;
}

#page-mod-quiz-edit .question-bank-table th .sorters {
    font-weight: normal;
    font-size: 0.8em;
}

#page-mod-quiz-edit .question-bank-table td.modifiername,
#page-mod-quiz-edit .question-bank-table td.creatorname,
#page-mod-quiz-edit .question-bank-table td.questionlastused {
    line-height: 1em;
}

#page-mod-quiz-edit .question-bank-table td.modifiername span.date,
#page-mod-quiz-edit .question-bank-table td.creatorname span.date {
    font-weight: normal;
    font-size: 0.8em;
}

#page-mod-quiz-edit table.question-bank-table {
    table-layout: fixed;
    overflow-x: visible;
    border-collapse: separate;
    border-spacing: 0;
}

#page-mod-quiz-edit .question-bank-table .iconcol {
    width: 16px;
    text-align: center;
    padding: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol .icon {
    width: 16px;
}

#page-mod-quiz-edit .question-bank-table .checkbox {
    width: 32px;
    text-align: center;
    padding: 0;
}

#page-mod-quiz-edit .question-bank-table .editmenu {
    width: 5em;
}

#page-mod-quiz-edit .question-bank-table .qtype {
    text-align: center;
}

#page-mod-quiz-edit .question-bank-table .qtype {
    width: 28px;
    padding: 0;
}

#page-mod-quiz-edit .question-bank-table .questionnametext {
    padding: 0 0.2em;
    width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-quiz-edit .question-bank-table .questiontext {
    position: relative;
    zoom: 1;
    padding: 0.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#page-mod-quiz-edit .question-bank-table .questionname {
    white-space: nowrap;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#page-mod-quiz-edit .question-bank-table .questiontext p {
    margin: 0;
}

#page-mod-quiz-edit table.question-bank-table td,
#page-mod-quiz-edit table.question-bank-table th {
    overflow: hidden;
    white-space: nowrap;
    width: 1.2em !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-quiz-edit table.question-bank-table td.questionnametext > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.mod_quiz_qbank_dialogue {
    width: 80%;
    min-height: 200px;
}

.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
    width: 100%;
}

.mod_quiz_qbank_dialogue .questionbankloading {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
    opacity: 0.5;
    padding-top: 50px;
}

.mod_quiz_qbank_dialogue #advancedsearch label {
    font-size: 100%;
}

.quizquestionlistcontrols {
    text-align: center;
}

.categoryinfo {
    padding: 0.3em;
}

.path-mod-quiz .gradingdetails {
    font-size: small;
}

#page-mod-quiz-edit div#repaginatedialog .mform {
    margin-left: auto;
    margin-right: auto;
}

#page-mod-quiz-edit div.container div.generalbox {
    position: relative;
    display: block;
    border: 0 none;
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit .paging {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.1em 0.3em;
    display: block;
    background-color: #ddd;
}

#page-mod-quiz-edit #page-footer {
    clear: both;
    padding-top: 1em;
}

#page-mod-quiz-edit .categoryinfofield {
    font-style: italic;
}

#page-mod-quiz-edit .categorynamefield {
    font-weight: bold;
}

#page-mod-quiz-edit .questionsortoptions {
    background-color: #ddd;
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
    padding-top: 0.5em;
    margin-top: 0.3em;
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
    background-color: #fff;
}

/* Bulk edit actions */

#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
    display: none;
}

#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
    display: inline-block;
}

#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
    display: inline;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
    display: none;
}

#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
    display: none;
}

#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
    padding-left: 3px;
}

#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
    float: left;
}

/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
    list-style: none;
}

#page-mod-quiz-edit .inplaceeditable {
    box-sizing: border-box;
    background: #fdfdfe;
    display: inline-block;
    margin: 2px;
    padding: 0.5em 0 0.5em 0.1em;
}
#page-mod-quiz-edit .inplaceeditable.inplaceeditingon input {
    width: 64px;
    vertical-align: middle;
}
#page-mod-quiz-edit .inplaceeditable-text {
    color: #000;
    text-align: right;
}
#page-mod-quiz-editgrading .inplaceeditable .quickeditlink {
    color: var(--primary);
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
    padding-left: 1px;
    margin: 0;
}
#page-mod-quiz-edit .quickeditlink .aalink {
    color: var(--primary);
    text-align: right;
    width: 10px;
    margin: 2px;
}
#page-mod-quiz-edit .quickedition {
    color: var(--primary);
    text-align: right;
    width: 10px;
    margin: 2px;
}
#page-mod-quiz-edit .quickedition .visibleifjs {
    text-align: right;
}
#page-mod-quiz-edit .quickeditlink {
    text-align: right;
}

@media (max-width: 576px) {
    #page-mod-quiz-edit ul.slots li.section li.activity {
        padding-top: 30px;
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
        top: -30px;
        left: 0;
        padding-right: 0;
        overflow: hidden;
        align-items: center;
        position: absolute;
        width: 100%;
    }
}

/** Print formatting for attempt and review pages **/

@media print {
    #page-mod-quiz-attempt header.navbar,
    #page-mod-quiz-review header.navbar {
        display: none;
    }

    #page-mod-quiz-attempt #dock,
    #page-mod-quiz-review #dock {
        display: none;
    }

    #page-mod-quiz-attempt #page #page-header h1,
    #page-mod-quiz-review #page #page-header h1 {
        display: none;
    }

    #page-mod-quiz-attempt #region-main,
    #page-mod-quiz-review #region-main {
        width: 100%;
    }

    #page-mod-quiz-attempt #block-region-side-pre,
    #page-mod-quiz-attempt #block-region-side-post,
    #page-mod-quiz-review #block-region-side-pre,
    #page-mod-quiz-review #block-region-side-post {
        display: none;
    }

    #page-mod-quiz-attempt #page-footer,
    #page-mod-quiz-review #page-footer {
        display: none;
    }

    #page-mod-quiz-attempt .editquestion,
    #page-mod-quiz-review .editquestion,
    #page-mod-quiz-attempt .questionflag,
    #page-mod-quiz-review .questionflag {
        display: none;
    }

    #page-mod-quiz-attempt .submitbtns,
    #page-mod-quiz-review .submitbtns {
        display: none;
    }

    #page-mod-quiz-review .que .commentlink {
        display: none;
    }

    #page-mod-quiz-attempt .que,
    #page-mod-quiz-review .que {
        page-break-inside: avoid;
    }
}

/* -*-CSS-*- */

.realtimequizplainbox {
    padding: 10px;
    margin: 10px;
}

.realtimequizbox {
    background-color: #b8e5ef;
    background-image: linear-gradient(#b8e5ef, #e1e8ea);
    padding: 20px;
    margin: 10px;
}

.realtimequiz_report_question {
    background-color: #b8e5ef;
    background-image: linear-gradient(#b8e5ef, #e1e8ea);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_question_correct {
    background-color: #81dca3;
    background-image: linear-gradient(#72e07f, #81dca3);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_answer {
    background-color: #e1e8ea;
    background-image: linear-gradient(#e1e8ea, #fbfdfd);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_answer_correct {
    background-color: #81dca3;
    background-image: linear-gradient(#81dca3, #fbfdfd);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_editquestion {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}

.realtimequiz_editicons {
    display: inline-block;
    width: 20%;
}

.realtimequiz_highlight_correct {
    background-color: #81dca3;
}
.path-mod-resource .resourcecontent {
    text-align: center;
}

.path-mod-resource .resourcedetails {
    font-size: 0.8em;
    color: #555;
}

.resourcelinkdetails {
    font-size: 0.8em;
    color: #555;
}

.path-mod-scorm .top {
    vertical-align: top;
}

.path-mod-scorm .scorm-left {
    text-align: left;
}

.path-mod-scorm .scorm-right {
    text-align: right;
}

.path-mod-scorm .scoframe {
    position: relative;
    width: 100%;
    height: 100%;
}

.ios #scormpage #scorm_content {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}

#page-mod-scorm-player #scormtop {
    position: relative;
    width: 100%;
    height: 30px;
}

#page-mod-scorm-player #scormbrowse {
    position: absolute;
    left: 5px;
    top: 0;
}

#page-mod-scorm-player #scormnav {
    position: absolute;
    right: 5px;
    text-align: center;
    top: 3px;
    width: 100%;
}

#page-mod-scorm-player #scormbox {
    width: 74%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#page-mod-scorm-player #scormpage {
    position: relative;
    width: 100%;
    height: 100%;
}

#page-mod-scorm-player #scormpage #toctree {
    position: relative;
    width: 100%;
}

#page-mod-scorm-player #tocbox {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
}

#page-mod-scorm-player #toctree {
    overflow: visible;
}

#page-mod-scorm-player #tochead {
    position: relative;
    text-align: center;
    top: 3px;
    height: 30px;
}

#page-mod-scorm-player #scormpage .scoframe {
    border: 0;
}

#page-mod-scorm-player #scormpage #scorm_object {
    border: none;
    width: 98%;
    height: 98%;
}

#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
    height: 95%;
}

#page-mod-scorm-player #scormpage #scorm_content {
    height: 100%;
}

#page-mod-scorm-player #scormpage #scorm_toc {
    position: relative;
}

#page-mod-scorm-player #scormpage #scorm_toc_title {
    font-size: 1.2em;
    font-weight: bold;
}

#page-mod-scorm-player #scormpage #scorm_tree {
    border-right: 5px solid rgb(239, 245, 255);
}

#page-mod-scorm-player #scormpage #scorm_navpanel {
    text-align: center;
}

#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
    width: 100%;
}

#page-mod-scorm-player .structlist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-player .structurelist {
    position: relative;
    list-style-type: none;
    width: 96%;
    margin: 0;
    padding: 0;
}

#page-mod-scorm-player .structurelist ul {
    padding-left: 0.5em;
    margin-left: 0.5em;
}

#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
    display: none;
}

#page-mod-scorm-view .structurelist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-view .structurelist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-view .exceededmaxattempts {
    color: #c00;
}

#page-mod-scorm-player #altfinishlink {
    font-size: 140%;
    border: 0;
    padding: 0;
}

#page-mod-scorm-player #scormmode {
    float: left;
    border: 0;
}

#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
    padding: 0;
}

#page-mod-scorm-player.pagelayout-popup #page-wrapper {
    width: 100%;
}

#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
    overflow: visible;
}

#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
    overflow: auto;
}

.path-mod-scorm.forcejavascript .toc {
    display: none;
}

.path-mod-scorm.forcejavascript #scormpage #tocbox {
    display: none;
}

.path-mod-scorm.jsenabled .forcejavascriptmessage {
    display: none;
}

.path-mod-scorm.jsenabled .toc {
    display: block;
}

.path-mod-scorm.jsenabled #scormpage #tocbox {
    display: block;
}

#page-mod-scorm-report-userreporttracks table .c1 {
    word-wrap: break-word;
    word-break: break-all;
}

#page-mod-scorm-report .scormattemptcounts {
    clear: left;
    text-align: center;
    display: inline;
    margin-left: 20%;
}

#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
    display: none;
}

#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
    display: block;
}

#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
    display: inline-block;
    *display: inline; /* stylelint-disable-line */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

#page-mod-scorm-player #scormpage div.yui3-u-1 {
    display: block;
}

#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
    width: 75%;
}

#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
    width: 20%;
}

#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
    width: 4.1666%;
}

#page-mod-scorm-player #scormpage div.yui3-g-r {
    letter-spacing: normal;
    word-spacing: -0.43em;
}

#scorm_layout {
    margin-bottom: 50px;
}

/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
    max-width: 100%;
}

.path-mod-survey .smalltext {
    font-size: 0.75em;
}

.path-mod-survey .surveytable .rblock label {
    display: block;
}

.path-mod-survey .surveytable .foundthat,
.path-mod-survey .surveytable .preferthat {
    white-space: nowrap;
}

.path-mod-survey .surveytable .buttoncell {
    width: 5%;
}

.path-mod-survey .surveytable .optioncell,
.path-mod-survey .surveytable .questioncell {
    width: 50%;
    vertical-align: top;
}

.path-mod-survey .surveytable .whitecell {
    background-color: white;
}

.path-mod-survey #surveyform th {
    font-weight: normal;
    text-align: left;
}

.path-mod-survey #surveyform th.hresponse {
    text-align: center;
    width: 9%;
}

#page-mod-survey-report .fullnamecell {
    width: 10%;
    vertical-align: top;
    white-space: nowrap;
}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h3.main{line-height:40px}.mod_turnitintooltwo .fitem_fbutton{padding-top:12px}.mod_turnitintooltwo span.dimmed{color:#999}.mod_turnitintooltwo #assignmentBrowserTable_wrapper{padding:10px}.mod_turnitintooltwo .nowrap{white-space:nowrap}.mod_turnitintooltwo .italic{font-style:italic}.mod_turnitintooltwo .underline{text-decoration:underline}.mod_turnitintooltwo #or_container,.mod_turnitintooltwo .bold{font-weight:700}.mod_turnitintooltwo span.link{color:#00f}.mod_turnitintooltwo_listbar-container{display:table;width:100%}.mod_turnitintooltwo_listbar{background:#fff;border:1px solid #efefef;position:relative;display:table-cell;vertical-align:middle;padding:10px}.mod_turnitintooltwo_listbar input,.mod_turnitintooltwo_listbar label,.mod_turnitintooltwo_listbar select{margin:0}.mod_turnitintooltwo_listbar input,.mod_turnitintooltwo_listbar select{height:30px;padding:0 5px;border:1px solid #efefef;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_nonsubmitters_link,.mod_turnitintooltwo_listbar .mod_turnitintooltwo_refresh_link,.mod_turnitintooltwo_listbar .mod_turnitintooltwo_refreshing_link{float:right;margin-left:30px;padding:5px 0;width:195px}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_nonsubmitters_link{text-decoration:none;display:none}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_messages_inbox{float:right;margin-left:30px;padding:5px 0;text-decoration:none}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_messages_loading{float:none!important;margin:0!important}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads{float:left;position:relative;top:4px;height:22px}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads img{position:relative;top:4px;left:-2px}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads a.mod_turnitintooltwo_gmpdfzip_box,.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads div.mod_turnitintooltwo_origchecked_zip_open{padding:3px 16px;display:block}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads a.mod_turnitintooltwo_gmpdfzip_box:hover{background:#00699e;color:#fff}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads .mod_turnitintooltwo_zip_open{display:inline}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads .mod_turnitintooltwo_dropdown-menu .mod_turnitintooltwo_origchecked_zip_open:hover{background-color:#00699e;display:block;line-height:20px;color:#fff;font-weight:400}.mod_turnitintooltwo_listbar .mod_turnitintooltwo_zip_downloads .mod_turnitintooltwo_dropdown-menu{white-space:nowrap;margin-top:2px!important}.mod_turnitintooltwo_listbar .dataTables_filter{float:right!important;text-align:left!important}.mod_turnitintooltwo_listbar .dataTables_length{float:left!important}#mod_turnitintooltwo_course_browser_table,.mod_turnitintooltwo_submissions_data_table{width:100%;font-size:13px;border:1px solid #efefef;width:100%!important;margin-top:6px!important}#mod_turnitintooltwo_course_browser_table .ccheckbox,.mod_turnitintooltwo_submissions_data_table .ccheckbox{text-align:center;padding:8px 10px 2px!important}#mod_turnitintooltwo_course_browser_table .odd,.mod_turnitintooltwo_submissions_data_table .odd{background:#efefef!important}#mod_turnitintooltwo_course_browser_table .odd .sorting_1,.mod_turnitintooltwo_submissions_data_table .odd .sorting_1{background:#e7e7e7!important}#mod_turnitintooltwo_course_browser_table .even,.mod_turnitintooltwo_submissions_data_table .even{background:#fff!important}#mod_turnitintooltwo_course_browser_table .even .sorting_1,.mod_turnitintooltwo_submissions_data_table .even .sorting_1{background:#fafafa!important}#mod_turnitintooltwo_course_browser_table a,.mod_turnitintooltwo_submissions_data_table a{text-decoration:none}#mod_turnitintooltwo_course_browser_table thead th,.mod_turnitintooltwo_submissions_data_table thead th{border-bottom:0!important}#mod_turnitintooltwo_course_browser_table th,.mod_turnitintooltwo_submissions_data_table th{padding:10px 20px!important}#mod_turnitintooltwo_course_browser_table td,.mod_turnitintooltwo_submissions_data_table td{padding:15px 10px!important;font-size:13px;vertical-align:top}#mod_turnitintooltwo_course_browser_table .sorting_disabled,.mod_turnitintooltwo_submissions_data_table .sorting_disabled{cursor:default}#mod_turnitintooltwo_course_browser_table .left,.mod_turnitintooltwo_submissions_data_table .left{text-align:left}#mod_turnitintooltwo_course_browser_table .right,.mod_turnitintooltwo_submissions_data_table .right{text-align:right}#mod_turnitintooltwo_course_browser_table .grademark_grade,#mod_turnitintooltwo_course_browser_table .grademark_open,#mod_turnitintooltwo_course_browser_table .origreport_score,.mod_turnitintooltwo_submissions_data_table .grademark_grade,.mod_turnitintooltwo_submissions_data_table .grademark_open,.mod_turnitintooltwo_submissions_data_table .origreport_score{float:right}#mod_turnitintooltwo_course_browser_table .grademark_grade,#mod_turnitintooltwo_course_browser_table .origreport_score,.mod_turnitintooltwo_submissions_data_table .grademark_grade,.mod_turnitintooltwo_submissions_data_table .origreport_score{padding-right:8px}#mod_turnitintooltwo_course_browser_table td.narrow,#mod_turnitintooltwo_course_browser_table th.narrow,.mod_turnitintooltwo_submissions_data_table td.narrow,.mod_turnitintooltwo_submissions_data_table th.narrow{width:60px}#mod_turnitintooltwo_course_browser_table .delete_paper,#mod_turnitintooltwo_course_browser_table .submission_title,#mod_turnitintooltwo_course_browser_table .submit_nothing,.mod_turnitintooltwo_submissions_data_table .delete_paper,.mod_turnitintooltwo_submissions_data_table .submission_title,.mod_turnitintooltwo_submissions_data_table .submit_nothing{cursor:pointer}#mod_turnitintooltwo_course_browser_table .score_colour,.mod_turnitintooltwo_submissions_data_table .score_colour{width:36px;display:inline-block;float:right}#mod_turnitintooltwo_course_browser_table .late_submission,.mod_turnitintooltwo_submissions_data_table .late_submission{color:#d31900}#mod_turnitintooltwo_course_browser_table #tii_digital_receipt_icon,.mod_turnitintooltwo_submissions_data_table #tii_digital_receipt_icon{margin-top:-3px;margin-right:5px}.dataTables_paginate{margin-top:6px;font-size:12px;float:right}.dataTables_paginate a{display:inline-block;border:1px solid #efefef;padding:2px 5px;background-position:left -2px}.dataTables_paginate .current{background:#efefef}.dataTables_paginate span a{border-right:0}.dataTables_paginate .previous{border-right:0}.dataTables_info{float:left;clear:none;margin-top:8px;text-transform:uppercase;font-size:11px}.mod_turnitintooltwo .score_colour_{background:#999}.mod_turnitintooltwo .score_colour_0{background:#3552b7}.mod_turnitintooltwo .score_colour_10{background:#617b8d}.mod_turnitintooltwo .score_colour_20{background:#a1b556}.mod_turnitintooltwo .score_colour_30{background:#dae235}.mod_turnitintooltwo .score_colour_40{background:#edac28}.mod_turnitintooltwo .score_colour_50{background:#edd42f}.mod_turnitintooltwo .score_colour_60{background:#ecad28}.mod_turnitintooltwo .score_colour_70{background:#e15a21}.mod_turnitintooltwo .score_colour_80{background:#e05a21}.mod_turnitintooltwo .score_colour_90{background:#dc4321}.mod_turnitintooltwo .score_colour_100{background:#db4221}.mod_turnitintooltwo .enrol_link{padding:6px 18px 0 0}.mod_turnitintooltwo_part_details{font-size:13px;margin-bottom:0;width:100%;border:1px solid #efefef}.mod_turnitintooltwo_part_details tr{border-right:1px solid #efefef}.mod_turnitintooltwo_part_details th{padding:6px 12px 6px;border-bottom:1px solid #efefef}.mod_turnitintooltwo_part_details td{border:1px solid #efefef;border-top:0;padding:12px 12px 4px}.mod_turnitintooltwo_part_details td.data,.mod_turnitintooltwo_part_details td.export_data,.mod_turnitintooltwo_part_details td.rubric_qm{text-align:center}.mod_turnitintooltwo_part_details td.export_data{padding-top:12px}.mod_turnitintooltwo_part_details td.introduction_cell{border:0;padding:0}.mod_turnitintooltwo_part_details td.peermarks{border:0}.mod_turnitintooltwo_part_details td.peermark_assignments_cell{padding:0;border:0}.mod_turnitintooltwo_part_details .editable-click{border:none;position:relative;padding-right:24px}.mod_turnitintooltwo_part_details .editable-click:before{position:absolute;font-family:FontAwesome;top:0;right:0;font-size:1.33333em!important;color:#a8a8a8!important;line-height:.75em;vertical-align:-15%;content:"\f040";display:inline-block;font-style:normal;font-weight:400;font-size-adjust:none;font-stretch:normal;font-feature-settings:normal;font-language-override:normal;font-kerning:auto;font-synthesis:weight style;font-variant:normal;font-size:inherit;text-rendering:auto;-moz-osx-font-smoothing:grayscale}.mod_turnitintooltwo_part_details .editable-click:hover{border-bottom:0!important}.mod_turnitintooltwo_part_details .introduction,.mod_turnitintooltwo_part_details .peermark_instructions{padding:6px 10px;border-bottom:1px solid #efefef;display:none}.mod_turnitintooltwo_part_details .introduction h2{margin:8px 0}.mod_turnitintooltwo_part_details .introduction p{margin:6px 0}.mod_turnitintooltwo_part_details .mod_turnitintooltwo_zip_open,.mod_turnitintooltwo_part_details .row_export_orig,.mod_turnitintooltwo_part_details .row_export_pdf,.mod_turnitintooltwo_part_details .row_export_xls,.mod_turnitintooltwo_part_details .row_quickmark_manager,.mod_turnitintooltwo_part_details .row_rubric_manager{display:inline}.mod_turnitintooltwo_part_details .toggle_peermark_instructions img{display:block}.mod_turnitintooltwo_part_details .toggle_peermark_instructions,.mod_turnitintooltwo_part_details .toggle_peermarks,.mod_turnitintooltwo_part_details .toggle_summary{cursor:pointer;float:left;position:relative;top:-3px;margin-right:8px}.mod_turnitintooltwo_part_details .peermark_header{margin-bottom:8px;float:left}#turnitin_sync_all_grades{float:right;font-size:16px}.turnitin_sync_grades,.turnitin_syncing_grades{cursor:pointer;margin-bottom:20px}.turnitin_syncing_grades{display:none}.mod_turnitintooltwo_peermark_details{width:100%;border-top:1px solid #efefef}.mod_turnitintooltwo_peermark_details td{padding:8px 12px;border-bottom-width:0}.mod_turnitintooltwo_peermark_details td.peermark_instructions_cell{border:0;padding:0}.mod_turnitintooltwo_quickmark_manager_launch{padding:2px 0 2px 30px;height:20px;color:#0070a8!important}.mod_turnitintooltwo_rubric_manager_launch,.mod_turnitintooltwo_rubric_view_launch{padding:4px 0 4px 0;line-height:22px;color:#0070a8!important}.tii_peermark_manager_launch{color:#090!important}.tii_peermark_reviews_launch{color:#090!important}.tii_peermark_manager_launch,.tii_peermark_reviews_launch{padding:4px 0 4px 46px;height:22px}.mod_turnitintooltwo .peermark_loading_row{text-align:center;margin:0 auto 8px}.mod_turnitintooltwo #id_submissiontext{width:80%;height:320px}#colorbox{margin-top:60px;outline:0!important;overflow:visible!important}.cboxIframe{border-radius:5px}#cboxContent{margin-top:0!important}#tii_close_bar{position:fixed;z-index:9999;right:0;top:0;width:100%;height:45px;background:rgba(0,0,0,.3)}#tii_close_bar a{color:#fff;display:block;background:#000;width:100px;text-align:center;float:right;text-decoration:none;height:45px;line-height:43px}.mod_turnitintooltwo_eula_text{padding-top:15px;text-align:center}.mod_turnitintooltwo_eula input[type=submit]{margin:0}.mod_turnitintooltwo_eula{cursor:pointer;text-decoration:underline;text-align:center;border:1px solid #c00;padding:12px 12px 12px;color:#c00;margin-top:12px;margin-bottom:16px!important;font-size:14px;font-weight:700;display:block}noscript.mod_turnitintooltwo_eula_noscript{border:1px solid #c00;padding:8px;background:#fff;width:99%;text-align:center;display:block;margin:16px 6px;line-height:28px}.mod_turnitintooltwo_eula_warn{color:#c00}.mod_turnitintooltwo_digital_receipt{display:inline-block;width:150px}#mod_turnitintooltwo #box_receipt{padding:20px}#mod_turnitintooltwo #box_receipt .icon{width:64px;height:64px}#mod_turnitintooltwo_digital_receipt_box{padding:20px;background:#fff}#mod_turnitintooltwo_digital_receipt_box .mod_turnitintooltwo_logo{display:block;margin:0 auto;width:214px;height:68px}#mod_turnitintooltwo_digital_receipt_box #mod_turnitintooltwo_receipt_print{text-align:right;display:block}#mod_turnitintooltwo_upload_success{color:#c00}.mod_turnitintooltwo .ui-widget-header{background:#efefef!important;border:0!important;margin-bottom:6px!important}.mod_turnitintooltwo .ui-widget-content{border:0!important}.mod_turnitintooltwo .ui-tabs .ui-tabs-panel{padding:0!important}.mod_turnitintooltwo .ui-tabs .ui-tabs-nav{padding:10px 10px 0!important}.mod_turnitintooltwo_unanonymise_form{background:#fff;padding:12px 12px 0;height:100%;overflow:hidden}#mod_turnitintooltwo_unanonymise_desc{text-align:center;font-weight:700;display:block;margin-bottom:10px}.mod_turnitintooltwo_unanonymise_form textarea{height:90px;width:80%}.mod_turnitintooltwo_nonsubmittersform textarea{height:90px;width:80%}.mod_turnitintooltwo_general_warning{margin-top:8px}.mod_turnitintooltwo_nonsubmittersformsuccessmsg{text-align:center;padding-top:46px}#mod_turnitintooltwo_download_links{margin-left:15px;top:-5px}#mod_turnitintooltwo_rubric_view_form{padding-left:6px}.mod_turnitintooltwo_peermark-loading-span img.icon{margin-right:0}.mod_turnitintooltwo_members .dataTables_wrapper .dataTables_processing{top:0;left:0;right:0;height:100%;margin:0;padding:0}.mod_turnitintooltwo_members .dataTables_wrapper .dataTables_processing .loading-message{position:absolute;top:50%;left:0;right:0;margin-top:-10px}.mod_turnitintooltwo_edit_course_end_date_form{padding:12px 12px 0;background:#fff;height:100%;overflow:hidden}.mod_turnitintooltwo_edit_course_end_date_form #edit_end_date_desc{text-align:center;margin-bottom:20px}.mod_turnitintooltwo_edit_course_end_date_form .fitemtitle{float:none!important;text-align:center!important;width:100%!important;display:block!important}.mod_turnitintooltwo_edit_course_end_date_form .fdate_selector{float:none!important;display:block!important;margin:0 auto!important;width:256px!important}.mod_turnitintooltwo_edit_course_end_date_form .fbutton{width:100%!important;margin:0!important}.mod_turnitintooltwo_edit_course_end_date_form #id_save_end_date{margin:0 auto!important;display:block!important}#page-admin-setting-modsettingturnitintooltwo #test_link,#page-admin-setting-modsettingturnitintooltwo #testing_container{margin-bottom:8px}#page-admin-setting-modsettingturnitintooltwo #test_link img{position:relative;top:4px}#page-admin-setting-modsettingturnitintooltwo #test_result{margin:4px 0 0;padding:5px 10px;width:500px;text-align:center}#page-admin-setting-modsettingturnitintooltwo .test_link_success{border:1px solid #0c0;background:#c3fdb8}#page-admin-setting-modsettingturnitintooltwo .test_link_fail{border:1px solid #c00;background:#e77471}#page-admin-setting-modsettingturnitintooltwo .smallicon{vertical-align:middle}#page-admin-setting-modsettingturnitintooltwo .tii_upgrade_check,#page-admin-setting-modsettingturnitintooltwo .tii_upgrading_check{font-size:12px}#page-admin-setting-modsettingturnitintooltwo .tii_upgrade_check{text-decoration:underline;cursor:pointer}#page-admin-setting-modsettingturnitintooltwo .tii_upgrade_check,#page-admin-setting-modsettingturnitintooltwo .tii_upgrading_check{width:30px;height:30px;display:inline-block}#page-admin-setting-modsettingturnitintooltwo .tii_upgrade_check img,#page-admin-setting-modsettingturnitintooltwo .tii_upgrading_check img{padding:0 0 5px 5px;vertical-align:middle}#page-admin-setting-modsettingturnitintooltwo .tii_upgrading_check img{position:relative;top:3px}.centered_cell,.centered_div,.student_read{text-align:center!important}.centered_cb_cell{padding-right:8px;padding-left:8px}body[class*='-moodle23'] .mod_turnitintooltwo .centered_cb_cell input{position:relative;left:-1px}#page-admin-setting-modsettingturnitintooltwo #test_link,#page-admin-setting-modsettingturnitintooltwo #test_result,#page-admin-setting-modsettingturnitintooltwo #testing_container,#page-admin-setting-modsettingturnitintooltwo .test_connection,#page-admin-setting-modsettingturnitintooltwo .tii_upgrading_check,.mod_turnitintooltwo #assignment_id,.mod_turnitintooltwo #class_ids,.mod_turnitintooltwo #course_category,.mod_turnitintooltwo #course_id,.mod_turnitintooltwo #create_assignments,.mod_turnitintooltwo #enrolling_error,.mod_turnitintooltwo #inbox_form,.mod_turnitintooltwo #submission_id,.mod_turnitintooltwo #tii_course_id,.mod_turnitintooltwo #tii_course_name,.mod_turnitintooltwo #user_role,.mod_turnitintooltwo #useragreement_form form,.mod_turnitintooltwo #view_context,.mod_turnitintooltwo .dv_url,.mod_turnitintooltwo .enrolling_container,.mod_turnitintooltwo .hidden_class,.mod_turnitintooltwo .js_required,.mod_turnitintooltwo .launch_form,.mod_turnitintooltwo .peermark_instructions,.mod_turnitintooltwo .peermark_loading,.mod_turnitintooltwo .refresh_row .fa-spinner,.mod_turnitintooltwo .row_peermark_reviews,.mod_turnitintooltwo .tii_table_functions,.mod_turnitintooltwo .toggle_peermark_instructions .hide_peermark_instructions,.mod_turnitintooltwo_course_browser_table_filter,.mod_turnitintooltwo_edit_course_end_date_form,.mod_turnitintooltwo_messages_loading,.mod_turnitintooltwo_unanonymise_form{display:none}.mod_turnitintooltwo .class_recreation,.mod_turnitintooltwo .submission_form_container,div#mod_turnitintooltwo_digital_receipt{padding:0 24px}div#mod_turnitintooltwo_digital_receipt{margin:0}.mod_turnitintooltwo .row_peermark_manager,.mod_turnitintooltwo .row_peermark_reviews,.mod_turnitintooltwo .row_score{float:right}#page-admin-setting-modsettingturnitintooltwo #test_link,.mod_turnitintooltwo .download_original_open,.mod_turnitintooltwo .enrol_link,.mod_turnitintooltwo .grademark_open,.mod_turnitintooltwo .origreport_open,.mod_turnitintooltwo .refresh_row,.mod_turnitintooltwo .tii_peermark_manager_launch,.mod_turnitintooltwo .tii_peermark_reviews_launch,.mod_turnitintooltwo span.link,.mod_turnitintooltwo_messages_inbox,.mod_turnitintooltwo_quickmark_manager_launch,.mod_turnitintooltwo_refresh_link,.mod_turnitintooltwo_rubric_manager_launch,.mod_turnitintooltwo_rubric_view_launch,.mod_turnitintooltwo_zip_open{cursor:pointer}.mod_turnitintooltwo #refresh_loading,.mod_turnitintooltwo #submitting_loader{display:none;padding:16px 0 8px;text-align:center}.grey{color:#a8a8a8!important}.light-blue{color:#bbe6ff!important}.gm-blue{color:#0070a8!important}.green{color:#19b719!important}.red{color:#b94a48!important}.tii_checkagainstnote,.tii_genspeednote{border:1px solid #6fcaff;background:#bbe6ff;padding:10px;margin-bottom:16px}.mod_turnitintooltwo_part_details .fa,.mod_turnitintooltwo_submissions_data_table .fa{color:#8f8f8f}.middle-padding{padding:0 5px}.mod_turnitintooltwo #course_search_options,.mod_turnitintooltwo .create_checkboxes{border:1px solid #efefef;padding:6px 10px}.mod_turnitintooltwo .create_checkboxes{display:none;margin-top:12px}.icon_margin{margin-right:20px}.icon_smallmargin{margin-right:10px}.mod_turnitintooltwo iframe{border:1px solid #efefef}#migration-progress-bar{background-color:#fff;height:30px;line-height:28px;border:1px solid;border-radius:3px;margin:15px 0 30px 0}#migration-progress,#migration-progress-todo{width:0%;height:100%;text-align:center;float:left;font-size:14px}#migration-progress{background-color:#0073d2;color:#fff}.migration-spinner{text-align:center;padding:30px}.enablemigrationtool{text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}#migration-progress-bar{background-color:#fff;height:30px;line-height:28px;border:1px solid;border-radius:3px;margin:15px 0 30px 0}#migration-progress,#migration-progress-todo{width:0%;height:100%;text-align:center;float:left;font-size:14px}#migration-progress{background-color:#0073d2;color:#fff}.migration-spinner{text-align:center}.enablemigrationtool{text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.data-table-splitter{float:left;padding-right:20px}#fitem_id_enablemigrationtool,#migration-delete-selected #fitem_id_submitbutton,#migrationform #fitem_id_submitbutton{width:75%;margin:0 auto;background-color:#fff}#fitem_id_enablemigrationtool .fitemtitle{width:300px}#migrationform{margin:30px 0}.migrationheader{color:#003a69;font-size:18px;font-weight:400;margin:10px 0 10px 0}.mod_turnitintooltwo .btn-primary{background:#0073d2}.mod_turnitintooltwo .btn-primary:hover{background:#00569e}.mod_turnitintooltwo .btn-primary:active{background:#003a69}.mod_turnitintooltwo .btn-primary{box-shadow:none;border:none;height:35px;margin-right:11px;border-radius:3px}.migrationTable_length{margin-top:20px}#migrationTable .fa-times{color:red}#migrationTable .fa-check{color:green}
/*# sourceMappingURL=styles.css.map */

.path-mod-url .resourcecontent {
    text-align: center;
}

/*
 This file is part of Moodle - http://moodle.org/

 Moodle is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Moodle is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Moodle. If not, see <http://www.gnu.org/licenses/>.
*/ /**
 * Wiki module style sheet
 *
 * @package mod-wiki-2.0
 * @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
 * @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
 *
 * @author Jordi Piguillem
 * @author Marc Alier
 * @author David Jimenez
 * @author Josep Arus
 * @author Kenneth Riba
 *
 * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
.wiki_contentbox {
    width: 80%;
    margin: auto;
    min-width: 200px;
    min-height: 100px;
}

.wiki_previewbox {
    width: 50%;
    margin: auto;
    border: thin solid blue;
}

.wiki_button {
    margin: 5px;
}

.wiki_warning {
    color: red;
}

.emptycomments {
    color: red;
    display: inline;
}

.wiki-toc {
    border: 1px solid #bbb;
    background: #eee;
    margin: 16px;
    padding: 8px;
}

.wiki-toc-title {
    color: #666;
    font-size: 1.1em;
    font-variant: small-caps;
    text-align: center;
}

.wiki-toc-section {
    padding: 0;
    margin: 2px 8px;
}

.wiki-toc-section-2 {
    padding-left: 12px;
}

.wiki-toc-section-3 {
    padding-left: 24px;
}

.wiki_form-button {
    margin-left: 0%;
}

.wiki-upload-table {
    margin: 8px auto;
    clear: both;
}

.wiki-upload-table table {
    margin: auto;
}

.wiki-upload-table h3 {
    margin: 4px 0;
    text-align: center;
}

.wiki-upload-section {
    border: 1px solid #eee;
    width: 400px;
    margin: 8px auto;
}

.wiki-upload-section legend {
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 16px;
}

.wiki-tags {
    text-align: right;
}

.wiki_modifieduser p {
    line-height: 35px;
}

.wiki_modifieduser img {
    border: thin solid black;
}

.wiki_restoreform,
.wiki_deletecommentform {
    width: 10%;
    margin: auto;
}

.wiki_versionuser {
    float: left;
}

.wiki_diffuserleft,
.wiki_diffuserright {
    font-weight: normal;
    padding-top: 1%;
}

.wiki_diffuserleft {
    float: right;
}

.wiki_diffuserright {
    float: left;
}

.wiki_compareheading {
    font-weight: normal;
}

.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
    font-size: 0.8em;
    font-weight: normal;
}

.wiki_difftime,
.wiki_headingtime {
    font-style: oblique;
    text-align: center;
}

.wiki_diff_oldpaging {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_diff_newpaging {
    float: right;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_diff_old,
.wiki_diff_new {
    float: left;
    min-width: 200px;
    width: 40%;
}

.wiki_difftable td {
    width: 50%;
    float: left;
}

.wiki_histdate {
    text-align: left;
}

.wiki_histnewdate {
    border-top: 1px dotted gray;
}

.ouw_deleted {
    background: #ffa;
    color: red;
    text-decoration: line-through;
}

.ouw_added {
    background: #cfc;
    color: red;
}

a.wiki_newentry:link,
a.wiki_newentry:visited {
    color: red;
    font-style: italic;
}

.wiki_newentry a {
    color: red;
    font-style: italic;
}

.wiki_navigation_container {
    margin: 0 auto;
}

.wiki_navigation_from {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_navigation_to {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_headingtitle {
    text-align: center;
}

.wiki_clear {
    clear: both;
}

.wiki_right {
    text-align: right;
}

.wiki_index {
    text-align: right;
}

.notunderlined {
    text-decoration: none;
}

a.wiki_edit_section {
    font-size: 0.6em;
    position: relative;
    float: right;
}

.midpad {
    text-align: center;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.block_wiki_search ul {
    margin-top: 0.5em;
    margin-bottom: 3px;
}

.wiki-attachment:before {
    content: url(/mod/wiki/pix/attachment.png);
    padding-right: 2px;
}

/** Print CSS */
#wiki_printable_content {
    text-align: left;
}

#wiki_printable_content a {
    color: black;
}

#wiki_printable_title {
    font-size: 2.2em;
    text-decoration: underline;
}

.wiki_diff_boxes {
    width: 100%;
    clear: both;
}

.wiki_diff_paging {
    width: 100%;
    clear: both;
}

.wiki_grayline {
    color: gray;
}

.wikisearchresults {
    padding-left: 50px;
    padding-top: 20px;
}

.wiki-diff-container {
    width: 95%;
    margin: 10px auto;
}

.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
    width: 49.5%;
    margin: 0;
    padding: 0;
    float: left;
}

.wiki-diff-container .wiki-diff-rightside {
    margin-left: 1%;
}

.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
    padding: 10px;
    border: 1px solid #ddd;
}

.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
    text-align: right;
}

.path-mod-wiki .printicon {
    background: url(/theme/image.php/govbrds/core/1772471362/t/print) no-repeat scroll 2px center transparent;
    padding-left: 20px;
}

#page-mod-wiki-prettyview .displayprinticon {
    text-align: right;
}

#page-mod-wiki-prettyview {
    background-image: none;
}

.path-mod-workshop .collapsibleregion {
    margin-bottom: 0.75em;
}

.path-mod-workshop .collapsibleregioncaption {
    font-weight: bold;
    font-size: 120%;
}

.path-mod-workshop .collapsibleregioncaption img {
    max-width: 16px;
    max-height: 16px;
}

.path-mod-workshop div.singlebutton {
    text-align: center;
    margin: 0.75em auto;
}

.path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,
.path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,
.path-mod-workshop #workshop-viewlet-examples div.singlebutton {
    text-align: left;
}

.path-mod-workshop .groupwidget {
    text-align: center;
    margin: 0.75em auto;
}

.path-mod-workshop .perpagewidget {
    text-align: center;
    margin: 0.75em auto;
}

/**
 * Submission - one line summary display
 */
.path-mod-workshop .submission-summary {
    position: relative;
    margin-bottom: 10px;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .author,
.path-mod-workshop .submission-summary .author .fullname,
.path-mod-workshop .submission-summary .author .picture {
    display: inline;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .userdate,
.path-mod-workshop .submission-summary .grade-status {
    margin: 0 0 0 40px;
}

.path-mod-workshop .submission-summary .author {
    margin-left: 1ex;
}

.path-mod-workshop .submission-summary.anonymous .title,
.path-mod-workshop .submission-summary.anonymous .author,
.path-mod-workshop .submission-summary.anonymous .userdate,
.path-mod-workshop .submission-summary.anonymous .grade-status {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-summary .userdate {
    font-size: x-small;
    color: #333;
}

.path-mod-workshop .submission-summary .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-summary .author .picture {
    position: absolute;
    top: 0;
    left: 0;
}

/**
 * Submission - full display
 */
.path-mod-workshop .submission-full {
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
}

.path-mod-workshop .submission-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 67px;
}

.path-mod-workshop .submission-full .header .title,
.path-mod-workshop .submission-full .header .author,
.path-mod-workshop .submission-full .header .userdate {
    margin: 0 0 0 80px;
}

.path-mod-workshop .submission-full.anonymous .header .title,
.path-mod-workshop .submission-full.anonymous .header .author,
.path-mod-workshop .submission-full.anonymous .header .userdate {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-full .header .userdate.created {
    padding-right: 10px;
}

.path-mod-workshop .submission-full .header .userdate.modified {
    padding-left: 10px;
    margin-left: 0;
    border-left: 1px solid #000;
}

.path-mod-workshop .submission-full .header .userdate {
    font-size: x-small;
    color: #333;
    display: inline;
}

.path-mod-workshop .submission-full .header .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-full .header .author .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .submission-full .content,
.path-mod-workshop .submission-full .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .submission-full .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .submission-full .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Example submission - summary display
 */
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
    margin: 0 0 0 0;
}

/**
 * Example submission - full display
 */
.path-mod-workshop .submission-full.example .header {
    min-height: 0;
}

.path-mod-workshop .submission-full.example .header .title {
    margin: 0 0 0 0;
}

/**
 * Elements generated by the workshop renderer
 */
.path-mod-workshop .message {
    padding: 5px 5em 5px 15px;
    margin: 0 auto 20px auto;
    width: 100%;
    font-size: 80%;
    position: relative;
}

.path-mod-workshop .message .singlebutton {
    text-align: left;
    margin: 0;
}

.path-mod-workshop .message.ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .message.error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .message.info {
    color: #1666a9;
    background-color: #d2ebff;
}

/**
 * Allocators
 */

.path-mod-workshop .allocation-init-results {
    margin: 10px auto;
    width: 100%;
    font-size: 80%;
}

.path-mod-workshop .allocation-init-results .indent {
    margin-left: 20px;
}

.path-mod-workshop .allocation-init-results .ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .allocation-init-results .error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .allocation-init-results .info {
    color: #1666a9;
    background-color: #d2ebff;
}

.path-mod-workshop .allocation-init-results .debug {
    color: black;
    background-color: #ddd;
}

/**
 * User plan
 */
.path-mod-workshop .userplan {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}

.path-mod-workshop .userplan dt {
    vertical-align: bottom;
    white-space: normal;
    color: #495057;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ced4da;
    padding: 3px;
}

.path-mod-workshop .userplan dt.active {
    vertical-align: top;
    color: #212529;
    border: 1px solid #ced4da;
    border-bottom: 0;
    border-top: 0;
    background: #e7f1c3;
}

.path-mod-workshop .userplan dt.active .phasetitle {
    font-size: 140%;
}

.path-mod-workshop .userplan dl {
    width: 20%;
    float: left;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .path-mod-workshop .userplan {
        border-right: none;
        border-top: none;
    }

    .path-mod-workshop .userplan dl {
        width: 102%;
        border-right: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 30%;
        border-bottom: none;
        border-top: 1px solid #ddd;
    }
    .path-mod-workshop .userplan dt.active {
        border: none;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 65%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
}

@media only screen and (max-width: 420px) {
    .path-mod-workshop .userplan {
        border-bottom: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 70%;
        border-bottom: none;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        margin: 0;
        padding: 5px;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 70%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
}

.path-mod-workshop .userplan dd {
    vertical-align: top;
    border-right: 1px solid #ced4da;
    background-color: #f5f5f5;
    margin: 0;
    min-height: 180px;
    padding: 5px;
}

.path-mod-workshop .userplan dd,
.path-mod-workshop .userplan dd a,
.path-mod-workshop .userplan dd a:link,
.path-mod-workshop .userplan dd a:hover,
.path-mod-workshop .userplan dd a:visited,
.path-mod-workshop .userplan dd a:active {
    color: #495057;
}

.path-mod-workshop .userplan dd.active,
.path-mod-workshop .userplan dd.active a,
.path-mod-workshop .userplan dd.active a:link,
.path-mod-workshop .userplan dd.active a:hover,
.path-mod-workshop .userplan dd.active a:visited,
.path-mod-workshop .userplan dd.active a:active {
    color: #212529;
}

.path-mod-workshop .userplan dd.lastcol {
    border-right: 0;
}

.path-mod-workshop .userplan dd.active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #e7f1c3;
}

.path-mod-workshop .userplan dt .actions {
    font-size: smaller;
}

.path-mod-workshop .userplan dd.phasetasks li {
    background-image: url(/theme/image.php/govbrds/mod_workshop/1772471362/userplan/task-todo);
    background-position: top left;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 20px;
    margin: .2em 0;
    background-size: 15px;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
    background-position: top right;
}

.path-mod-workshop .userplan dd.phasetasks li.completed {
    background-image: url(/theme/image.php/govbrds/mod_workshop/1772471362/userplan/task-done);
}

.path-mod-workshop .userplan dd.phasetasks li.fail {
    background-image: url(/theme/image.php/govbrds/mod_workshop/1772471362/userplan/task-fail);
}

.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/govbrds/mod_workshop/1772471362/userplan/task-info);
}

.path-mod-workshop .userplan dd.phasetasks .tasks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 10px 0 20px;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 20px 0 10px;
}

.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 10px 0 25px;
    font-size: 80%;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 25px 0 10px;
}

/**
 * Assessment - full display
 */
.path-mod-workshop .assessment-full {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
}

.path-mod-workshop .assessment-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .assessment-full .header .title {
    font-weight: bold;
}

.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
    margin: 0 0 0 40px;
}

.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
    margin: 0 0 0 5px;
}

.path-mod-workshop .assessment-full .header .reviewer .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
    right: 3px;
    left: auto;
}

.path-mod-workshop .assessment-full .header .actions {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
}

.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
    display: inline;
}

.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
    margin-top: 0.5em;
    padding: 0 1em;
}

.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
    background-color: #e7f1c3;
}

.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
    background-color: #ffd3d9;
}

/**
 * Overall feedback
 */
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Assessment form
 */
.path-mod-workshop .assessmentform .description {
    margin: 0 1em;
}

/**
 * Grading report
 */
.path-mod-workshop .grading-report {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report .userpicture {
    margin: 0 3px;
    vertical-align: middle;
}

.path-mod-workshop .grading-report del {
    color: red;
    font-size: 90%;
    text-decoration: line-through;
}

.path-mod-workshop .grading-report ins {
    color: green;
    font-weight: bold;
    text-decoration: underline;
}

.path-mod-workshop .grading-report th {
    white-space: normal;
}

.path-mod-workshop .grading-report td {
    vertical-align: top;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report tr.published td.submission {
    background-color: #d2ebff;
}

.path-mod-workshop .grading-report tr.published td.submission a {
    font-weight: bold;
}

.path-mod-workshop .grading-report .assessmentdetails {
    white-space: nowrap;
}

.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
    font-weight: bold;
}

.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
    text-align: center;
    font-size: 200%;
    white-space: nowrap;
}

.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
    color: #e00;
}

/**
 * Final grades
 */
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
    text-align: center;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
    border: 1px solid #ddd;
    margin: 1em;
    padding: 2em;
    display: inline-block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
    background-color: #d2ebff;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
    background-color: #eee;
    /*background-color: #e7f1c3;*/
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
    font-weight: bold;
    font-size: x-large;
    margin: 10px;
}

/**
 * Edit assessment form
 */
#mod-workshop-editform fieldset.fgroup * {
    vertical-align: top;
}

/**
 * Feedback
 */
.path-mod-workshop .feedback {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
    width: 100%;
}

.path-mod-workshop .feedback .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .feedback .header .title {
    margin: 0 0 0 40px;
}

.path-mod-workshop .feedback .header .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .feedback .content {
    padding: 5px 10px;
}

/**
 * Misc
 */
.path-mod-workshop div.buttonsbar {
    text-align: center;
}

.path-mod-workshop div.buttonsbar .singlebutton {
    display: inline;
}

.path-mod-workshop .toolboxaction {
    margin-right: 1em;
}

.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
    display: inline;
}

.path-mod-workshop div.buttonwithhelp div {
    display: inline;
}

.path-mod-workshop #evaluationmethodchooser {
    margin: 2em auto;
    text-align: center;
}

.path-mod-workshop .lastmodified {
    line-height: 1.0em;
}

.path-mod-workshop .workshop-risk-dataloss {
    vertical-align: text-bottom;
}

.auth_oidc_ucp_indicator h4 {
    display: inline-block;
    margin-right: 0.5rem;
}

.auth_oidc_ucp_indicator h5 {
    display: inline-block;
    margin-left: 0.5rem;
}

.auth_oidc_ucp_indicator h5 + span {
    display: block;
}

.cert_textarea textarea {
    font-family: 'Courier New', Courier, monospace;
}

.path-admin-auth-oidc .warning_header {
    border: 1px solid #f00;
    background-color: #ffe5e5;
    padding: 10px;
    margin: 10px 0;
    color: #f00;
    font-weight: bold;
}

.path-admin-auth-oidc .warning {
    color: #f00;
    font-weight: bold;
}

.path-admin-auth-oidc .existing_claims {
    display: inline-block;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: 'Courier New', Courier, monospace;
    white-space: pre;
}

.path-admin-auth-oidc .not_support_user_sync {
    color: #f00;
}

.path-admin-auth-oidc .code {
    font-family: 'Courier New', Courier, monospace;
    white-space: pre;
}

/* Css for Shibboleth Rules Editor */

.enrol-attributes-boolean-editor {
    width: 600px;
}

.enrol-attributes-boolean-editor ul {
    list-style: none;
    padding-left: 10px;
}

.enrol-attributes-boolean-editor li {
    position: relative;
    margin-bottom: 45px;
    white-space: nowrap;
}

.enrol-attributes-boolean-editor li.rule {
    background-color: #eee;
}

.enrol-attributes-boolean-editor li .sre-condition-rule-operator {
    left: 0;
    top: -33px;
    position: absolute;
}

.enrol-attributes-boolean-editor li .sre-condition-box {
    padding: 10px;
    border: solid 1px #666;
    overflow: hidden;
}

.enrol-attributes-boolean-editor li:hover > .sre-condition-box {
    border-width: 2px;
    padding: 9px;
}

.enrol-attributes-boolean-editor li.group > .sre-condition-box {
    border-style: dashed;
}

/*
.enrol-attributes-boolean-editor li .button-pannel {
    position: absolute;
    right: 5px;
    bottom: -15px;
    padding: 2px;
    line-height: 0;
    border: 1px dotted #666;
    background: #E2E2E2;
    z-index: 100;
}
.enrol-attributes-boolean-editor li:hover > .button-pannel {
    border-style: solid;
}
*/

.enrol-attributes-boolean-editor li .button-pannel {
    position: absolute;
    right: 5px;
    bottom: -12px;
    padding: 1px 5px;
    height: 10px;
    line-height: 0;
    border: 1px solid #666;
    border-width: 0 1px 1px;
    background: #eee;
}

.enrol-attributes-boolean-editor li.group > .button-pannel {
    border-style: dashed;
    background-color: #fff;
}

.enrol-attributes-boolean-editor li:hover > .button-pannel {
    border-width: 0 2px 2px;
    padding: 1px 4px;
}

.enrol-attributes-boolean-editor .button-pannel button {
    float: left;
    margin-top: -10px;
}

.enrol-attributes-boolean-editor li:hover > .button-pannel button {
    margin-top: -9px;
}

.enrol-attributes-boolean-editor .button-pannel button {
    border: 1px solid #999;
    background: #ccc;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.enrol-attributes-boolean-editor .button-pannel button:hover {
    border-color: #bbb #999 #666;
}

.enrol-attributes-boolean-editor .button-pannel button:active {
    border-color: #c00;
}

.enrol-attributes-boolean-editor .button-pannel button:last-child {
    margin-right: 0;
}

.enrol-attributes-boolean-editor .button-pannel button span {
    display: none;
}

.enrol-attributes-boolean-editor .button-pannel .button-add-cond {
    background-image: url(/theme/image.php/govbrds/enrol_attributes/1772471362/add);
}

.enrol-attributes-boolean-editor .button-pannel .button-add-group {
    background-image: url(/theme/image.php/govbrds/enrol_attributes/1772471362/group_add);
}

.enrol-attributes-boolean-editor .button-pannel .button-del-cond {
    background-image: url(/theme/image.php/govbrds/enrol_attributes/1772471362/delete);
}

#shib-expression .expr {
    margin-left: 10px;
    font-family: monospace;
    font-size: 12px;
    line-height: 16px;
    width: 600px;
    background-color: #eee;
}

#shib-expression .expr span {
    margin-right: 2px;
}

#shib-expression .expr .cond-op {
    color: #c00;
}

#shib-expression .expr .group-op {
    color: #666;
    font-size: 12px;
}

#shib-expression .expr .group-group {
    font-size: 16px;
    color: #666;
}

#shib-expression .expr .comp-param {
    color: blue;
}

#shib-expression .expr .comp-op {
    color: #0a0;
}

#shib-expression .expr .comp-val {
    color: purple;
}

.enrol-attributes-boolean-editor .button-pannel button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

span.comp-op {
    padding: 0 10px;
}


/* enrol_lti styles */

#registration-tab-content .input-group-append button.btn {
    border: solid 1px #8f959e;
}
form#auto_submit {
    display: none;
}
#registration-tab-content .input-group-append button.btn span.pix {
    padding-left: 0.5rem;
}

body.jsdisabled #block_accessibility_launchtoolbar {
    display: none;
}

.block_accessibility {
    position: relative; /* for loader.gif to position absolute */

    /*disable selection*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#accessibility_controls .access-button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .15em;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    background: -moz-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.3) 100%) !important; /* FF3.6+ */
    background:
        -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0%, rgba(254, 255, 232, 0)),
            color-stop(100%, rgba(214, 219, 191, 0.3))
        ) !important; /* Chrome,Safari4+ */
    background:
        -webkit-linear-gradient(
            top,
            rgba(254, 255, 232, 0) 0%,
            rgba(214, 219, 191, 0.3) 100%
        ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.3) 100%) !important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.3) 100%) !important; /* IE10+ */
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00feffe8', endColorstr='#4dd6dbbf', GradientType=0)
    !important; /* IE6-9 */
    background: linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.3) 100%) !important; /* W3C */

    /*disable selection*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#accessibility_controls .access-button:hover {
    background: -moz-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.5) 50%) !important; /* FF3.6+ */
    background:
        -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0%, rgba(254, 255, 232, 0)),
            color-stop(50%, rgba(214, 219, 191, 0.5))
        ) !important; /* Chrome,Safari4+ */
    background:
        -webkit-linear-gradient(
            top,
            rgba(254, 255, 232, 0) 0%,
            rgba(214, 219, 191, 0.5) 50%
        ) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.5) 50%) !important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.5) 50%) !important; /* IE10+ */
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00feffe8', endColorstr='#80d6dbbf', GradientType=0)
    !important; /* IE6-9 */
    background: linear-gradient(top, rgba(254, 255, 232, 0) 0%, rgba(214, 219, 191, 0.5) 50%) !important; /* W3C */
}

.access-button a#block_accessibility_save {
    background: url(/theme/image.php/govbrds/block_accessibility/1772471362/document-save) !important;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.access-button a#block_accessibility_save.disabled {
    background: url(/theme/image.php/govbrds/block_accessibility/1772471362/document-save-grey) !important;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#accessibility_controls .access-button .disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

#accessibility_controls .access-button a {
    display: block;
    cursor: pointer;
    color: #000;
    border-radius: 2px;
    padding: .15em .3em;
    min-width: 1.5em;
}

#accessibility_controls .access-button:active,
#accessibility_controls .access-button:focus {
    border: 1px solid #f24602;
}

#accessibility_controls .access-button img {
    vertical-align: middle;
}

#accessibility_controls input {
    margin: 0 .2em;
}

#accessibility_controls ul {
    list-style: none;
    margin: .4em 0;
    padding: 0;
}

/* ATBar styles */
#toolbar-launch {
    position: absolute;
    padding: 0;
    top: -3px;
    left: 50%;
}

#toolbar-launch img {
    padding: 0;
    opacity: 0.6;
}

.atbar-always {
    display: inline-block;
}

#loader-icon {
    position: absolute;
    width: 54px;
    height: 55px;
    top: 42%;
    left: 5em;
    background: url(/theme/image.php/govbrds/block_accessibility/1772471362/loader) !important;
    display: none;
}

#sbar {
    top: 50px !important;
    z-index: 1100 !important; /* one less than profile menu */
}

/* Fix dictionary/text to speech/styles pop-up to allow scrolling and make responsive */
#at-facebox {
    width: 100% !important;
    position: fixed !important;
    bottom: 0 !important;
    right: auto !important;
    left: 0 !important;
    top: auto !important;
}
.at-fb-tb-body {
    width: 96vw !important;
}
div.at-fb-content div {
    height: 30vh !important;
}
.at-fb-footer {
    width: 40px !important;
    float: right !important;
    position: absolute !important;
    top: 10px !important;
    right: 0 !important;
    border-top: 0 solid transparent !important;
}

.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
    color: #1e451e;
    background: #eff5ef;
    box-shadow: 0 0 2px 2px #619a61;
}

.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
    color: #6e211e;
    background: #fdf7f7;
    box-shadow: 0 0 2px 2px #da6960;
}

.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
    color: #694b21;
    background: #fdf2e3;
    box-shadow: 0 0 2px 2px #c97a0e;
}

.block_accessreview_table {
    border-bottom: 1px solid;
    border-color: #eee8e8;
}

.block_accessreview_links {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
}

.block_accessreview_link {
    padding-left: 10px;
    padding-right: 10px;
}

.block_accessreview_analysisbutton {
    text-align: center;
}

.block_activity_results h1 {
    margin: 4px;
    font-size: 1.1em;
}

.block_activity_results table.grades {
    text-align: left;
    width: 100%;
}

.block_activity_results table.grades .number {
    text-align: left;
    width: 10%;
}

.block_activity_results table.grades .name {
    text-align: left;
    width: 77%;
}

.block_activity_results table.grades .grade {
    text-align: right;
}

.block_blog_tags .s20 {
    font-size: 1.5em;
    font-weight: bold;
}

.block_blog_tags .s19 {
    font-size: 1.5em;
}

.block_blog_tags .s18 {
    font-size: 1.4em;
    font-weight: bold;
}

.block_blog_tags .s17 {
    font-size: 1.4em;
}

.block_blog_tags .s16 {
    font-size: 1.3em;
    font-weight: bold;
}

.block_blog_tags .s15 {
    font-size: 1.3em;
}

.block_blog_tags .s14 {
    font-size: 1.2em;
    font-weight: bold;
}

.block_blog_tags .s13 {
    font-size: 1.2em;
}

.block_blog_tags .s12,
.block_blog_tags .s11 {
    font-size: 1.1em;
    font-weight: bold;
}

.block_blog_tags .s10,
.block_blog_tags .s9 {
    font-size: 1.1em;
}

.block_blog_tags .s8,
.block_blog_tags .s7 {
    font-size: 1em;
    font-weight: bold;
}

.block_blog_tags .s6,
.block_blog_tags .s5 {
    font-size: 1em;
}

.block_blog_tags .s4,
.block_blog_tags .s3 {
    font-size: 0.9em;
    font-weight: bold;
}

.block_blog_tags .s2,
.block_blog_tags .s1 {
    font-size: 0.9em;
}
.block_completion_progress .content {
    text-align: left;
}

.block_completion_progress .barContainer {
    position: relative;
    padding: 0;
    clear: both;
}

.block_completion_progress .left-arrow-svg,
.block_completion_progress .right-arrow-svg {
    position: absolute;
    top: calc(50% - 10px);
    display: none;
    z-index: 10;
}

.block_completion_progress .left-arrow-svg {
    /* rtl:ignore */
    left: 5px;
}
.block_completion_progress .right-arrow-svg {
    /* rtl:ignore */
    right: 5px;
}

.block_completion_progress .triangle-polygon {
    fill: rgba(0, 0, 0, 0.3);
    stroke: white;
    stroke-width: 3px;
}

.block_completion_progress .barRow {
    padding: 0;
    width: 100%;
    margin: 0;
    min-height: 1.6rem;
    overflow: hidden;
    scroll-behavior: smooth;
}

.block_completion_progress .progressBarCell {
    height: 1.6rem;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    position: relative;
}
.block_completion_progress .progressBarCell[data-haslink=true] {
    cursor: pointer;
}
.block_completion_progress .progressBarCell[data-haslink=not-allowed] {
    cursor: not-allowed;
}

.block_completion_progress .barModeScroll .barRowCells {
    white-space: nowrap;
}
.block_completion_progress .barModeScroll .progressBarCell {
    display: inline-block;
    width: 1.6rem;
}
.block_completion_progress .barModeSqueeze .barRowCells {
    display: flex;
}
.block_completion_progress .barModeSqueeze .progressBarCell {
    display: inline-block;
    flex: 1 1 0;
}
.block_completion_progress .barModeWrap .barRowCells {
    display: flex;
    flex-wrap: wrap;
}
.block_completion_progress .barModeWrap .progressBarCell {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: inherit;    /* Will be computed and declared inline on the .barRow element. */
}
.block_completion_progress .barWithNow .barRowCells {
    margin-top: 1.6rem;
}

.block_completion_progress .progressBarCell .nowDiv {
    position: absolute;
    top: -100%;
    white-space: nowrap;
    width: 100px;
}

.block_completion_progress .progressBarCell .firstNow {
    left: 0;
    text-align: left;
}

.block_completion_progress .progressBarCell .firstHalfNow {
    left: 100%;
    text-align: left;
}

.block_completion_progress .progressBarCell .lastHalfNow {
    right: 0;
    text-align: right;
}

.block_completion_progress .progressBarCell .nowicon {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}

.block_completion_progress .barModeScroll .progressBarCell:first-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:first-of-type {
    border-top-left-radius: 0.26rem;
    border-bottom-left-radius: 0.26rem;
}

.block_completion_progress .barModeScroll .progressBarCell:last-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:last-of-type {
    border-top-right-radius: 0.26rem;
    border-bottom-right-radius: 0.26rem;
    border-right: solid 1px #e3e3e3;
}

.block_completion_progress .barWithIcons .progressBarCell::before {
    display: inline-block;
    content: '';
    width: 100%;
    height: 100%;
    max-width: 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.block_completion_progress .barWithIcons .progressBarCell.completed::before {
    background-image: url(/theme/image.php/govbrds/block_completion_progress/1772471362/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
    background-image: url(/theme/image.php/govbrds/block_completion_progress/1772471362/cross);
}

.block_completion_progress .progressEventInfo,
.block_completion_progress .progressPercentage {
    font-size: x-small;
    text-align: left;
    white-space: pre;
    overflow: hidden;
    padding: 0;
    margin: 5px;
}
.block_completion_progress .progressEventInfo {
    white-space: pre-wrap;
}
.block_completion_progress .progressEventInfo .iconInInfo,
#fitem_id_config_progressBarIcons .iconOnConfig {
    height: 1.2em;
    width: 1.2em;
}

#page-blocks-completion_progress-overview .overviewTable {
    table-layout: fixed;
}
#page-blocks-completion_progress-overview .overviewTable .col-select {
    width: 2rem;
    text-align: center;
}
#page-blocks-completion_progress-overview .overviewTable .col-fullname {
    width: 20%;
}
#page-blocks-completion_progress-overview .overviewTable .col-timeaccess {
    width: 15%;
}
#page-blocks-completion_progress-overview .overviewTable .col-progressbar {
    min-width: 200px;
}
#page-blocks-completion_progress-overview .overviewTable .col-progress {
    width: 6rem;
    text-align: center;
}

.block_completion_progress .progressEventInfo img {
    vertical-align: middle;
}

.block_completion_progress .moduleIcon {
    float: left;
    margin-right: 5px;
    max-width: 24px;
}

.block_completion_progress .progressBarHeader {
    font-size: 90%;
    margin: 0;
    padding: 0;
}

.block_completion_progress h3 {
    margin-bottom: 0;
}

.block_completion_progress .expectedBy {
    margin: 5px auto;
}

.block_completion_progress .overviewButton {
    margin: 10px;
    text-align: center;
}

#page-blocks-completion_progress-overview .progressoverviewmenus {
    margin-bottom: 1rem;
}
#page-blocks-completion_progress-overview .progressoverviewmenus .singleselect + .singleselect {
    margin-left: 1rem;
}


.block_course_list .footer {
    margin-top: 5px;
}

.block_course_list .content li {
    margin-bottom: .3em;
}

.block_course_summary .content {
    padding: 10px;
}

.block_course_summary .editbutton {
    text-align: right;
}
.block_globalsearch .searchform {
    text-align: center;
}

.block_globalsearch .footer {
    text-align: center;
}

.ics-light-text {
    font-weight: 400;
}
.ics-config-list li {
    margin: 0.75rem 0;
    border-color: blue;
}

.ics-list {
   list-style-type: square;
   color: #afed7b;
}

.block_lp.block .content h3 {
    padding: 0;
    text-transform: none;
}

.block_lp .sub-content {
    padding: 0 15px;
}

.block_lp ul {
    list-style: none;
    margin: 0;
}

.block_lp ul .more {
    padding-top: 10px;
}

.block_microsoft h5 {
    font-size: 95%;
    text-align: center;
}

.block_microsoft ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.block_microsoft ul .servicelink {
    background-position: 2px 0;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    padding: 4px 4px 4px 40px;
    margin: 0.2rem 0;
}

.block_microsoft ul .servicelink:active,
.block_microsoft ul .servicelink:hover,
.block_microsoft ul .servicelink:visited {
    text-decoration: none;
}

.block_microsoft .block_microsoft_onedrive {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/onedriveicon);
}

.block_microsoft .block_microsoft_sway {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/sway);
}

.block_microsoft .block_microsoft_msstream {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/msstream);
}

.block_microsoft .block_microsoft_msteams {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/msteams);
}

.block_microsoft .block_microsoft_onenote {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/onenotecolor);
}

.block_microsoft .block_microsoft_outlook {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/outlookcolor);
}

.block_microsoft .block_microsoft_connection {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/o365color);
}

.block_microsoft .block_microsoft_delve {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/delvecolor);
}

.block_microsoft .block_microsoft_forms {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/formscolor);
}

.block_microsoft .block_microsoft_sharepoint {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/sharepointcolor);
}

.block_microsoft .block_microsoft_preferences {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/settings);
}

.block_microsoft .block_microsoft_msasignin {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/msftcolor);
}

.block_microsoft .block_microsoft_downloado365 {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/restore);
}

.block_microsoft .block_microsoft_team {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/msteams);
}

.block_microsoft .block_microsoft_conversations {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/outlookcolor);
}

.block_microsoft .block_microsoft_calendar {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/calendar);
}

.block_microsoft .block_microsoft_notebook {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/onenotecolor);
}

.block_microsoft .block_microsoft_sync {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/settings);
}

.block_microsoft .block_microsoft_reset {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/reset);
}

.block_microsoft .block_microsoft_courserequest {
    background-image: url(/theme/image.php/govbrds/block_microsoft/1772471362/courserequest);
}

.block_microsoft hr {
    margin: 1rem 0;
}

/* Hide the first dropdown-divider if no filter option element is listed before it.
   This can happen for some subset configurations of the block_myoverview course filter. */
.block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}
.block_myoverview .whitebutton .btn-secondary {
    background: white;
    border-color: var(--primary);
    color: var(--primary);
}

.page-mycourses .block_myoverview .block-controls {
    display: none;
}

.block_myprofile img.profilepicture {
    height: 50px;
    width: 50px;
}

.block_myprofile .myprofileitem.fullname {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.block_myprofile .myprofileitem.edit {
    text-align: right;
}

.block_myprofile .content {
    display: flex;
}

.block_myprofile .myprofileitem.picture img {
    width: 50px;
    height: 50px;
    margin-right: 1rem;
}

.block_myprofile .myprofileitem span {
    font-weight: bold;
}

.block_navigation .block_tree .depth_1 > .tree_item.branch {
    padding-left: 0;
    background-image: none;
}

.block_navigation .block_tree .depth_1 > ul {
    margin: 0;
}

.block_navigation .block_tree ul {
    margin-left: 18px;
}

.block_navigation .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_navigation .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_navigation .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_navigation .block_tree .tree_item {
    cursor: pointer;
    padding-left: 0;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    word-wrap: break-word;
}

.block_navigation .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_navigation .block_tree .active_tree_node {
    font-weight: bold;
}

.block_navigation .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/expanded);
}

.block_navigation .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed);
}

.block_navigation .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_empty);
}

.block_navigation .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/loading_small);
}

/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/govbrds/core/1772471362/i/loading_small);}
*/

.block_navigation .block_tree [aria-hidden="false"] {
    display: block;
}

.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_online_users .content .list li.listentry {
    clear: both;
}

.block_online_users .content .list li.listentry:not(:first-child) {
    padding-top: 3px;
}

.block_online_users .content .list li.listentry .user {
    float: left;
    position: relative;
}

.block_online_users .content .list li.listentry .otherusers {
    margin-left: 1.5rem;
}

.block_online_users .content .list li.listentry .user .userpicture {
    vertical-align: text-bottom;
}

.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
    float: right;
    margin-top: 3px;
}

.block_online_users .content .info {
    text-align: center;
}

/* Rule so that the table tree view works with word-wrap: break-word. */
.block_private_files .content table {
    table-layout: fixed;
    width: 100%;
}

.block_private_files .content .footer {
    padding: 10px 0 0;
    margin-top: .5em;
}

.block_private_files ul[role="tree"] {
    margin: 0;
    padding: 0;
}
.block_private_files ul,
.block_private_files li {
    list-style: none;
}

.block_private_files [role="treeitem"] {
    padding-left: 22px;
    cursor: pointer;
}

.block_private_files [role="treeitem"] p {
    margin-bottom: 0;
}

.block_private_files [role="treeitem"][aria-expanded] {
    padding-left: 0;
}

.block_private_files [role="treeitem"][aria-expanded="false"] > p {
    /*rtl:remove*/
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed);
    /*rtl:raw:
        background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_rtl);
    */
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.block_private_files [role="treeitem"][aria-expanded="true"] > p {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/expanded);
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.block_private_files [role="treeitem"]:not([aria-expanded]) {
    background-image:
        repeating-linear-gradient(
            to right,
            rgba(0, 0, 0, .5) 0,
            rgba(0, 0, 0, .5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        ),
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat, no-repeat;
    /*rtl:remove*/
    background-position: left 10px top 50%, left 8px top 0;
    /*rtl:raw:
        background-position: right 10px top 50%, right 8px top 0;
    */
    background-size: 11px 1px, 1px 100%;
}

.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
    background-size: 11px 1px, 1px 50%;
}

.block_private_files [role="group"] {
    background-image:
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat;
    background-position: left 8px top 100%;
    background-size: 1px 100%;
    padding-left: 22px;
    margin-left: 0;
}

.block_private_files [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_recent_activity .unlist li {
    margin-bottom: 1em;
}

.block_recent_activity li .head .date {
    float: right;
}

/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
    border-top-width: 0;
}

.block_rss_client .list li {
    border-top: 1px solid;
    padding: 5px;
}
.block_search_forums .searchform {
    text-align: center;
}

.block_search_forums .searchform img {
    vertical-align: middle;
}

.block_search_forums .searchform img.resize {
    width: 1em;
    height: 1.1em;
}

.block_search_forums .invisiblefieldset {
    display: block;
}
.block_settings .block_tree ul {
    margin-left: 18px;
}

.block_settings .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_settings .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_settings .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_settings .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_settings .block_tree .tree_item {
    cursor: pointer;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.block_settings .block_tree .active_tree_node {
    font-weight: bold;
}

.block_settings .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/expanded);
}

.block_settings .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed);
}

.block_settings .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_empty);
}

.block_settings .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/govbrds/core/1772471362/i/loading_small);}
*/
.block_settings .block_tree [aria-hidden="false"] {
    display: block;
}

.block_settings .block_tree  [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_sharing_cart .sc-indent-0 {
    margin-left: 0em;
}

.block_sharing_cart .sc-indent-1 {
    margin-left: 0.5em;
}

.block_sharing_cart .sc-indent-2 {
    margin-left: 1em;
}

.block_sharing_cart .sc-indent-3 {
    margin-left: 1.5em;
}

.block_sharing_cart .sc-indent-4 {
    margin-left: 2em;
}

.block_sharing_cart .sc-indent-5 {
    margin-left: 2.5em;
}

.block_sharing_cart .sc-indent-6 {
    margin-left: 3em;
}

.block_sharing_cart .sc-indent-7 {
    margin-left: 3.5em;
}

.block_sharing_cart .sc-indent-8 {
    margin-left: 4em;
}

.block_sharing_cart .sc-indent-9 {
    margin-left: 4.5em;
}

.block_sharing_cart .sc-indent-10 {
    margin-left: 5em;
}

.block_sharing_cart .sc-indent-11 {
    margin-left: 5.5em;
}

.block_sharing_cart .sc-indent-12 {
    margin-left: 6em;
}

.block_sharing_cart .sc-indent-13 {
    margin-left: 6.5em;
}

.block_sharing_cart .sc-indent-14 {
    margin-left: 7em;
}

.block_sharing_cart .sc-indent-15 {
    margin-left: 7.5em;
}

.block_sharing_cart .sc-space-1 {
    margin-left: 1px;
}

.block_sharing_cart .sc-space-2 {
    margin-left: 2px;
}

.block_sharing_cart .sc-space-3 {
    margin-left: 3px;
}

.block_sharing_cart .sc-space-4 {
    margin-left: 4px;
}

.block_sharing_cart .sc-space-5 {
    margin-left: 5px;
}

.block_sharing_cart .tree.list {
    font-size:90%;
}

.course-content .move_target {
    max-width: 100%;
    border: 2px dashed #999;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px;
}

.course-content .clipboard {
    max-width: 100%;
    border: 2px dashed #999;
    margin-bottom: 15px;
    padding: 10px;
    font-weight: bold;
}

.course-content h3.sectionname a:nth-child(1) {
    margin-right: 5px;
}

.course-content h3.sectionname .inplaceeditable-text .icon {
    margin-right: 0;
}

.course-content .action-menu-item .icon {
    margin-right: 0;
}

.format-grid #section-0 .sectionname .fa {
    padding-left: 5px;
}

.editing.format-topics .course-content h3.sectionname .add-to-sharing-cart,
.editing.format-weeks .course-content h3.sectionname .add-to-sharing-cart,
.editing.format-grid .course-content h3.sectionname .add-to-sharing-cart {
    padding-top: 15px;
}

.block_sharing_cart div.dragging_item {
    animation: drop_area ease-in-out .5s forwards;
    filter: blur(2px);
}

@keyframes drop_area {
    100% {
        background-color: lightslategrey;
    }
}

.sharing_cart_basket.drag_over {
    filter: brightness(.8);
}

.sharing_cart_basket.shake_basket {
    animation: shake_basket infinite 3s linear !important;
}

@keyframes shake_basket {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(-30deg);
    }
    20% {
        transform: rotate(30deg);
    }
    30%, 100% {
        transform: rotate(0deg);
    }
}
.block_site_main_menu li {
    clear: both;
}

.block_site_main_menu.block .content > .unlist > li > .column {
    /* Made specific to win over .block.list_block .unlist > li > .column. */
    width: 100%;
    display: table;
    margin-bottom: 0.5rem;
}

.block_site_main_menu li .buttons a img {
    vertical-align: text-bottom;
}

.block_site_main_menu .footer {
    margin-top: 1em;
}

.block_site_main_menu .section_add_menus noscript div {
    display: inline;
}

.block_site_main_menu .instancename {
    word-break: break-all;
}

.block_social_activities li {
    clear: both;
}

.block_social_activities li .column {
    width: 100%;
}

.block_social_activities li .buttons a img {
    vertical-align: text-bottom;
}

.block_social_activities .instancename {
    word-break: break-all;
}

.block_social_activities .inplaceeditable.inplaceeditingon input {
    width: 100%;
}

.block_tag_flickr .flickr-photos {
    padding: 3px;
}
.block_tag_youtube .youtube-thumb {
    padding: 3px;
    padding-bottom: 0.5em;
    display: block;
    float: left;
}

.block_tag_youtube .yt-video-entry li {
    clear: left;
}
#block-region-side-pre .block_timeline .nav-search {
    flex: 0 0 100%;
    max-width: 100%;
}

.block_timeline .input-group.searchbar {
    width: 100%;
}

#block-region-side-pre .block_timeline h6.event-action {
    flex-basis: 100%;
}
#block-region-side-pre .block_timeline .event-name-container {
    flex-basis: 50%;
}
#block-region-side-pre .block_timeline h6.event-action a.btn {
    width: auto;
}

.block_timeline .timeline-action-button {
    margin-left: auto;
}

@media (max-width: 480px) {
    .block_timeline .timeline-name {
        width: 100%;
    }

    .block_timeline .timeline-action-button {
        margin-left: 0;
    }
}

/* stylelint-disable */
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* Modifications of player made by Moodle: */

/* Audio: https://github.com/videojs/video.js/issues/2777 */

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
  display: none;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
  min-height: 3em;
}
/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
.video-js.vjs-error {
  height: 150px;
}
/* Minimum height for videos should not be less than the size of play button. */
.mediaplugin_videojs video {
  min-height: 32px;
}

/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */

/* Prevent the progress bar from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  left: 0;
  right: auto;
}
/* Keep the video scrubber button at the end of the progress bar in RTL. */
/*rtl:ignore*/
.video-js .vjs-play-progress:before {
  left: auto;
  right: -0.5em;
}
/* Prevent the volume slider from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-volume-level {
  left: 0;
  right: auto;
}
/* Keep the volume slider handle at the end of the volume slider in RTL. */
/*rtl:ignore*/
.vjs-slider-horizontal .vjs-volume-level:before {
  left: auto;
  right: -0.5em;
}

.dir-rtl .vjs-loading-spinner:before,
.dir-rtl .vjs-loading-spinner:after {
   right: 0;
 }

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {
    pre[class*="language-"] {
        text-shadow: none;
    }
}

/* Code blocks */
pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

pre[class*="language-"] {
    background: #f5f2f0;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.token.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #9a6e3a;
    /* This background color was intended by the author of this theme. */
    background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function,
.token.class-name {
    color: #dd4a68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}
.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

@property --percent {
    syntax: '<number>';
    inherits: true;
    /* stylelint-disable-next-line -- not yet supported in FireFox. */
    initial-value: 0;
}

.fc-chart-pie .chart-area .chart-image {
    width: auto;
}

.fc-progress-pie {
    --color: purple;
    --percent: 0;
    --size: 150px;
    --border: 20px;
    --bgcolor: #f0f0f0;

    width: var(--size);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 1.5rem;
    font-weight: bold;
}
.fc-progress-pie:before,
.fc-progress-pie:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.fc-progress-pie:before {
    inset: 0;
    background:
        radial-gradient(farthest-side, var(--color) 98%, #0000) top/var(--border) var(--border) no-repeat,
        conic-gradient(var(--color) calc(var(--percent) * 1%), #0000 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
    background-color: var(--bgcolor);
    background-size: 0 0, auto;

}
.fc-progress-pie:after {
    inset: calc(50% - var(--border) / 2);
    background: var(--color);
    transform: rotate(calc(var(--percent) * 3.6deg)) translateY(calc(50% - var(--size) / 2));
    content: none;
}
.fc-progress-pie.animate {
    animation: fc-progress-pie-percent 1s .5s both;
}

@keyframes fc-progress-pie-percent {
    from {
        --percent: 0;
    }
}

kbd {
    padding: 0.1rem 0.4rem;
    background-color: #eee;
    border: 1px solid #b4b4b4;
    border-radius: 0.25rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
    color: #333;
    white-space: nowrap;
    display: inline-block;
}

#glossaryfilteroverlayprogress {
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
}

.jsenabled #MathJax_ZoomFrame {
    position: absolute;
}

/**
 * Filters
 */
.mediaplugin {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.mediaplugin,
.mediaplugin video {
    /* Make videos as wide as possible without being wider than their containers */
    width: 100%;
    max-width: 100%;
}

.mediaplugin > div {
    margin: auto;
}

/* This is needed to display videos in an adequate size and without too much space
   withing the specific mod assign table views. */
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
    width: 400px;
    height: auto;
}

/* Make media plugin behave properly in mod summaries and labels */
.mod-indent-outer .mediaplugin {
    display: table-cell;
}

/* Make media plugin behave properly in Modal dialog. */
.modal-dialog .mediaplugin {
    width: 100vw;
}

.filter_oembed_docsdotcom iframe {
    width: 100%;
    height: 400px;
}

.oembed-card {
    position: relative;
    min-height: 10em;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.oembed-card-title {
    position: absolute;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0.5em 0.5em;
}

.oembed-content > *:first-child {
    width: 100%;
}

.oembed-content video {
    height: auto;
}

.btn.btn-link.oembed-card-play {
    background-image: url(/theme/image.php/govbrds/filter_oembed/1772471362/play);
    background-repeat: no-repeat;
    position: absolute;
    width: 15%;
    top: 42.5%;
    left: 42.5%;
    padding-top: 15%;
    margin: 0;
    background-position: 0;
    opacity: 0.9;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-filter: drop-shadow(1px 1px 1px #666);
    filter: drop-shadow(1px 1px 1px #666);
}

.btn.btn-link.oembed-card-play:hover {
    background-position: 0;
    -webkit-filter: drop-shadow(0 0 0 #666);
    filter: drop-shadow(0 0 0 #666);
    opacity: 1;
}

.oembed-responsive {
    width: 100%;
    display: block;
    position: relative;
}

.oembed-responsive > *:not(video):first-child {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.oembed-responsive-pad {
    display: block;
}

.oembed-provider-details {
    font-size: 0.9em;
    margin-top: 1em;
    display: none;
}

tr.oembed-provider-editing .oembed-provider-details {
    display: block;
}

tr.oembed-provider-editing .oembed-provider-actions {
    display: none;
}

.oembed-provider-actions {
    float: right;
    margin-right: 1em;
}

#oembedproviders td.provider div.alert {
    margin-top: 1em;
}

.oembed-providersource {
    font-size: 90%;
}

.marklar-wrapper {
    padding: 4px;
    background-color: #f2f2f2;
    border: 1px solid #bbb;
}

.marklar-panel .btn + .btn {
    margin-left: 0.25rem;
}

.marklar-panel::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.marklar-wrapper [data-marklar-widget] {
    margin-bottom: 10px;
}

.marklar-preview {
    background-color: white;
    margin: 0 0 10px;
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 4px;
    overflow: auto;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.marklar-preview-controls {
    float: right;
}

.marklar-preview .marklar-preview-loading {
    display: inline-block;
    padding: 5px;
    color: #ccc;
}

.marklar-syntax-controls {
    display: inline-block;
}

.marklar-syntax-help {
    padding: 4px 10px;
    font-size: 80%;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.marklar-syntax-help dd code {
    line-height: 23px;
}

.jsenabled .tox-shadowhost.tox-fullscreen,
.jsenabled .tox.tox-tinymce.tox-fullscreen {
    z-index: 1050;
}

/**
 * These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE.
 * The first selector targets the menu.
 * The second selector targets the context menu.
 */
.tox .tox-tbtn svg[data-buttonsource="moodle"] image,
.tox-collection__item-icon svg[data-buttonsource="moodle"] image {
    width: inherit;
    height: inherit;
}

.tox.tox-tinymce .tox-toolbar__group {
    padding-right: 0;
}

/* Prevent navbar obscuring modal content (ignores fullscreen). */
.tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
    padding-top: var(--navbar-height);
}

/* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */
@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog {
        max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */
    }
}

/* This file is part of Moodle - http://moodle.org/

   Moodle is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   Moodle is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Moodle.  If not, see <http://www.gnu.org/licenses/>. */

/**
 * Grid Format.
 *
 * @package    course/format
 * @subpackage grid
 * @version    See the value of '$plugin->version' in version.php.
 * @copyright  &copy; 2012 onwards G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - {@link http://about.me/gjbarnard} and
 *                           {@link http://moodle.org/user/profile.php?id=442195}
 * @author     Based on code originally written by Paul Krix and Julian Ridden.
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.course-content ul.grid {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.format-grid .thegrid {
    gap: 0.75rem;
}

.format-grid .grid-justify-start {
    justify-content: start;
}

.format-grid .grid-justify-center {
    justify-content: center;
}

.format-grid .grid-justify-end {
    justify-content: end;
}

.format-grid .grid-justify-space-around {
    justify-content: space-around;
}

.format-grid .grid-justify-space-between {
    justify-content: space-between;
}

.format-grid .grid-justify-space-evenly {
    justify-content: space-evenly;
}

.format-grid .thegrid .grid-section {
    box-sizing: content-box;
    width: 210px;
}

.format-grid .thegrid .grid-section.card {
    border-width: 2px;
}

.format-grid .thegrid .grid-section.currentgridsection {
    border: 2px solid var(--primary);
}

.format-grid .thegrid .grid-section-inner .card-body {
    min-height: 0;
}

.format-grid .thegrid .grid-image-container {
    height: 140px;
}

.format-grid .thegrid .grid-image {
    position: relative;
}

.format-grid .thegrid .grid-image.grid-scaled {
    height: 100%;
}

/*rtl:begin:ignore*/
.format-grid .thegrid .grid-image.grid-scaled img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50.25%);
}
/*rtl:end:ignore*/

.format-grid .thegrid .grid-image .grid-badge-middle {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.format-grid .thegrid .grid-image .grid-badge-bottom {
    bottom: 1.5rem;
    left: 0;
    position: absolute;
    right: 0;
}

.format-grid .thegrid .grid-generatedimage {
    background-size: contain;
    height: 100%;
    position: relative;
    width: 100%;
}

.format-grid #gridPopup .modal-dialog {
    max-width: 100%;
}

@media (min-width: 576px) {
    .format-grid #gridPopup .modal-dialog {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
}

.format-grid #gridPopup .modal-dialog .modal-body {
    min-height: 200px;
}

.format-grid .grid-completion {
    border-color: black;
    border-radius: 45px;
    border-style: solid;
    border-width: 3px;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    height: 42px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 0.5rem;
    width: 42px;
}

.format-grid .grid-completion.grid-completion-colour-low {
    background-color: magenta;
    color: white;
}

.format-grid .grid-completion.grid-completion-colour-middle {
    background-color: yellow;
    color: black;
}

.format-grid .grid-completion.grid-completion-colour-high{
    background-color: green;
    color: white;
}

.format-grid .grid-completion.grid-completion-percentagequarter-1 {
    border-right-color: lightgreen;
}

.format-grid .grid-completion.grid-completion-percentagequarter-2 {
    border-bottom-color: lightgreen;
    border-right-color: lightgreen;
}

.format-grid .grid-completion.grid-completion-percentagequarter-3 {
    border-bottom-color: lightgreen;
    border-left-color: lightgreen;
    border-right-color: lightgreen;
}

.format-grid .grid-completion.grid-completion-percentagequarter-4 {
    border-color: lightgreen;
}

.format-grid .grid-completion .grid-percentage {
    font-size: 0.75em;
}

.format-grid .grid-image-preview {
    max-height: 100%;
    max-width: 100%;
}

.format-grid .grid-image-name {
    font-size: 0.75rem;
    text-align: center;
}

/* Single section navigation */
.course-content .single-section .section-navigation.gd-selection-selector-container {
    align-items: center;
    display: flex;
}

.course-content .single-section .section-navigation .gd-selection-selector-item {
    display: flex;
    flex: 1 0 0%;
}

.gd-selection-selector-item.prevsection {
    justify-content: flex-start;
}

.gd-selection-selector-item.jumpto {
    justify-content: center;
}

.gd-selection-selector-item.nextsection {
    justify-content: flex-end;
}

/* This file is part of Moodle - http://moodle.org/

   Moodle is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   Moodle is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Moodle.  If not, see <http://www.gnu.org/licenses/>. */

/**
 * Grid Format.
 *
 * @package    course/format
 * @subpackage grid
 * @version    See the value of '$plugin->version' in version.php.
 * @copyright  &copy; 2022 onwards G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - {@link http://about.me/gjbarnard} and
 *                           {@link http://moodle.org/user/profile.php?id=442195}
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.format-grid .course-content .single-section .section-navigation {
    margin-bottom: 0;
}
body#page-course-view-remuiformat {
  /* hide borders from region main */
  /* Boost 3.4 */
  /* Boost 3.5 */
  /* Boost 3.6 */
  /* Fordson 3.7 */
  /* RemUI 3.4, 3.5, 3.6 */
  /* Hover effect only if Section is available. */
}

body#page-course-view-remuiformat .p-24 {
  padding: 24px;
}

body#page-course-view-remuiformat .gap-16 {
  gap: 16px;
}

body#page-course-view-remuiformat .fullwidth-grid-item {
  grid-column: 1/-1;
}

body#page-course-view-remuiformat .flex-gap-8 {
  gap: 8px;
}

body#page-course-view-remuiformat .flex-gap-16 {
  gap: 16px;
}

body#page-course-view-remuiformat.editing .remui-format-card .yui3-dd-proxy .section .toggle-icon {
  border: 0;
  background: transparent;
}

body#page-course-view-remuiformat.editing .remui-format-card.all-section-format .section .single-card {
  padding: 24px;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity-cards .actions {
  top: 1rem;
  right: 0.5rem;
  z-index: 10;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity-cards .wdm-mod-name {
  padding-right: 5rem;
  margin-bottom: 1.5rem !important;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity.label {
  grid-column: 1/-1;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity .title {
  margin-bottom: 30px;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .btn.btn-icon:hover,
body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .btn.btn-icon:focus {
  background-color: transparent;
  box-shadow: none;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .text-muted .fa-cog, body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .dropdown-toggle .icon {
  color: #fff;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .text-muted .fa-cog {
  color: #fff;
}

body#page-course-view-remuiformat .sections .single-card-container {
  margin-bottom: 28px;
}

@media (max-width: 1400px) {
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.editing .remui-format-card .single-card-container, body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-format-card .single-card-container {
    min-width: 50% !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .general-section-activities li {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .single-card-container {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .generaldetails {
    min-width: 100% !important;
    order: 12;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .coursedetails {
    min-width: 100% !important;
    order: 1;
  }
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat.site-menubar-unfold.editing .remui-format-card .general-section-activities li, body#page-course-view-remuiformat.site-menubar-unfold.pinaside .remui-format-card .general-section-activities li {
    min-width: 50% !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body#page-course-view-remuiformat.drawer-open-left .remui-card-format .general-section-activities li,
  body#page-course-view-remuiformat.drawer-open-left .remui-card-format .single-card-container {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .generaldetails {
    order: 12;
    min-width: 100%;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .coursedetails {
    order: 1;
    min-width: 100%;
    padding-bottom: 15px;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .coursemainimagediv {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body#page-course-view-remuiformat.drawer-open-left .single-card-container {
    min-width: 100% !important;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat.path-course.site-menubar-unfold .remui-card-format .generaldetails,
  body#page-course-view-remuiformat.path-course.site-menubar-unfold .remui-card-format .coursedetails {
    min-width: 100% !important;
  }
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted {
  margin: 0px;
  padding: 8px;
  border-radius: 8px;
  background-color: #EBF0F9;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted ul {
  padding-left: 1rem;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted ul li {
  margin-top: 4px;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted strong {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) {
    grid-template-columns: repeat(auto-fill, minmax(302px, 302px));
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0) {
  border: unset;
  border-radius: 8px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0):hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0) .content .yui3-dd-drop {
  display: none;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .single-card-container {
    min-width: 50% !important;
  }
}

@media (min-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .general-section-activities .activity > div {
    width: 100%;
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format #changenumsections.section {
  flex: unset !important;
  padding: unset !important;
  min-height: 340px;
  max-width: unset !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionbadges [data-type="highlighted"] {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .highlight {
  position: absolute;
  top: -1px;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 18px solid;
  border-right: 18px solid;
  border-top: 26px solid;
  border-bottom: 16px solid;
  border-bottom-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .right.side {
  display: flex;
  margin-left: auto;
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .right.side .icon.spacer {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname a {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
  background-color: #fff;
  border: 1px solid #EBF0F9;
  border-radius: inherit;
  padding: 24px;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content .section-activities-summary .item {
  font-size: 0.8rem;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
  min-height: 120px;
  height: 100%;
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .section-activities-summary {
  color: #fff !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .ignoredirty, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .ignoredirty.form-control, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .editinstructions {
  color: #313848 !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .badge {
  color: #313848;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .badge-primary {
  color: white;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .left.side .section-handle .icon {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .progress-bar-warpper .progress-text {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .right.side .wdm-add-new-section {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card:hover .progress-text {
  visibility: visible;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header a {
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container {
  justify-content: flex-end;
  flex-wrap: wrap;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container .progress-text {
  align-self: center;
  color: #4C5A73;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

@media (min-width: 480px) and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container .progress-text {
    padding: 5px 0 0 13px !important;
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
  float: left;
  text-decoration: none;
  font-size: 0.9rem;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow {
  margin: 0;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow p {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .section.main {
  background: transparent;
  border: 0;
  box-shadow: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details {
  padding-bottom: 20px;
  border-bottom: 1px solid #D5DDEA;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow img {
  border-radius: 8px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
    flex-direction: column;
    gap: 32px;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .progress-bar-warpper .progress {
  width: 230px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section.hide {
  display: none !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
  padding: 0 !important;
  width: 100%;
  margin: 0;
  position: relative;
}

@media (min-width: 1200px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
    grid-template-columns: repeat(auto-fill, minmax(302px, 1fr));
  }
}

@media (max-width: 425px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity {
  padding: 8px;
  display: flex;
  transition: all 0.5s ease;
  padding: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity:hover,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity:hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activitytitle,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activitytitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 26px !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activitytitle .media-body .text-font-small.small,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activitytitle .media-body .text-font-small.small {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .cm_action_menu,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .cm_action_menu {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .autocompletion img,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .autocompletion img {
  width: 18px;
  height: 18px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity:hover,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity:hover {
  background: transparent !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .single-card {
  min-height: 152px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card .single-card-child-wrapper,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .single-card .single-card-child-wrapper {
  gap: 12px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card {
  min-height: unset;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .editing_move,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .editing_move {
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  top: -15px;
  left: -15px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #EBF0F9;
  position: relative;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content {
  width: 100%;
  overflow: auto;
  color: #4C5A73;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content .contentwithoutlink,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content .contentwithoutlink {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container {
  margin: 0px !important;
  padding: 0px !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container .automatic-completion-conditions,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container .automatic-completion-conditions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container .automatic-completion-conditions .badge,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container .automatic-completion-conditions .badge {
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .wdm-mod-name,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .wdm-mod-name {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary > a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary > a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary > a .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary > a .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary div .media-body {
  gap: 4px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title .inplaceeditable,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title .inplaceeditable {
  display: block;
  width: 100%;
  text-align: start;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title .inplaceeditable .activityicon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title .inplaceeditable .activityicon {
  display: block;
  margin: 20px auto;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .toggle-row-column,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .toggle-row-column {
  padding: 6px 5px;
  width: 33px;
  border: 1px solid #e4eaec;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .toggle-row-column img.icon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .toggle-row-column img.icon {
  margin: 0;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.col-activity .toggle-row-column .type-col,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.col-activity .toggle-row-column .type-col {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.row-activity .toggle-row-column .type-row,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.row-activity .toggle-row-column .type-row {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion .completion-info .btn, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion [data-region="completion-info"] .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion [data-region="completion-info"] .btn {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion .filler,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion .filler {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .moodle-actionmenu .dropdown-menu-right .editing_moveright,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .moodle-actionmenu .dropdown-menu-right .editing_moveleft,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .moodle-actionmenu .dropdown-menu-right .editing_moveright,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .moodle-actionmenu .dropdown-menu-right .editing_moveleft {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label {
  grid-column: 1/-1 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card {
  background-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .toggle-row-column,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .toggle-row-column {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .completion-info,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card [data-region="completion-info"],
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .completion-info,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card [data-region="completion-info"] {
  display: flex;
  justify-content: flex-end;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card [data-region="completion-info"] .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card [data-region="completion-info"] .btn {
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionbadges [data-type="highlighted"],
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionbadges [data-type="highlighted"] {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .highlight,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .highlight {
  position: absolute;
  top: -1px;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 18px solid;
  border-right: 18px solid;
  border-top: 26px solid;
  border-bottom: 16px solid;
  border-bottom-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .right.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .right.side {
  display: flex;
  margin-left: auto;
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .right.side .icon.spacer,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .right.side .icon.spacer {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionname a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionname a {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  background-color: #fff;
  border: 1px solid #EBF0F9;
  border-radius: inherit;
  padding: 24px;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card .content,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card .content .section-activities-summary .item,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card .content .section-activities-summary .item {
  font-size: 0.8rem;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  min-height: 120px;
  height: 100%;
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .section-activities-summary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .section-activities-summary {
  color: #fff !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .ignoredirty, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .ignoredirty.form-control, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .editinstructions,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .ignoredirty,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .ignoredirty.form-control,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .editinstructions {
  color: #313848 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .badge,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .badge {
  color: #313848;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .badge-primary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .badge-primary {
  color: white;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .left.side .section-handle .icon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .left.side .section-handle .icon {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .progress-bar-warpper .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .progress-bar-warpper .progress-text {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .right.side .wdm-add-new-section {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card:hover .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card:hover .progress-text {
  visibility: visible;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-header,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-header {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-header a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-header a {
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container {
  justify-content: flex-end;
  flex-wrap: wrap;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container .progress-text {
  align-self: center;
  color: #4C5A73;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

@media (min-width: 480px) and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container .progress-text,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container .progress-text {
    padding: 5px 0 0 13px !important;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-activities-summary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-activities-summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-activities-summary .item,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-activities-summary .item {
  float: left;
  text-decoration: none;
  font-size: 0.9rem;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .wdm-section-summary .no-overflow,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .wdm-section-summary .no-overflow {
  margin: 0;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .wdm-section-summary .no-overflow p,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .wdm-section-summary .no-overflow p {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section {
  background-color: #fff;
  border-radius: 8px;
  border-color: #EBF0F9;
  border-width: 1px;
  border-style: solid;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  border: unset;
}

body#page-course-view-remuiformat .remui-format-card .contentwithoutlink {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-card .single-card a:hover {
  text-decoration: none;
}

body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+5) {
  display: none !important;
}

@media only screen and (max-width: 1439px) {
  body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+5) {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+4) {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .sections {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .general-section-activities {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
}

body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+4) {
  display: none !important;
}

body#page-course-view-remuiformat.limitedwidth .activity-cards,
body#page-course-view-remuiformat.limitedwidth .activity-cards.section {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

@media only screen and (max-width: 1023px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+3) {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+3) {
    display: none !important;
  }
}

@media only screen and (max-width: 550px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+2) {
    display: none !important;
  }
}

body#page-course-view-remuiformat .frmt-pt-50 {
  padding-top: 50%;
}

body#page-course-view-remuiformat .section.main:not(.course-section) .activity .availabilityinfo,
body#page-course-view-remuiformat .section.main:not(.course-section) .activity .contentafterlink {
  margin-top: 0px;
  margin-left: 0px;
}

body#page-course-view-remuiformat.editing .remui-format-list .summary {
  padding-top: 8px;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side {
  margin: 0;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left {
  align-items: center;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left {
    flex-direction: column;
    align-items: start;
  }
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left .section-handle {
  position: absolute;
  top: 5px;
  left: 5px;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.right {
  gap: 8px;
  justify-content: space-between;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.right {
    width: 100%;
  }
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .sectionname {
  display: flex;
  align-items: center;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-up,
body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-down {
  margin-right: 2%;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-up:hover,
body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-down:hover {
  cursor: pointer;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections #changenumsections {
  width: 100%;
}

body#page-course-view-remuiformat.editing .remui-format-list .section_availability .section_availability,
body#page-course-view-remuiformat.editing .remui-format-list .section_availability.course-description-item {
  padding: 0px 24px 24px 24px;
}

body#page-course-view-remuiformat .modtype_label {
  box-shadow: unset !important;
  background-color: unset;
  border: 0px !important;
}

body#page-course-view-remuiformat .modtype_label .single-card {
  border: 0 !important;
}

body#page-course-view-remuiformat .modtype_label .contentwithoutlink {
  max-height: 100%;
  padding: 0px;
}

body#page-course-view-remuiformat .modtype_label .activity-badges .badge {
  white-space: nowrap !important;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.left {
  align-items: center;
  gap: 4px;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.left {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.right {
  margin-top: 0;
  gap: 24px;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.right {
    width: 100%;
  }
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-right {
  padding-right: 10px;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .availability-summary-wrapper:not(:has(:first-child)) {
  display: none;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .availability-summary-wrapper:has(:nth-child(2)) .summary {
  margin-top: 16px;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list.one-section-format .sections .section .sectionname .panel-title .float-right {
  padding-right: 0;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted {
  margin: 0px;
  padding: 8px;
  border-radius: 8px;
  background-color: #EBF0F9;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .description-inner ul,
body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .expanded-content ul,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .description-inner ul,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .expanded-content ul {
  padding-left: 1rem;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .description-inner ul li,
body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .expanded-content ul li,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .description-inner ul li,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .expanded-content ul li {
  margin-top: 4px;
  margin-bottom: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted strong,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted strong {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted strong a,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .summary, body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .summary,
body#page-course-view-remuiformat .list-view-general-activities .course-section-summary-wrapper {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4C5A73;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .summary .no-overflow p, body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper .no-overflow p,
body#page-course-view-remuiformat .list-view-general-activities .summary .no-overflow p,
body#page-course-view-remuiformat .list-view-general-activities .course-section-summary-wrapper .no-overflow p {
  margin: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections,
body#page-course-view-remuiformat .list-view-general-activities .sections {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section {
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .side.left,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .side.left {
    gap: 24px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0),
body#page-course-view-remuiformat .list-view-general-activities .sections .section:not(#section-0) {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #EBF0F9;
}

body#page-course-view-remuiformat .remui-format-list .sections .section.collapsed .summary.card-text,
body#page-course-view-remuiformat .list-view-general-activities .sections .section.collapsed .summary.card-text {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title,
body#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .panel-title,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content h3 a {
  margin: 0px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .course-section-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .course-section-summary-wrapper .no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header {
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .name-progress-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .name-progress-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .sectionheading {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .section-title,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress {
    width: 230px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .highlight,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .highlight {
  position: absolute;
  top: 0;
  width: 3px;
  bottom: 0;
  left: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .card-footer {
  background: transparent;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-1,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-1 {
  width: 35px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-2,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-2 {
  width: 70px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-3,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-3 {
  width: 105px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-4,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-4 {
  width: 140px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-5,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-5 {
  width: 175px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-6,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-6 {
  width: 210px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-7,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-7 {
  width: 245px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-8,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-8 {
  width: 280px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-9,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-9 {
  width: 315px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-10,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-10 {
  width: 350px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-11,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-11 {
  width: 385px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-12,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-12 {
  width: 420px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-13,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-13 {
  width: 455px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-14,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-14 {
  width: 490px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-15,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-15 {
  width: 525px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-16,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-16 {
  width: 560px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .right.side,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .right.side {
  width: -webkit-max-content;
  width: max-content;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .right.side .wdm-add-new-section {
  white-space: nowrap;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .section_action_menu.ml-auto,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .section_action_menu.ml-auto {
  margin: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section {
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .side.left,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .side.left {
    gap: 24px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section:not(#section-0),
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section:not(#section-0) {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #EBF0F9;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section.collapsed .summary.card-text,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section.collapsed .summary.card-text {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .panel-title,
body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content h3 a,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .panel-title,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content h3 a {
  margin: 0px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .course-section-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .course-section-summary-wrapper .no-overflow,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .course-section-summary-wrapper .no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header {
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .name-progress-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .name-progress-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .sectionheading,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .sectionheading {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .section-title,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress {
    width: 230px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .highlight,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .highlight {
  position: absolute;
  top: 0;
  width: 3px;
  bottom: 0;
  left: 0;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .card-footer {
  background: transparent;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-1,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-1 {
  width: 35px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-2,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-2 {
  width: 70px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-3,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-3 {
  width: 105px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-4,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-4 {
  width: 140px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-5,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-5 {
  width: 175px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-6,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-6 {
  width: 210px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-7,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-7 {
  width: 245px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-8,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-8 {
  width: 280px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-9,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-9 {
  width: 315px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-10,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-10 {
  width: 350px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-11,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-11 {
  width: 385px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-12,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-12 {
  width: 420px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-13,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-13 {
  width: 455px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-14,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-14 {
  width: 490px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-15,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-15 {
  width: 525px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-16,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-16 {
  width: 560px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .right.side,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .right.side {
  width: -webkit-max-content;
  width: max-content;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .right.side .wdm-add-new-section {
  white-space: nowrap;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .section_action_menu.ml-auto,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .section_action_menu.ml-auto {
  margin: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .toggle-icon,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .toggle-icon {
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .toggle-icon::before {
  display: flex;
  transition: all 0.5s ease;
  font-size: 1.2rem;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section.collapsed .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section.collapsed .toggle-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .activity.activity-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .activity.activity-wrapper {
  padding: 0 !important;
  border: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .toggle-icon {
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .toggle-icon::before {
  display: flex;
  transition: all 0.5s ease;
  font-size: 1.2rem;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section.collapsed .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section.collapsed .toggle-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section {
  border: unset !important;
  border-radius: unset !important;
  border-top: 1px solid #EBF0F9 !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section .activity {
  padding: 0px;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section .activity .activitytitle {
  gap: 24px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list,
body#page-course-view-remuiformat .remui-format-list .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .activities-list,
body#page-course-view-remuiformat .list-view-general-activities .card-footer {
  padding: unset;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section {
  padding: 24px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:not(:last-child),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:not(:last-child),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section li:not(:last-child),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section li:not(:last-child) {
  margin-bottom: 16px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section li:has(.divider):not(:has(.divider-plus)) {
  margin-bottom: 0px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity {
  border-top: 0;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activitytitle {
  gap: 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activitytitle {
    flex-direction: column;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 {
  margin-left: 74px;
  padding-left: 0;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 {
    margin-top: 24px !important;
    margin-left: 0;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-basis:has([data-region="completion-info"]) {
  margin-bottom: 16px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-basis > div.flex-column {
  flex-direction: column !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .description .availabilityinfo {
  margin: unset;
  margin-top: 8px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.indented:hover,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.indented:hover,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.indented:hover,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.indented:hover {
  background-color: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright {
  display: none;
}

@media (min-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions) {
    margin-left: 74px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > .activityiconcontainer {
    margin-bottom: 8px !important;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > *:has(.badge) {
  margin-bottom: 16px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_label .activity-item > * {
  margin-left: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_subsection .activity-altcontent {
  margin-left: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_subsection .activity-altcontent .section {
  border: unset !important;
  border-radius: unset !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) ul.section,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format.all-section .sections .section:not(#section-0) ul.section {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) .content,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format.all-section .sections .section:not(#section-0) .content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper {
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section {
  margin: 0;
  border: unset !important;
  border-radius: unset !important;
  border-top: 1px solid #EBF0F9 !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section .activity {
  padding: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity:last-child,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section .activity:last-child {
  border-bottom: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list .section-modchooser,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list .section-modchooser {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list .section-modchooser.mb-3,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list .section-modchooser.mb-3 {
  margin-bottom: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item {
  color: #4C5A73;
  padding-top: 2px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability .availabilityinfo,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item .availabilityinfo {
  background-color: #EBF0F9;
  border-radius: 4px;
  padding: 8px;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability .availabilityinfo ul li,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item .availabilityinfo ul li,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability .availabilityinfo ul li,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item .availabilityinfo ul li {
  margin-top: 4px;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability strong,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item strong,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability strong,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item strong {
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability strong a,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item strong a,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability strong a,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .section_availability.badge:not(:has(.section_availability.badge .section_availability:first-child)),
body#page-course-view-remuiformat .list-view-general-activities .section_availability.badge:not(:has(.section_availability.badge .section_availability:first-child)) {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid {
  grid-template-rows: 1fr repeat(6, -webkit-min-content);
  grid-template-rows: 1fr repeat(6, min-content);
  grid-template-areas: "icon name groupmode completion actions"
 "icon visibility groupmode completion actions"
 "icon visibility groupmode completion actions"
 "dates dates dates dates dates"
 "altcontent altcontent altcontent altcontent altcontent"
 "afterlink afterlink afterlink afterlink afterlink"
 "availability availability availability availability availability";
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-dates,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-dates {
  margin-right: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)),
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) {
  margin-left: 24px;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) ~ .activity-badges,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) ~ .activity-badges {
  margin-left: 24px !important;
}

body#page-course-view-remuiformat .text-clamp {
  display: -webkit-box !important;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden !important;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-1 {
  -webkit-line-clamp: 1;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-2 {
  -webkit-line-clamp: 2;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-3 {
  -webkit-line-clamp: 3;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-4 {
  -webkit-line-clamp: 4;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-5 {
  -webkit-line-clamp: 5;
}

body#page-course-view-remuiformat .row {
  margin: unset;
}

body#page-course-view-remuiformat.editing .general-section-activities .cm_action_menu.actions .section-cm-edit-actions .editing_moveright, body#page-course-view-remuiformat.editing .general-section-activities .cm_action_menu.actions .section-cm-edit-actions .editing_moveleft {
  display: none;
}

body#page-course-view-remuiformat #region-top-blocks.pb-3, body#page-course-view-remuiformat #region-top-blocks.py-3 {
  padding: 0px !important;
}

body#page-course-view-remuiformat .secondary-navigation {
  padding: 0px;
  margin-bottom: 24px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 336px;
  padding: 24px;
  border-radius: 8px;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 {
    min-height: 445px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .dashboard-bar-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .dashboard-bar-wrapper {
    gap: 8px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-main-section .category {
  margin-bottom: 8px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-main-section .category .badge {
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #fff;
  color: #37be71;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 32px 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section {
    align-items: start;
    flex-direction: column;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper {
  display: flex;
  gap: 12px 24px;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper {
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .inner {
  flex-direction: row-reverse;
  gap: 8px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .avgrating {
  order: 2;
  margin-left: 4px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .rnr-link {
  padding-left: 2px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .avgrating, body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .rnr-link {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .stat-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info {
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .stat {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #313848;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userpicture,
body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userinitials {
  width: 24px;
  height: 24px;
  border: unset;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userinitials {
  font-size: 12px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .view-user-profile-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .titles {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .view-all-instructorslink {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
  display: flex;
  align-items: center;
  gap: 24px 40px;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progressbar-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progressbar-text-wrapper {
    width: 100%;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progress {
  min-width: 230px;
  height: 7px !important;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progress {
    min-width: unset;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-heading {
  color: white;
}

body#page-course-view-remuiformat.editing header.hasbackground.design-1 {
  justify-content: flex-end !important;
}

body#page-course-view-remuiformat .summary-collapsed {
  max-height: 300px;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #D9D9D9 51.56%, rgba(217, 217, 217, 0) 100%);
}

body#page-course-view-remuiformat .progress-bar-warpper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .progress-bar-warpper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

body#page-course-view-remuiformat .progress-bar-warpper .progress {
  height: 7px !important;
  margin: 0px;
  width: 230px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .progress-bar-warpper .progress {
    width: 100%;
  }
}

body#page-course-view-remuiformat .progress-bar-warpper .progress-text {
  color: #4C5A73;
  white-space: nowrap;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .card-section-rightnav,
body#page-course-view-remuiformat .card-section-leftnav {
  background-color: #0051F9;
  border-radius: 5px;
  height: -webkit-fit-content;
  height: fit-content;
}

body#page-course-view-remuiformat .card-section-rightnav a,
body#page-course-view-remuiformat .card-section-leftnav a {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card .hide,
body#page-course-view-remuiformat .remui-format-list .hide {
  display: none;
}

body#page-course-view-remuiformat.editing ul.remuiformat {
  padding-left: 0px;
}

body#page-course-view-remuiformat.editing .course-section .section-item {
  background-color: white;
  padding: 1rem;
}

body#page-course-view-remuiformat.editing .yui3-dd-proxy .section {
  text-decoration: none;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-toggle::after,
body#page-course-view-remuiformat.editing .action-menu .dropdown-toggle::after {
  display: none;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-subpanel .dropdown-toggle,
body#page-course-view-remuiformat.editing .action-menu .dropdown-subpanel .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-subpanel .dropdown-toggle::before,
body#page-course-view-remuiformat.editing .action-menu .dropdown-subpanel .dropdown-toggle::before {
  display: inline-block;
  order: 3;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 10px;
}

body#page-course-view-remuiformat.editing .stretched-link::after {
  display: none;
}

body#page-course-view-remuiformat.editing .general-section-activities .activity.modtype_folder .contentwithoutlink {
  padding-left: 2.142rem;
  padding-top: 0.714rem;
}

body#page-course-view-remuiformat.editing .activity .media-body .text-font-small.small {
  display: block !important;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item .description .activity-dates .description-inner div {
  line-height: 22px;
}

body#page-course-view-remuiformat #page .activityiconcontainer {
  border-radius: 8px;
  margin-right: 0 !important;
  height: 50px;
  width: 50px;
}

body#page-course-view-remuiformat #page .activityiconcontainer .activityinstance img {
  width: 28px !important;
  height: 28px !important;
}

body#page-course-view-remuiformat #page .generalsecactivitiescontent > .activityinstance {
  gap: 12px;
}

body#page-course-view-remuiformat #page .generalsecactivitiescontent .action-availstatus-wrapper:has(:first-child) {
  margin-top: 16px;
}

body#page-course-view-remuiformat .course-section-header .sectionname .panel-title .text-success {
  margin-left: 5px;
  margin-top: 5px;
}

body#page-course-view-remuiformat .automatic-completion-conditions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge {
  padding: 8px !important;
  background-color: #EBF0F9;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge strong {
  color: #313848;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge span {
  color: #4C5A73;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge span .font-weight-normal {
  color: #4C5A73;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat:not(.editing) .activity .activitytitle .media-body > :first-child {
  display: none;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  width: 100%;
  text-align: start;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body > :first-child {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #647390;
  text-transform: capitalize !important;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname {
  display: block !important;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname a {
  color: #313848;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  word-break: break-word;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable {
  display: inline;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable .instancename {
  display: inline;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable .quickeditlink {
  margin-left: 8px;
}

body#page-course-view-remuiformat .activity > .activityinstance {
  gap: 12px;
}

body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
  border: 1px solid #EBF0F9;
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item:has(.section.delegated-section) {
  padding: 0;
  border: 0;
  box-shadow: unset;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item:has(.section.delegated-section) .section-item:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

body#page-course-view-remuiformat .activity .description .course-description-item, body#page-course-view-remuiformat .activity .description .activity-dates, body#page-course-view-remuiformat .activity .activity-grid .course-description-item, body#page-course-view-remuiformat .activity .activity-grid .activity-dates {
  padding: 8px;
  flex-direction: column;
  margin-top: 0px !important;
  background-color: #EBF0F9;
  border-radius: 4px;
  color: #4C5A73;
  font-size: 12px;
  font-weight: 400px;
}

body#page-course-view-remuiformat .activity .description .course-description-item .description-inner, body#page-course-view-remuiformat .activity .description .activity-dates .description-inner, body#page-course-view-remuiformat .activity .activity-grid .course-description-item .description-inner, body#page-course-view-remuiformat .activity .activity-grid .activity-dates .description-inner {
  padding: 0px;
  border: unset;
}

body#page-course-view-remuiformat .activity .description .course-description-item .description-inner ul li, body#page-course-view-remuiformat .activity .description .activity-dates .description-inner ul li, body#page-course-view-remuiformat .activity .activity-grid .course-description-item .description-inner ul li, body#page-course-view-remuiformat .activity .activity-grid .activity-dates .description-inner ul li {
  margin-bottom: unset;
}

body#page-course-view-remuiformat .activity .description .activity-altcontent,
body#page-course-view-remuiformat .activity .description .activity-description, body#page-course-view-remuiformat .activity .activity-grid .activity-altcontent,
body#page-course-view-remuiformat .activity .activity-grid .activity-description {
  padding: 8px 0 0 0;
  background-color: unset;
  border: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
}

body#page-course-view-remuiformat .activity .description .activity-altcontent p,
body#page-course-view-remuiformat .activity .description .activity-description p, body#page-course-view-remuiformat .activity .activity-grid .activity-altcontent p,
body#page-course-view-remuiformat .activity .activity-grid .activity-description p {
  margin: 0;
}

body#page-course-view-remuiformat .course-content .sections {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections.generalsection-container {
  margin-bottom: 48px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section {
  gap: 48px;
  padding: 0px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-title {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails {
  gap: 8px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .coursesummary {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .readbtn {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #0051F9;
  text-decoration: none;
  cursor: pointer;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details {
  gap: 8px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .activities-title {
  color: #313848;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .section-activities-summary {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .activitieshead {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
  padding: 0px;
  margin: 0px;
  max-width: unset;
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities {
    grid-template-columns: repeat(auto-fill, minmax(302px, 302px));
  }
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .section {
  list-style: none;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) {
  padding: 24px;
  background: #fff;
  border: 1px solid #EBF0F9;
  border-radius: 8px;
  min-height: 152px;
  transition: all 0.5s ease;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label):hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .sectionbadges {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions {
  display: flex;
  position: relative;
  justify-content: start;
  padding: 0px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .spinner {
  position: relative;
  left: 0;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .cm_action_menu.actions {
  margin: 0px;
  width: 100%;
  position: unset !important;
  justify-content: flex-end;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information .completion-info,
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information [data-region="completion-info"] {
  width: 100%;
  float: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information .completion-info .btn,
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information [data-region="completion-info"] .btn {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .action-availstatus-wrapper:has(:nth-child(2)) .actions {
  margin-top: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity.modtype_label {
  grid-column: 1/-1;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity.modtype_label .actions {
  position: relative !important;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .activitytitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 26px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .availabilityinfo .description-inner {
  color: #4C5A73;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .availabilityinfo .description-inner .icon {
  margin: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .editing_move {
  position: absolute;
  display: flex;
  left: -15px;
  top: -15px;
  z-index: 10;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .editing_move i {
  margin: 0px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .contentafterlink {
  padding: 0px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  color: #4C5A73;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .activityinstance {
  position: relative;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities {
  display: flex;
  flex-direction: column;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .section.delegated-section.list-summary-section {
  padding: 24px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities > .activity.indented {
  margin-left: 24px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity {
  min-height: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activityinstance {
  align-items: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activityinstance .contentafterlink .no-overflow .no-overflow {
  margin-left: 74px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activitytitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 26px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .showactivity {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #0051F9;
  text-decoration: underline;
  cursor: pointer;
}

body#page-course-view-remuiformat .course-content .sections .badge {
  padding: 4px 8px;
  margin: unset;
  white-space: normal;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  vertical-align: middle;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections .wdm-add-new-section {
  border: 1px solid #e4eaec;
}

body#page-course-view-remuiformat .content .summary .no-overflow {
  width: 100%;
}

body#page-course-view-remuiformat .container-fluid #region-main .card,
body#page-course-view-remuiformat .container-fluid #region-main {
  border: none;
}

body#page-course-view-remuiformat .container-fluid #region-main .card.card-block:first-of-type {
  background: transparent;
  padding: 0;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main .card > .card-body:first-of-type {
  background: #fff;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main {
  background: #fff;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main {
  background: #fff !important;
  overflow: visible;
}

body#page-course-view-remuiformat .container #region-main .card.card-block:first-of-type {
  background: transparent;
  padding: 0;
  overflow: visible;
}

body#page-course-view-remuiformat .wdm-card-section {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 24px;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion,
body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion > div {
  display: inline !important;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link,
body#page-course-view-remuiformat .wdm-completion-container .autocompletion {
  padding: 0 0 0 10px;
  background: transparent;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link:hover {
  background: transparent !important;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link img,
body#page-course-view-remuiformat .wdm-completion-container .autocompletion img {
  width: 18px;
  height: 18px;
  margin: 4px 0;
}

body#page-course-view-remuiformat .section-summary-activities,
body#page-course-view-remuiformat .summary .no-overflow p {
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  font-weight: bold;
}

body#page-course-view-remuiformat .flex-1 {
  flex: 1;
}

body#page-course-view-remuiformat .w-p100 {
  width: 100% !important;
}

body#page-course-view-remuiformat .text-right {
  text-align: right !important;
}

body#page-course-view-remuiformat .text-center {
  text-align: center !important;
}

body#page-course-view-remuiformat .progress-xs {
  width: 100%;
  border-bottom: 0 !important;
  border-radius: 5px;
  position: relative;
  bottom: 0;
}

body#page-course-view-remuiformat .progress-xs,
body#page-course-view-remuiformat .progress-xs .progress-bar {
  height: 7px !important;
  border-radius: 5px;
}

body#page-course-view-remuiformat .progress-xs .progress-bar {
  line-height: 4px !important;
}

body#page-course-view-remuiformat .bg-green-600 {
  background-color: #11c26d !important;
}

body#page-course-view-remuiformat .progress-xs.dark {
  background-color: #e0e0e09e !important;
}

body#page-course-view-remuiformat .progress-xs.light {
  background-color: #b7b4b4a3 !important;
}

body#page-course-view-remuiformat .remui-format-card .current::before {
  left: -.1rem !important;
}

body#page-course-view-remuiformat div#card-container a .section-title:hover {
  text-decoration: underline;
}

body#page-course-view-remuiformat input.ignoredirty.form-control {
  width: 100% !important;
}

body#page-course-view-remuiformat div#card-editing-container #section-0 li.activity img.activityicon {
  vertical-align: middle;
  height: 28px;
  width: 28px;
}

body#page-course-view-remuiformat .section-modchooser {
  margin: 0px !important;
}

body#page-course-view-remuiformat.theme_adaptable .section-modchooser .section-modchooser-link *,
body#page-course-view-remuiformat.theme_adaptable .section-modchooser .section-modchooser-link a:hover {
  color: #51666C;
}

body#page-course-view-remuiformat .section-modchooser .section-modchooser-link *,
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link a:hover {
  color: white;
}

body#page-course-view-remuiformat div#card-editing-container div.availabilityinfo.ishidden,
body#page-course-view-remuiformat div#card-container div.availabilityinfo.ishidden,
body#page-course-view-remuiformat li.wdm-card-single-section div.availabilityinfo {
  padding: 10px 0;
  font-weight: bold;
}

body#page-course-view-remuiformat .wdm-section-summary.summary-muted * {
  color: #526069 !important;
  display: none;
}

body#page-course-view-remuiformat .wdm-card-completion button.btn-link {
  padding: 0;
}

body#page-course-view-remuiformat .wdm-card-completion button.btn-link img {
  margin: 0 2px 0 0;
}

body#page-course-view-remuiformat #changenumsections {
  border: none;
}

body#page-course-view-remuiformat #changenumsections > div {
  width: 100%;
}

body#page-course-view-remuiformat #changenumsections .single-card,
body#page-course-view-remuiformat #changenumsections .card-block {
  justify-content: center;
  box-shadow: none;
  background: #e5e5e5;
}

body#page-course-view-remuiformat #changenumsections a {
  color: #526069 !important;
}

body#page-course-view-remuiformat #changenumsections i.fa {
  margin: 0 auto;
}

body#page-course-view-remuiformat .w-full {
  width: 100%;
}

body#page-course-view-remuiformat .d-flex {
  display: flex;
}

body#page-course-view-remuiformat .d-block {
  display: block;
}

body#page-course-view-remuiformat .mdl-right {
  text-align: right;
}

body#page-course-view-remuiformat .float-right {
  float: right;
}

body#page-course-view-remuiformat .align-items-center {
  align-items: center;
}

body#page-course-view-remuiformat .showactivitywrapper {
  text-align: center !important;
}

body#page-course-view-remuiformat .showactivitywrapper .showactivity {
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}

body#page-course-view-remuiformat .inplaceeditable a:focus {
  box-shadow: unset;
  border: unset;
  background: unset;
}

body#page-course-view-remuiformat .modchoosercontainer .chooser-container .tab-content .optionscontainer .option .optioninfo .optionicon {
  margin-right: unset !important;
  margin: auto !important;
  margin-top: 15px !important;
}

body#page-course-view-remuiformat .badge-primary {
  background-color: #1C376F;
}

body#page-course-view-remuiformat .contentwithoutlink,
body#page-course-view-remuiformat .contentafterlink {
  max-height: 220px;
  justify-content: space-between;
  width: 100%;
}

body#page-course-view-remuiformat .contentwithoutlink p,
body#page-course-view-remuiformat .contentafterlink p {
  margin: 0;
}

body#page-course-view-remuiformat .font-size-16 {
  font-size: 16px;
}

body#page-course-view-remuiformat.editing .general-section-activities .activity .contentafterlink .no-overflow {
  overflow: auto !important;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container .btn span.expanded-content {
  padding: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container .btn span.expanded-content .icon {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn span.collapsed-content {
  padding: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn span.collapsed-content .icon {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn .expanded-content {
  display: none;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted ul {
  padding-left: 1rem !important;
}

body#page-course-view-remuiformat.limitedwidth header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
  flex-direction: column;
}

.section .dndupload-preview-overlay, .section .dndupload-preview-wrapper {
  display: none;
}

.single-section ul.remuiformat {
  padding-left: 0;
}

.section.delegated-section {
  text-align: start;
  border-radius: 8px;
}

.section.delegated-section .wdm-add-new-section {
  display: none;
}

.section.delegated-section::after {
  content: unset;
}

.section.delegated-section .content .section:not(:has(:first-child)) {
  display: none !important;
}

body:not(.editing) #page-content .course-content ul li.section.main.delegated-section {
  margin-top: 0.25rem;
}

.edw-m405 #page .editing_move {
  display: none !important;
}

.format-singleactivity .tree_item.orphaned a {
    color: red;
}

/* This file is part of Moodle - http://moodle.org/

   Moodle is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   Moodle is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Moodle.  If not, see <http://www.gnu.org/licenses/>. */

/**
 * Trail Format - A topics based format that uses a trail of user selectable images to popup a light box of the section.
 *
 * @package    format_trail
 * @copyright  &copy; 2019 Jose Wilson  in respect to modifications of grid format.
 * @author     &copy; 2012 G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - {@link http://about.me/gjbarnard} and
 *                           {@link http://moodle.org/user/profile.php?id=442195}
 * @author     Based on code originally written by Paul Krix and Julian Ridden.
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.course-content .trail_title {
    font-size: 160%;
    font-weight: bold;
}
.course-content ul.gtopics h3.sectionname {
    background: transparent;
    border: 0 none;
    font-weight: normal;
    padding: 0;
    padding-bottom: 5px;
}
.course-content ul.gtopics-0 #section-0 {
    background: transparent;
    border: 0 none;
}

.course-content ul.gtopics-0 #section-0 .side {
    width: 28px;
}

/* Change of logic such that topics are hidden by default and then shown to prevent 'flash' whilst JavaScript kicks in. */
body.jsenabled li.trail_section.hide_section {
    display: none; /* Important to override bootstrap/moodle/undo.less. */
}

div#trailmiddle-column > ul {
    list-style-type: none;
    overflow: visible;
}

.course-content ul.gtopics {
    margin: 0;
}

.course-content ul.gtopics li.section {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.course-content ul.gtopics li.section .content {
    margin: 0 40px;
}

.course-content ul.gtopics li.section .side {
    text-align: center;
    width: 40px;
}

.course-content ul.gtopics li.section .left {
    float: left;
    padding: 0;
}

.course-content ul.gtopics li.section .right {
    float: right;
}

/* @group Icons */
#trailiconcontainer {
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#trailiconcontainer ul.trailicons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#trailiconcontainer ul.trailicons li {
    display: inline-block;
    height: auto;
    padding: 15px;
    text-align: left;
}
.dir-rtl #trailiconcontainer ul.trailicons li {
    text-align: right;
}
#trailiconcontainer ul.trailicons.content_inside li {
    position: relative;
}

.course-content ul.trailicons img.new_activity {
    position: absolute;
    z-index: 1;
}

.course-content .trailcursor .trailicon_link {
    /*rtl:ignore*/
    cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-up-f), auto;
}
.course-content ul.trailicons li .icon_content {
    font-weight: bold;
    height: 20px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-content ul.trailicons li .icon_content.content_inside {
    background-color: white;
    color: black;
    height: 40px;
    opacity: 0.8;
    overflow-wrap: break-word;
    padding: 10px;
    position: absolute;
    text-overflow: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.course-content ul.trailicons li .icon_content.content_inside.middle {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}
.course-content ul.trailicons li .icon_content.content_inside.bottom {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
}

.course-content ul.trailicons li .trailicon_link .tooltip {
    font-size: 14px;
}

/* Set the width of the tooltip when the section summary is 'Inside', thus within the 'image_holder'. */
.course-content ul.trailicons li .trailicon_link .image_holder .tooltip {
    width: 100%;
}

.course-content ul.trailicons li .trailicon_link .tooltip-inner {
    background-color: #ffc540;
    color: #3b53ad;
    max-width: none;
}

.course-content ul.trailicons li .trailicon_link .tooltip.top .tooltip-arrow {
    border-top-color: #ffc540;
}

.course-content ul.trailicons li .trailicon_link .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffc540;
}

.course-content ul.trailicons li .trailicon_link .tooltip.left .tooltip-arrow {
    border-left-color: #ffc540;
}

.course-content ul.trailicons li .trailicon_link .tooltip.right .tooltip-arrow {
    border-right-color: #ffc540;
}

.course-content ul.trailicons li .image_holder {
    border-style: solid;
    /* Override Bootstrap V3 box sizing of .box-sizing(border-box); in scaffolding.less. */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: visible;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.course-content ul.trailicons li img {
    margin-top: 0;
}

.course-content ul.trailicons li img.info {
    height: 100%;
    width: 100%;
}

.course-content li.trail_section {
    clear: both;
}
/* @end */

/* @group Shadebox */

.trailcursor div#trailshadebox_overlay {
    /*rtl:ignore*/
    cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-times-circle-o-f), auto;
}

div#trailshadebox_overlay {
    background: black;
    /* for IE */
    height: 500px;
    left: 0;
    /* CSS3 standard */
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
#trailshadebox_content {
    background: #fff;
    min-height: 200px;
}
body.jsenabled #trailshadebox_content.hide_content {
    display: none;
}

#trailshadebox_content.absolute {
    left: 60px;
    position: absolute;
    right: 60px;
    z-index: 3;
}

#trailshadebox_content.fit_to_window {
    bottom: 10%;
    left: 10%;
    position: fixed;
    right: 10%;
    top: 10%;
    z-index: 3;
}

#trailshadebox_content.fit_to_window ul.gtopics {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 10px;
}

#trailshadebox_content.fit_to_window ul.gtopics h3.sectionname {
    margin-top: 0;
}

#trailshadebox_content .activity {
    list-style: none;
    padding-bottom: 4px;
    padding-top: 2px;
}

#trailshadebox_content ul li.trail_section {
    list-style: none;
}

#trailshadebox_content ul li ul li,
#trailshadebox_content ul li ol li {
    border-bottom: none;
    padding-bottom: 4px;
    padding-top: 2px;
}

#trailshadebox_content ul li ul li {
    list-style: disc outside none;
}

#trailshadebox_content ul li ol li {
    list-style: decimal outside none;
}

.trailcursor #trailshadebox_close {
    cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-up-f), auto;
}

#trailshadebox_close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 2;
}

.trailcursor .trailshadebox_arrow {
    cursor: inherit;
}
.trailshadebox_arrow {
    height: 55px;
    opacity: 0.35;
    position: absolute;
    top: 75px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    width: 55px;
}
.trailshadebox_area:hover .trailshadebox_arrow {
    opacity: 0.9;
}

.trailshadebox_area {
    height: 100%;
    position: absolute;
    top: 0;
    width: 55px;
}

.trailshadebox_previous_area {
    left: -55px;
}

.trailshadebox_next_area {
    right: -55px;
}

.trailcursor .trailshadebox_previous_area.ltr,
.trailcursor .trailshadebox_next_area.rtl {
    /*rtl:ignore*/
    cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-left-f), auto;
}

.trailcursor .trailshadebox_next_area.ltr,
.trailcursor .trailshadebox_previous_area.rtl {
    /*rtl:ignore*/
    cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-right-f), auto;
}

@media (max-width: 1199px) {
    .trailshadebox_arrow {
        height: 40px;
        width: 40px;
    }
    .trailshadebox_area {
        width: 40px;
    }
    .trailshadebox_previous_area {
        left: -40px;
    }
    .trailshadebox_next_area {
        right: -40px;
    }
}

@media (max-width: 767px) {
    .trailcursor div#trailshadebox_overlay {
        /*rtl:ignore*/
        cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-times-circle-o-fsm), auto;
    }
    .trailcursor #trailshadebox_close {
        /*rtl:ignore*/
        cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-up-fsm), auto;
    }
    #trailshadebox_close {
        height: 28px;
        width: 28px;
    }
    .trailshadebox_arrow {
        height: 30px;
        width: 30px;
    }
    .trailshadebox_area {
        width: 30px;
    }
    .trailshadebox_previous_area {
        left: -30px;
    }
    .trailshadebox_next_area {
        right: -30px;
    }
    .trailcursor .trailshadebox_previous_area.ltr,
    .trailcursor .trailshadebox_next_area.rtl {
        /*rtl:ignore*/
        cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-left-fsm), auto;
    }
    .trailcursor .trailshadebox_next_area.ltr,
    .trailcursor .trailshadebox_previous_area.rtl {
        /*rtl:ignore*/
        cursor: url(/theme/image.php/govbrds/format_trail/1772471362/fa-hand-o-right-fsm), auto;
    }
}

@media (max-width: 480px) {
    #trailshadebox_close {
        height: 20px;
        right: -7px;
        top: -7px;
        width: 20px;
    }
    .trailshadebox_arrow {
        height: 20px;
        width: 20px;
    }
    .trailshadebox_area {
        width: 20px;
    }
    .trailshadebox_previous_area {
        left: -20px;
    }
    .trailshadebox_next_area {
        right: -20px;
    }
}

.trailshadebox_arrow.trailshadebox_mobile {
    height: 18px;
    width: 18px;
}

.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_area {
    width: 18px;
}

.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_previous_area {
    left: -18px;
}

.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_next_area {
    right: -18px;
}

.trailshadebox_arrow.trailshadebox_mobile,
.trailshadebox_arrow.trailshadebox_mobile:hover {
    opacity: 1;
}

#trailshadebox_close.trailshadebox_mobile {
    height: 18px;
    right: -7px;
    top: -7px;
    width: 18px;
}

.trailshadebox_arrow.trailshadebox_tablet {
    height: 31px;
    width: 31px;
}

.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_area {
    width: 31px;
}

.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_previous_area {
    left: -31px;
}

.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_next_area {
    right: -31px;
}

.trailshadebox_arrow.trailshadebox_tablet,
.trailshadebox_arrow.trailshadebox_tablet:hover {
    opacity: 1;
}

#trailshadebox_content ul.gtopics {
    margin: 0 15px 10px;
}

/* Added by Justin 20160514 */
.course-content ul.trailicons li .image_holder.inaccessible {
    background-color: #999;
    border-color: #aaa;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%) gray;
    opacity: 0.7;
}
/* @end */

/* This file is part of Moodle - http://moodle.org/

   Moodle is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   Moodle is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Moodle.  If not, see <http://www.gnu.org/licenses/>. */

/**
 * Trail Format - A topics based format that uses a trail of user selectable images to popup a light box of the section.
 *
 * @package    course/format
 * @subpackage trail
 * @version    See the value of '$plugin->version' in version.php.
 * @copyright  &copy; 2017 onwards G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - {@link http://about.me/gjbarnard} and
 *                           {@link http://moodle.org/user/profile.php?id=442195}
 * @author     Based on code originally written by Paul Krix and Julian Ridden.
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

body:not(.editing) #trailmiddle-column {
    line-height: 1;
}

.course-content ul.trailicons li .icon_content.content_inside {
    box-sizing: content-box;
}

div#trailshadebox_overlay {
    z-index: 1000;
}

#trailshadebox_content.absolute {
    z-index: 1000;
}

#trailshadebox_content.fit_to_window {
    z-index: 1000;
}

#trailshadebox_content ul.gtopics .sectionname {
    margin-top: .5rem;
}

#trailshadebox_close {
    z-index: 1000;
}


/* stylelint-disable declaration-no-important */
#page-admin-report-allbackups-index .initialbar {
    display: none !important;
}

/* CSS Document */

#benchmark h3 {
    border: 1px solid #ddd;
    width: 450px;
    margin: 20px auto 30px auto;
    padding: 10px 0;
    border-radius: 4px;
    background: #f5f5f5;
    text-align: center;
}

#benchmark h3 span {
    color: #0a0;
}

#benchmark h5 {
    margin-top: 16px;
    font-size: 14px;
}

#benchmark .continuebutton a.btn {
    margin: 0 10px 10px 10px;
}

#benchmarkresult td {
    vertical-align: middle;
}

#benchmarkresult td.success {
    background-color: #dff0d8;
}
#benchmarkresult td.warning {
    background-color: #fcf8e3;
}
#benchmarkresult td.danger {
    background-color: #f2dede;
}

#benchmarkresult .cell.c1 small {
    color: #888;
}

#benchmarkresult .cell.c0,
#benchmarkresult .footer {
    font-weight: bold;
}
#benchmarkresult .c0,
#benchmarkresult .c2,
#benchmarkresult .c3,
#benchmarkresult .c4 {
    text-align: center;
}

#benchmarkresult .footer td {
    background-color: #fff;
}
#benchmarkresult .footer .cell.c0 {
    text-align: right;
}
#benchmarkresult .footer .cell.c1 {
    text-align: center;
}

@media (max-width: 500px) {
    #benchmark h3 {
        font-size: 20px;
        width: 348px;
    }
}

#page-report-completion-index table#completion-progress {
    margin-top: 20px;
    margin-bottom: 30px;
}

#page-report-completion-index .export-actions {
    text-align: center;
    list-style: none;
}

#page-report-completion-index .criterianame,
#page-report-completion-index .criteriaicon,
#page-report-completion-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-completion-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

/*rtl:begin:ignore*/
#page-report-completion-index .rotated-text {
    display: inline-block;
    white-space: nowrap;

    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-completion-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}
/*rtl:end:ignore*/
.coursesizedownload {
    display: inline-block;
    float: right;
}

#page-admin-report-coursesize-index .lastupdate {
    font-size: small;
}
.admin_note {
    font-size: 0.8em;
    color: #c10031;
}
.reportcounts,
body.path-admin-report-customsql a.view-category {
    font-weight: normal;
    font-size: 0.65em;
}
.region-content .csql_category h3 {
    font-weight: bold;
}
.csql_category .categoryname {
    padding-left: 18px;
}
.csql_category.csql_categoryhidden .categoryname {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/collapsed);
    background-repeat: no-repeat;
    background-position: center left;
}
.csql_category.csql_categoryshown .categoryname {
    background-image: url(/theme/image.php/govbrds/core/1772471362/t/expanded);
    background-repeat: no-repeat;
    background-position: center left;
}
.csql_category .csql_category_reports {
    margin-left: 18px;
}
.csql_category.csql_categoryshown .csql_category_reports {
    display: block;
}
.csql_category.csql_categoryhidden .csql_category_reports {
    display: none;
}

#page-admin-report-customsql-edit #id_querysql {
    min-width: 100%;
    font-family: monospace;
    line-height: 1.4;
}

.report-eventlist-name {
    color: #888;
    font-size: 0.75em;
}

.report-eventlist-datatable-table > div > table {
    width: 100%;
}

#page-admin-report-eventlist-index dt {
    float: left;
    text-align: right;
    width: 20em;
}

#page-admin-report-eventlist-index dd {
    display: block;
    text-align: left;
    margin-left: 21em;
}

#page-admin-report-eventlist-index dd + dd {
    clear: left;
}

@media (max-width: 767px) {
    #page-admin-report-eventlist-index dt {
        width: 100%;
        text-align: left;
    }

    #page-admin-report-eventlist-index dd {
        margin-left: 0;
    }

    #page-admin-report-eventlist-index dd + dd {
        margin-left: 0;
    }
}

#page-report-log-index .info {
    margin: 10px;
}

#page-report-log-index .logselectform {
    margin: 10px auto;
}

#page-report-log-user .info {
    margin: 10px;
    text-align: center;
}

#page-report-loglive-index .info {
    margin: 10px;
}

table.flexible > tbody > tr:nth-child(n).newrow > td {
    background: #d4d4d4;
}
#page-report-outline-user table tr td {
    padding: 10px 3px;
    min-width: 20px;
}

#page-report-outline-user .subsection .icon {
    padding-left: 10px;
}

#page-report-participation-index .participationselectform {
    margin: 10px auto;
}

#page-report-participation-index .participationselectform label {
    margin-left: 15px;
    margin-right: 5px;
}

/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
    margin-bottom: 0;
}

#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
    padding: 2px 2px;
    font-weight: normal;
    border-right: 1px solid #eee;
}

#page-report-progress-index .progress-actions {
    text-align: center;
    list-style: none;
}

#page-report-progress-index .completion_pagingbar {
    margin: 1em 0;
    text-align: center;
}

#page-report-progress-index .completion_prev {
    display: inline;
    margin-right: 2em;
}

#page-report-progress-index .completion_pagingbar p {
    display: inline;
}

#page-report-progress-index .completion_next {
    display: inline;
    margin-left: 2em;
}

#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

#page-report-progress-index .rotated-text {
    display: inline-block;
    white-space: nowrap;
    /*rtl:remove*/
    transform: translate(0, 100%) rotate(-90deg);
    /*rtl:raw:
    transform: translate(0, 100%) rotate(90deg);
    */
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-progress-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}

#page-report-progress-index .modicon {
    padding-top: 5px;
}
#completion-progress .icon {
    margin-left: 0.5rem;
}

#page-report-stats-index .graph {
    margin-bottom: 1em;
}

/**
 * Container.
 */
.path-grade-report-grader .gradeparent {
    position: relative;
}

/**
 * The table.
 */
.path-grade-report-grader .gradeparent table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    margin-bottom: 2em;
    height: 100%;
}

/**
 * All the cells.
 */
.path-grade-report-grader .gradeparent .cell {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-left-width: 0;
    padding: 0.5rem 1rem;
    vertical-align: top;
    height: 100%;
}

.path-grade-report-grader .overriddengrade {
    color: #495057;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.path-grade-report-grader .gradepass {
    color: #357a32;
}

.path-grade-report-grader .gradefail {
    color: #ca3120;
}

.path-grade-report-grader .grade_icons,
.path-grade-report-grader .category_grade_icons {
    white-space: nowrap;
    margin-top: 0.5rem;
}

.path-grade-report-grader .grade_type_value .grade_icons {
    margin-left: auto;
}

.path-grade-report-grader .grade_icons .icon {
    margin-right: 1rem;
    font-size: 14px;
    width: 24px;
}

.path-grade-report-grader .grade_icons .icon:last-child {
    margin-right: 0;
}

/**
 * All the floating divs.
 */
.path-grade-report-grader .gradeparent .floater {
    display: none;
}

.path-grade-report-grader .gradeparent .floating {
    display: block;
}

/**
 * All the headers + floating cells.
 */
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .user.cell {
    font-size: 14px;
    font-weight: normal;
}

.path-grade-report-grader .gradeparent .heading .header,
.path-grade-report-grader .gradeparent .heading .userfield {
    white-space: nowrap;
}

.path-grade-report-grader .heading .gradeitemheader {
    text-indent: -2rem;
    padding-left: 2rem;
    padding-top: 6px;
}

.path-grade-report-grader .dropdown-item {
    text-align: left;
}

.path-grade-report-grader .heading .gradeitemheader .itemicon {
    text-align: right;
}

/**
 * The user cells.
 */
.path-grade-report-grader .gradeparent .user.cell {
    white-space: nowrap;
}

.path-grade-report-grader .gradeparent .highlightable.cell {
    min-width: 200px;
}

.path-grade-report-grader .gradeparent .highlightable.cell.collapsed {
    min-width: unset;
}

.path-grade-report-grader .gradeparent .user.cell .userpicture {
    border: none;
    vertical-align: middle;
}

.path-grade-report-grader .gradeitemheader {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    vertical-align: middle;
}

/**
 * The footer's header.
 */
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header,
.path-grade-report-grader .gradeparent .groupavg .header {
    font-weight: bold;
    text-align: right;
}

/**
 * The footer's floating cells.
 */
.path-grade-report-grader .gradeparent .avg.floating .cell {
    border-top-width: 1px;
}

/**
 * Content styling.
 */
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
    /* Fixes inconsistencies in cell height on IE. */
    padding-top: 0;
    padding-bottom: 0;
}

.path-grade-report-grader .gradeparent .sorticon {
    vertical-align: middle;
    margin: 0;
}

.path-grade-report-grader .gradeparent td.grade_type_value,
.path-grade-report-grader .gradeparent td.grade_type_value input,
.path-grade-report-grader .gradeparent td.grade_type_value div {
    text-align: right;
    margin-left: auto;
}

.path-grade-report-grader .gradeparent .gradevalue {
    display: inline-block;
}

.path-grade-report-grader .header,
.path-grade-report-grader td.userfield div {
    padding-top: 6px;
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
    /* Made very specific to override the default stripped style of the table. */
    background-color: #ffe3a0;
}

.path-grade-report-grader .gradeparent .excludedfloater {
    font-weight: bold;
    color: red;
    font-size: 9px;
    float: left;
}

.path-grade-report-grader .gradeparent .category {
    text-align: left;
}

/**
 * Editing fields.
 * MDL-74286 - width 100% pushes action menu out of cell.
 */
.path-grade-report-grader .gradeparent select {
    text-overflow: ellipsis;
    min-width: 8rem;
}

.path-grade-report-grader .gradeparent .text {
    border: 1px solid #666;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

.path-grade-report-grader .gradeparent table .action-menu {
    display: inline-block;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
}

.path-grade-report-grader .gradeparent table .heading .action-menu {
    padding-left: 0;
}

.path-grade-report-grader .dropdown-menu {
    width: max-content;
}

.path-grade-report-grader .initialsdropdown {
    width: 460px;
}

.path-grade-report-grader .initialsdropdown::after {
    content: '';
}

.path-grade-report-grader .usersearchwidget::after {
    content: '';
}

.path-grade-report-grader .usersearchwidget {
    pointer-events: none;
}
.path-grade-report-grader .usersearchwidget input {
    pointer-events: initial;
    z-index: 1;
}
.path-grade-report-grader .usersearchwidget button,
.path-grade-report-grader .usersearchwidget a {
    pointer-events: initial;
}
.path-grade-report-grader .usersearchdropdown {
    /*Extra height to allow non result items.*/
    max-height: 400px;
    width: 300px;
    pointer-events: all;
    padding: 0;
}
.path-grade-report-grader .usersearchdropdown .unsearchablecontentcontainer {
    position: sticky;
    bottom: 0;
    background-color: white;
}
.path-grade-report-grader .usersearchdropdown .footer {
    border-top: 1px solid #dee2e6;
    font-size: 90%;
}

.collapsecolumndropdown.show {
    width: 300px;
    max-height: 300px;
}

@media only screen and (min-width: 768px) {
    .path-grade-report-grader .gradeparent table {
        padding-right: 6em;
    }
}

/* History */

.path-grade-report-history div.gradeparent {
    overflow-x: scroll;
}

.path-grade-report-history .singlebutton div,
.path-grade-report-history .singlebutton div input[type="button"] {
    margin: 0;
}

/* User Selector */
.yui3-gradereport_history_usp-hidden {
    display: none;
}

.gradereport_history_usp .usp-content {
    position: relative;
}

.gradereport_history_usp .usp-ajax-content {
    overflow: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.gradereport_history_usp .usp-ajax-content,
.gradereport_history_usp .usp-loading-lightbox {
    height: 375px;
}

.gradereport_history_usp .usp-loading-lightbox {
    background-color: #fff;
    opacity: .5;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
}

.gradereport_history_usp .usp-loading-lightbox img {
    margin-top: 100px;
    opacity: 1;
}

.gradereport_history_usp .usp-search {
    text-align: center;
}

.gradereport_history_usp .usp-user {
    width: 100%;
    text-align: left;
    border-top: 1px solid #eee;
}

.gradereport_history_usp .usp-user:nth-child(odd) {
    background-color: #f9f9f9;
}

.gradereport_history_usp .usp-first-added {
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-checkbox {
    text-align: center;
    float: left;
    padding: 11px 6px 0 6px;
}

.gradereport_history_usp .usp-checkbox input[type=checkbox] {
    margin: 0;
}

.gradereport_history_usp .usp-picture {
    margin: 6px 3px 0 3px;
    float: left;
}

.gradereport_history_usp .usp-userpicture {
    cursor: pointer;
}

.gradereport_history_usp .usp-user .details {
    margin-left: 67px;
    padding: 3px 6px 0 6px;
    word-wrap: break-word;
}

.gradereport_history_usp .usp-user .details label {
    margin: 0;
}

.gradereport_history_usp .usp-more-results {
    padding: 5px;
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-finish {
    padding-top: 1em;
    text-align: center;
}

.gradereport_history_usp .usp-finish input {
    margin: 0;
}

.path-grade-report-singleview div.reporttable {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
    text-align: center;
}

.path-grade-report-singleview div.groupselector,
.path-grade-report-singleview div.selectitems {
    display: block;
    text-align: right;
    clear: both;
}

.path-grade-report-singleview div.singleselect + div.singleselect select,
.path-grade-report-singleview div.groupselector select {
    margin-right: 0;
}

.path-grade-report-singleview div.reporttable div.singleselect form div {
    text-align: center;
}

.path-grade-report-singleview div.reporttable table.reporttable {
    margin: 0 auto 15px auto;
}

.path-grade-report-singleview div.reporttable form div {
    text-align: left;
}

.path-grade-report-singleview div.reporttable h2 {
    text-align: left;
}

.path-grade-report-singleview .overrideexcludecheck {
    width: 14.75px;
    height: 12px;
    color: #2ca14f;
}

.path-grade-report-singleview .report-navigation .container {
    max-width: 1060px;
    margin-left: 0;
}

.path-grade-report-singleview .zero-state img {
    width: 185px;
}

.path-grade-report-singleview .reporttable thead th,
.path-grade-report-singleview .reporttable thead td {
    white-space: nowrap;
    border: none;
}

.path-grade-report-singleview .reporttable tbody tr,
.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
.path-grade-report-singleview .reporttable tbody tr:hover {
    color: inherit;
    background-color: white;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
    white-space: nowrap;
    font-weight: normal;
}

.path-grade-report-singleview .reporttable tbody th > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.path-grade-report-singleview .itemnav {
    font-size: small;
    display: inline;
    padding-bottom: 0.5em;
}

.path-grade-report-singleview .itemnav.previtem {
    float: left;
}

.path-grade-report-singleview div.nextitem {
    float: right;
}

.path-grade-report-singleview .reporttable {
    width: 100%;
}

.path-grade-report-singleview .reporttable .generaltable th,
.path-grade-report-singleview .reporttable .generaltable td {
    text-align: left;
    vertical-align: middle;
    border: none;
}

.path-grade-report-singleview div.reporttable form div.singleview_bulk {
    display: inline-block;
    text-align: left;
    margin-bottom: 1em;
}

.path-grade-report-singleview .singleview_bulk div > *,
.path-grade-report-singleview .singleview_bulk fieldset > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.path-grade-report-singleview .singleselect select,
.path-grade-report-singleview div.reporttable form .singleview_bulk select,
.path-grade-report-singleview div.reporttable form .singleview_bulk input {
    margin-left: 10px;
    margin-right: 10px;
}

#bulkinsertmodal {
    width: 181px;
    height: 39px;
    top: 309px;
    border-radius: 4px;
}

.path-grade-report-singleview .singleview_bulk > fieldset {
    display: block;
}

.path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable {
    margin-bottom: 0.5em;
    text-align: left;
}

.searchresultitemscontainer {
    max-height: 150px;
    height: 150px;
    overflow: auto;
}

.path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-singleview .reporttable .gradeitem span.small {
    font-size: 70%;
}

.path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader,
.path-grade-report-singleview .reporttable div.courseitem .gradeitemheader {
    font-weight: bold;
}

.path-grade-report-user #graded_users_selector {
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user .view_users_selector {
    clear: both;
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user #graded_users_selector .singleselect label,
.path-grade-report-user .view_users_selector .singleselect label {
    display: inline-block;
}

.path-grade-report-user .user-grade,
.grade-report-user .user-grade {
    width: 100%;
}

.path-grade-report-user .user-grade thead th,
.grade-report-user .user-grade thead th {
    vertical-align: bottom;
    border: none;
    text-align: left;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade td,
.grade-report-user .user-grade td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle;
}

.path-grade-report-user .user-grade .b1l,
.grade-report-user .user-grade .b1l {
    padding: 0;
    width: 24px;
    min-width: 24px;
}

.path-grade-report-user .user-grade tbody .column-itemname,
.grade-report-user .user-grade tbody .column-itemname {
    padding-left: 24px;
    padding-right: 8px;
}

.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb,
.grade-report-user .user-grade .column-itemname.baggt,
.grade-report-user .user-grade .column-itemname.baggb {
    padding-left: 0;
}

.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
.grade-report-user .user-grade .baggb {
    font-weight: bold;
    background-color: #f8f9fa;
    border: none;
}

.path-grade-report-user .user-report-container,
.grade-report-user .user-report-container {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr,
.grade-report-user .user-grade tbody tr {
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr:hover,
.grade-report-user .user-grade tbody tr:hover {
    color: inherit;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr.spacer,
.grade-report-user .user-grade tbody tr.spacer {
    height: 0.5rem;
}

.path-grade-report-user .user-grade td.item,
.grade-report-user .user-grade td.item {
    background-color: white;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) {
    background-color: white;
    font-weight: normal;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
    background-color: white;
    border: 1px solid #dee2e6;
    padding-left: 10px;
    font-weight: bold;
}

.path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed,
.grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed {
    display: none;
}

.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    margin-right: 3px;
}

.path-grade-report-user .user-grade th.category a.toggle-category i,
.grade-report-user .user-grade th.category a.toggle-category i {
    font-size: 12px;
    width: 12px;
    height: 12px;
    color: #1d2125;
    margin: 0;
}

.path-grade-report-user .user-grade .column-itemname .small,
.grade-report-user .user-grade .column-itemname .small {
    font-size: 70%;
}

.path-grade-report-user .user-grade tr[data-hidden="true"],
.grade-report-user .user-grade tr[data-hidden="true"] {
    display: none;
}

.path-grade-report-user .user-grade .category div,
.grade-report-user .user-grade .category div {
    min-height: 30px;
    align-items: center;
}

.path-grade-report-user .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-user .user-navigation .container {
    max-width: 767px;
}

.path-grade-report-user .view-user-selector label {
    display: block;
    font-size: 80%;
    margin: 0;
}

.path-grade-report-user .view-user-selector .dropdown-toggle {
    padding: 0;
    font-weight: bold;
}

.path-grade-report-user .zero-state img {
    width: 185px;
}

@media print {
    .path-grade-report-user .user-grade th.category,
    .grade-report-user .user-grade th.category {
        border-left: none;
        border-right: none;
    }

    .path-grade-report-user .user-grade th.category a.toggle-category,
    .grade-report-user .user-grade th.category a.toggle-category
    .path-grade-report-user #page-footer,
    .path-grade-report-user .user-grade td.column-grade .action-menu {
        display: none;
    }
}

.gradingform_guide-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_guide-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_guide-error {
    color: red;
    font-weight: bold;
}

.gradingform_guide_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_guide_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_guide_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide .criterion .description,
.gradingform_guide .criterion .remark {
    vertical-align: top;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide.editor .criterion .description,
.gradingform_guide.editor .criterion .remark {
    padding: 3px;
}

.gradingform_guide .criteria {
    height: 100%;
}

.gradingform_guide .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_guide .criterion.even {
    background: #f0f0f0;
}

.gradingform_guide .criterion .description {
    width: 100%;
}

.gradingform_guide .criterion .description .criterionmaxscore input {
    width: 20px;
}

.gradingform_guide .criterion .description .criterionname {
    font-weight: bold;
}

.gradingform_guide .criterion label {
    font-weight: bold;
    padding-right: 5px;
}

.gradingform_guide .plainvalue.empty {
    font-style: italic;
    color: #aaa;
}

.gradingform_guide .plainvalue.editname {
    font-weight: bold;
}

/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
   the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_guide.editor .criterion .controls .delete input {
    width: 20px;
    height: 16px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/delete) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .moveup input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/up) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .movedown input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/down) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/add) no-repeat;
    background-size: 0.75rem;
    display: block;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background-position: left 5px top 8px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 10px;
}

.gradingform_guide .options .optionsheading {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_guide .options .option {
    padding-bottom: 2px;
}

.gradingform_guide .options .option label {
    margin-left: 5px;
}

.gradingform_guide .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_guide .criterion .description.error {
    background: #fdd;
}

/* special classes for elements created by guideeditor.js */
.gradingform_guide.editor .hiddenelement {
    display: none;
}

.gradingform_guide.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.jsenabled .gradingform_guide .markingguidecomment {
    cursor: pointer;
}

.jsenabled .gradingform_guide .markingguidecomment:before {
    content: url(/theme/image.php/govbrds/core/1772471362/t/add);
    padding-right: 2px;
}

.gradingform_guide .commentheader {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.jsenabled .gradingform_guide .criterionnamelabel {
    display: none;
}

.jsenabled .gradingform_guide .criterionshortname {
    font-weight: bold;
}

.gradingform_guide table {
    width: 100%;
}

.gradingform_guide .descriptionreadonly {
    vertical-align: top;
}

.gradingform_guide .criteriondescriptionmarkers {
    width: 300px;
}

.gradingform_guide .markingguideremark {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gradingform_guide .criteriondescriptionscore {
    display: inline;
}

.gradingform_guide .score label {
    display: block;
}

.gradingform_guide .score input {
    margin: 0;
    width: auto;
}
.gradingform_guide_comment_chooser {
    max-height: 80vh;
    overflow-y: auto;
}
.gradingform_guide-frequent-comments {
    position: absolute;
    top: 7px;
    right: 0;
}

/*
.gradingform_rubric.editor[.frozen|.editable]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .controls
            .moveup
                [input type=submit]
            .delete
                [input type=submit]
            .movedown
                [input type=submit]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    .definition
                        [textarea]
                    .score
                        span
                            [input type=text]
                    .delete
                        [input type=submit]
        .addlevel
            [input type=submit]
        .remark
            textarea
    .addcriterion
        [input type=submit]
  .options
    .optionsheading
    .option.OPTIONNAME

.gradingform_rubric[.review][.evaluate[.editable|.frozen]]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    div.radio
                        input
                    .definition
                    .score
                        span

*/

.gradingform_rubric_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_rubric_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_rubric_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_rubric {
    padding-bottom: 1.5em;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric .criterion .levels,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    vertical-align: top;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    padding: 3px;
}

.gradingform_rubric .criteria {
    height: 100%;
    display: flex;
    width: 100%;
    overflow: auto;
}

.gradingform_rubric .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_rubric .criterion.even td {
    background: #f0f0f0;
}

.gradingform_rubric .criterion.odd td {
    background: white;
}

.gradingform_rubric .criterion .description {
    min-width: 150px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels table {
    width: 100%;
    height: 100%;
}

.gradingform_rubric .criterion .levels,
.gradingform_rubric .criterion .levels table,
.gradingform_rubric .criterion .levels table tbody {
    padding: 0;
    margin: 0;
}

.gradingform_rubric .criterion .levels .level {
    border-left: 1px solid #ddd;
    max-width: 150px;
}

.gradingform_rubric .criterion .levels .level .level-wrapper {
    position: relative;
}

.gradingform_rubric .criterion .levels .level.last {
    border-right: 1px solid #ddd;
}

.gradingform_rubric .plainvalue.empty {
    font-style: italic;
    color: #aaa;
}

/* Make invisible the buttons 'Move up' for the first criterion and
   'Move down' for the last, because those buttons will make no change */
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_rubric.editor .criterion .controls .delete input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/delete) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/copy) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .levels .level .delete input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/delete) no-repeat center;
}

.gradingform_rubric.editor .moveup input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/up) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .movedown input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/govbrds/core/1772471362/t/down) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
    background: #fff url(/theme/image.php/govbrds/core/1772471362/t/add) no-repeat 7px 8px;
    display: block;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.gradingform_rubric.editor .addcriterion input {
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 10px;
}

.gradingform_rubric.editor .addlevel input {
    padding-left: 24px;
    padding-right: 8px;
}

.gradingform_rubric .options .optionsheading {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_rubric .options .option {
    padding-bottom: 2px;
}

.gradingform_rubric .options .option label {
    margin-left: 5px;
}

.gradingform_rubric .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels.error {
    border: 1px solid red;
}

.gradingform_rubric .criterion .description.error,
.gradingform_rubric .criterion .levels .level .definition.error,
.gradingform_rubric .criterion .levels .level .score.error {
    background: #fdd;
}

.gradingform_rubric-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_rubric-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_rubric-error {
    color: red;
    font-weight: bold;
}

/* special classes for elements created by rubriceditor.js */
.gradingform_rubric.editor .hiddenelement {
    display: none;
}

.gradingform_rubric.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.gradingpanel-gradingform_rubric [aria-checked="true"] {
    border: 1px solid black;
}

.path-admin-mnet-service-enrol .singlebutton {
    text-align: center;
}
.path-admin-mnet-service-enrol table.remotehosts,
.path-admin-mnet-service-enrol table.otherenrolledusers,
.path-admin-mnet-service-enrol table.remotecourses {
    margin: 0 auto 1em auto;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname {
    text-align: left;
    background-color: #f6f6f6;
}
.path-admin-mnet-service-enrol table.remotecourses td.c1 {
    font-weight: bold;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
    margin-right: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregioncaption {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}
.path-admin-mnet-service-enrol .collapsibleregioninner {
    border: 1px solid #ddd;
    padding: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
    margin: 0 10em;
}
.path-admin-mnet-service-enrol .roleassigntable {
    margin: 1em auto;
}

#page-admin-question-bank-columnsortorder-sortcolumns .addcolumn {
    display: inline-block;
}
.qbank-sortable-column {
    background-color: white;
    position: relative;
}
.jsenabled .qbank-column-list button.savewidths {
    display: none;
}
.qbank-sortable-column .qbank_columnsortorder-action-handle {
    display: none;
}
.qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle {
    display: block;
}
.qbank-sortable-column .handle-container {
    pointer-events: none; /* Prevent the handle container blocking clicks to elements in the header */
    width: 100%;
    position: absolute;
    top: 40%;
    z-index: 1;
}
.qbank_columnsortorder-action-handle {
    pointer-events: auto; /* Ensure the handles themselves receive clicks */
}
.qbank_columnsortorder-action-handle.move {
    margin-left: -21px;
    width: 16px;
}
.qbank_columnsortorder-action-handle.resize {
    cursor: col-resize;
    position: absolute;
    top: 0;
    right: 5px;
}
.qbank_columnsortorder-action-handle.resize img {
    /* Prevent the resize handle icon being dragged across the page */
    pointer-events: none;
}
.qbank_columnsortorder-action-handle .icon {
    margin-right: 0;
}

/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
    max-width: none;
    width: 100%;
}

/* Card-style border on category lists */
.qbank_managecategories-categorylist {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 1rem;
}
/* Category item layout */
.qbank_managecategories-handlecontainer {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.qbank_managecategories-item .container {
    padding: 0.75rem;
}
/* Separators between each item become drop indicators */
.qbank_managecategories-item {
    width: 100%;
    list-style: none;
    border-top: 1px solid #dee2e6;
}
.qbank_managecategories-item:first-child {
    border-top-color: transparent;
}
.qbank_managecategories-item:last-child {
    border-bottom: 1px solid transparent;
}
.qbank_managecategories-item .qbank_managecategories-item:first-child {
    border-top-color: #dee2e6;
}
.qbank_managecategories-details p:last-child {
    margin-bottom: 0;
}
.qbank_managecategories-childlistcontainer:empty {
    display: none;
}
/* Fade effect on drag handle */
.qbank_managecategories-draghandle {
    display: none;
    opacity: 0.45;
}
.qbank_managecategories-item.draghandle .qbank_managecategories-draghandle {
    display: inline;
}
/* Drag indicator */
.qbank_managecategories-item.draghandle > .container {
    border: 2px solid transparent;
    border-radius: 1rem;
}
.qbank_managecategories-item.draghandle > .container:hover {
    cursor: move;
    border-color: #0f6cbf;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
/* No move/delete buttons on non-draggable items */
.dropdown-item.show-when-movable {
    display: none;
}
.qbank_managecategories-item.draghandle .dropdown-item.show-when-movable {
    display: block;
}
/* Don't show card border on nested lists. */
.qbank_managecategories-categorylist .qbank_managecategories-categorylist {
    padding: 0 0 .5rem 0;
    border: 0;
    border-radius: 0;
}
/* Don't show hover indication on parent when a child is hovered */
.editing .qbank_managecategories-item .container:hover:has(.container:hover) {
    border-color: transparent;
}
/* New child drop target */
.qbank_managecategories-newchild {
    display: none;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 0.25rem 1rem;
    color: #dee2e6;
    font-weight: bold;
}

/* stylelint-disable max-line-length */
.qbank_managecategories-newchild.qbank_managecategories-droptarget,
/* Show the drop target if it's directly inside a highlighted category, but not if its inside a child of that category */
.qbank_managecategories-droptarget-before > .container > .row > .qbank_managecategories-contentcontainer > :not(.qbank_managecategories-childlistcontainer) .qbank_managecategories-newchild {
    display: unset;
}
/* stylelint-enable max-line-length */

/* Hidden descriptions */
.qbank_managecategories-description {
    display: none;
}
.showdescriptions .qbank_managecategories-description {
    display: unset;
}

.question-bank-table td.questionlastused span.date {
    font-weight: 400;
    font-size: .8em;
}

.jsenabled .question-text-format .input-group-append {
    display: none;
}

.qbehaviour_deferredcbm_slightlyunderconfident,
.qbehaviour_deferredcbm_slightlyoverconfident {
    font-weight: bold;
    color: #600;
}

.qbehaviour_deferredcbm_underconfident,
.qbehaviour_deferredcbm_overconfident {
    font-weight: bold;
    color: #c00;
}

.qbehaviour_deferredcbm_judgementok {
    font-weight: bold;
    color: #080;
}

.qbehaviour_deferredcbm_actual_percentage {
    font-weight: bold;
}

.qbehaviour_deferredcbm_summary_heading {
    margin: 0;
}

.que.deferredcbm .certaintychoices input[type="radio"] {
    margin-left: 0.5em;
}

.que.deferredcbm .certaintychoices label {
    white-space: nowrap;
}

/*
    Document   : styles_pp
    Created on : 11-Jan-2013, 14:47:55
    Author     : John McGettrick
    Description:
        Purpose of the stylesheet follows.
*/

.forumpost .content .attachments {
    text-align: left;
}

.tii_links_container {
    padding-top: 4px;
}

.tii_links_container .clear {
	clear:both;
}

.tii_links_container .launch_form, .tii_links_container .useragreement_form, .tii_links_container .turnitin_submit_error,
.tii_links_container .turnitin_eula_link, .tii_links_container #useragreement_form form, .tii_links_container .hidden,
.tii_links_container .cmid, .tii_links_container .userid, .plagiarism_submission, .pp_turnitin_cmid, .tii_useragreement_form,
#tii_view_context, .tii_links_container .grademark_forum_launch, .tii_links_container .origreport_forum_launch {
    display:none;
}

.tii_links_container .pp_origreport, .tii_links_container .grade_icon, .tii_links_container .tii_error_icon,
.tii_links_container .row_rubric_view, .tii_links_container .row_peermark_reviews, .tii_links_container .student_read_icon {
    float: left;
}

.tii_links_container .pp_grademark_open img:not(.icon) {
    padding-right: 8px;
}

.tii_links_container .student_read_icon {
    padding-top: 6px;
}

.tii_links_container .row_rubric_view {
    position: relative;
    top:5px;
}

.tii_links_container .row_rubric_view i {
    line-height: 1 !important;
    margin-right: 16px;
}

.tii_links_container .rubric_view_pp_launch {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/rubric) no-repeat 0px 0px;
    cursor:pointer;
    height: 34px;
    width:32px;
    display: block;
}

.tii_links_container .rubric_view_pp_launch_upload {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/rubric) no-repeat 0px 0px;
    cursor: pointer;
    padding: 2px 0px 2px 40px;
    display: inline;
    line-height: 28px;
    margin-left:6px;
    color: #0070A8;
}

.tii_disclosure_links {
    display:block;
}

.tii_disclosure_links .row_rubric_view {
    float: none !important;
    padding-left: 4px;
}

.tii_disclosure_links .row_rubric_view a {
    width: 100%;
    padding-left: 26px;
}

.tii_links_container a.rubric_view_pp_launch, .tii_links_container a.peermark_reviews_pp_launch {
    color:#000000;
}

.tii_links_container .peermark_reviews_pp_launch {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/peermark-reviews) no-repeat 0px 0px;
    cursor:pointer;
    margin-top: 5px;
    padding: 4px 0 18px 36px;
    line-height: 28px;
    display: block;
}

.tii_links_container .tii_links_container {
    white-space: nowrap;
}

.tii_links_container .pp_grademark_open, .tii_links_container .pp_origreport_open {
    cursor:pointer;
}

.tii_links_container .pp_grademark_open {
    padding-top:6px;
    margin-bottom:6px;
}

.tii_links_container .pp_origreport {
    position:relative;
    top:4px;
    display:inline;
    margin-bottom:6px;
}

.tii_links_container .score_colour {
    min-width:36px;
    font-size:12px;
    display:inline-block;
    text-align: center;
    margin-right:8px;
    padding: 2px 4px;
}

.tii_links_container .score_colour_ { background: #999999; color:#000000; }
.tii_links_container .score_colour_0 { background: #4ea3f0; color:#FFFFFF; }
.tii_links_container .score_colour_25 { background: #70c30f; }
.tii_links_container .score_colour_50 { background: #ffe225; }
.tii_links_container .score_colour_75 { background: #ffa400; }
.tii_links_container .score_colour_100 { background: #f03a3a; color:#FFFFFF; }

.tii_links_container .origreport_score {
    white-space:nowrap;
}

.tii_links_container .score_no_orcapable {
    width:16px;
    text-align:center;
    color:#CC0000;
    background:#CCCCCC;
    cursor: normal;
}

.tii_links_container .turnitin_status {
    white-space:nowrap;
}

.tii_links_container .turnitin_status img {
    padding-right:6px;
}

.tii_links_container .warning, .pp_errors_warning {
    border: 1px solid #CC0000;
    padding: 8px;
    background: #FFE9E8;
    width: 99%;
    text-align:center;
    display:block;
    margin-bottom:6px;
}

.tii_links_container .success, .pp_errors_success {
    border: 1px solid #CC0000;
    padding: 8px;
    background: #FFFFFF;
    width: 100%;
    text-align:center;
    margin-bottom:6px;
}

.tii_links_container .success {
    display:none;
}

.pp_errors_success {
    display:block;
}

.forumpost .tii_links_container .success {
    width:96%;
}

.tii_links_container #ppErrors {
    width:100%;
}

#page-admin-plagiarism-turnitin-settings .left {
    text-align: left;
}

#page-admin-plagiarism-turnitin-settings .centered_cell {
    text-align: center;
}

#page-admin-plagiarism-turnitin-settings .row_peermark_manager {
    float:left;
    display:inline;
}

.plagiarism_turnitin_refresh_grades, .plagiarism_turnitin_refreshing_grades {
    cursor: pointer;
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/refresh) no-repeat 4px 0px;
    margin-bottom: 4px;
    padding: 0 0 0 40px;
}

.plagiarism_turnitin_refreshing_grades {
    display: none;
}

.peermark_manager_launch {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/peermark-settings) no-repeat 0px 0px;
    cursor: pointer;
    padding: 4px 16px 4px 40px;
    display: inline;
    line-height: 28px;
    color: #0070a8;
}
.peermark_manager_launch:hover{
    text-decoration: underline;
}

.plagiarism_turnitin_quickmark_manager_launch {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/quickmark) no-repeat 0px 0px;
    cursor: pointer;
    padding: 2px 0px 2px 40px;
    display: inline;
    line-height: 28px;
    color: #0070a8;
}
.plagiarism_turnitin_quickmark_manager_launch:hover{
    text-decoration: underline;
}

.tii_links_container .forum_eula_launch_noscript, .tii_links_container .forum_eula_launch span, .pp_turnitin_eula {
    cursor:pointer;
    text-decoration: underline;
	text-align: center;
	border: 1px solid #CC0000;
    padding: 24px 12px 12px;
	color: #1177d1;
	margin-top:12px;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.pp_turnitin_eula {
	display: none;
    margin-bottom:16px;
    padding-top: 40px;
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/turnitin-icon) no-repeat 50% 6px;
    background-size:32px;
}

noscript.turnitin_ula_noscript {
    border: 1px solid #CC0000;
    padding: 8px;
    background: #FFE9E8;
    width: 99%;
    text-align:center;
    display:block;
    margin:16px 6px;
	line-height: 28px;
}

.tii_links_container .turnitin_submit_error {
    width: auto;
    margin-top: 12px;
    display:none;
}

.tii_links_container .plagiarism_turnitin_resubmit_link {
    cursor: pointer;
}

.tii_links_container .tii_error_icon, .tii_links_container .pp_resubmitting img {
    padding-right:6px;
}

.tii_links_container .eularedirect {
    text-align: center;
}

button.pp-resubmit-files {
    clear: both;
    float: right;
    margin: 10px 0;
}

.rubric_manager_launch {
    background:url(/theme/image.php/govbrds/plagiarism_turnitin/1772471362/rubric) no-repeat 0px 0px;
    cursor: pointer;
    padding: 2px 0px 2px 40px;
    display: inline;
    line-height: 28px;
    margin-left:6px
}

.tii_links_container .turnitin_status .icon_size {
    width: 24px;
    height: 24px;
}

.blue {
    color: #009ACD;
}

.icon_margin {
    margin-right: 20px;
}
.icon_peermark_manager {
    color: #009900 !important;
}

.tii_checkagainstnote, .tii_anonblindmarkingnote, .tii_genspeednote {
    border: 1px solid #6FCAFF;
    background: #BBE6FF;
    padding: 10px;
    margin-bottom: 16px;
}

iframe html{background:none;}

.selectlong {
    width: 530px;
}

.connection-test-success,
.connection-test-failed {
    background-image: none;
    color: #FFFFFF;
    text-shadow: none;
}
.connection-test-success button:focus,
.connection-test-failed button:focus{
    outline: 0;
}
.connection-test-success {
    background-color: #51a351;
}
.connection-test-failed {
    background-color: #d9534f;
}

.iframe-ltilaunch {
    width: 100%;
    height: 700px;
}

.iframe-ltilaunch-eula {
    width: 767px;
    height: 680px;
}

.iframe-ltilaunch-rubric {
    width: 100%;
    min-width: 840px;
    height: 680px;
}

.tii_pp_modal_eula {
    width: 800px !important;
    height: 700px;
    background-color: #EEE !important;
}

.tii_pp_modal_eula_content {
    height: 735px;
}

.tii_pp_modal_rubric {
    max-width: 1027px !important;
}

.tii_pp_modal_rubric_content {
    width: 1032px !important;
    left: -116px;
}

.turnitin_setup_download_links label {
    width: 300px;
    line-height: 50px;
    justify-content: left;
}

.admin_presets_error {
    color: red;
    text-align: center;
}

.admin_presets_success {
    color: green;
    text-align: center;
}

.adminpreset_appdescription {
    font-size: small;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-admin-tool-behat-index .steps-definitions {
    margin: 1rem auto;
}

#page-admin-tool-behat-index .steps-definitions .step {
    margin: 1rem 0 0 0;
    border: 1px solid #eee;
    padding: 1rem;
}

#page-admin-tool-behat-index .steps-definitions .stepdescription {
    font-style: italic;
}

#page-admin-tool-behat-index .steps-definitions .stepcontent {
    margin: 1rem 0;
}

#page-admin-tool-behat-index .steps-definitions .steptype {
    color: #1467a6;
    margin-right: 1ex;
}

#page-admin-tool-behat-index .steps-definitions .stepapipath {
    font-family: monospace;
    font-size: smaller;
}

#page-admin-tool-behat-index .steps-definitions .stepregex {
    color: #060;
}

#page-admin-tool-behat-index .steprequiredfields {
    font-weight: bold;
    font-size: 1em;
    margin-top: 1em;
}

.tool_brickfield_floatprinticon {
    margin-top: -30px;
    float: right;
}

.tool_brickfield_analysisbutton {
    width: 100%;
    text-align: center;
}

/* Advanced Page CSS */

#tool_brickifeld_advanced_page {
    margin: 20px 20px 20px 10px;
}

.tool_brickfield_banner_heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tool_brickfield_banner_heading > img {
    height: 50px;
}

.tool_brickfield_banner > p {
    text-align: center;
}

.tool_brickfield_grid_heading {
    font-family: 'Varela Round', Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #040d29;
    padding-bottom: 4px;
}

.tool_brickfield_grid_content {
    color: #040d29;
    font-size: 16px;
    line-height: 1.4em;
}

.tool_brickfield_grid_heading > img {
    height: 30px;
    padding-right: 16px;
}

.tool_brickfield_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 20px 30px;
}

.tool_brickfield_grid > div {
    margin: 10px;
    padding: 20px;
    flex-basis: 30%;
    border: 1px solid grey;
    max-width: 500px;
    min-width: 250px;
    flex-grow: 4;
    border-radius: 15px 15px 15px 50px;
}

.tool_brickfield_grid_heading {
    display: flex;
}

.tool_brickfield_footer > a {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #4054b2;
    border-radius: 5px;
    padding: 15px 50px;
    transition: 0.3s;
    margin-bottom: 20px;
}

.tool_brickfield_footer {
    text-align: center;
}

.tool_brickfield_footer > a:hover {
    color: #fff;
    background-color: #253687;
    text-decoration: none;
}

.tool_brickfield_footer > p {
    margin-bottom: 25px;
}

.path-admin-tool-capability [data-search="capability"] {
    min-width: 675px;
}

.path-admin-tool-capability .comparisontable {
    margin-top: 150px;
}

.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
    vertical-align: middle;
    padding: 0.4em 0.5em 0.3em;
}

.path-admin-tool-capability .comparisontable thead th {
    vertical-align: bottom;
    background: none;
}

.path-admin-tool-capability .comparisontable thead th div {
    position: relative;
}

.path-admin-tool-capability .comparisontable thead th div > a {
    position: absolute;
    top: -1.75em;
    left: 1em;
    width: 150px;
    text-align: left;
    margin-bottom: 1em;
    text-indent: -1.45em;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}

.path-admin-tool-capability .comparisontable tbody th {
    background-color: #eee;
    text-align: right;
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable tbody th span {
    display: block;
    color: #666;
    font-size: 80%;
}

.path-admin-tool-capability .comparisontable tbody td {
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable .inherit {
    color: #666;
}

.path-admin-tool-capability .comparisontable .allow {
    background-color: #060;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prevent {
    background-color: #ad6704;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prohibit {
    background-color: #800;
    font-weight: bold;
    color: white;
}
.nav-pills .nav-pills {
    margin-left: 1rem;
}
.data-registry > .top-nav > * {
    margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
    display: inline-block;
}

.data-registry .context-tree {
    height: 70vh;
    overflow-y: scroll;
}

[data-region="data-requests-table"] .moodle-actionmenu {
    min-width: 150px;
}

.context-level-view {
    margin: 1em;
}
/**
 * Styles for admin tool page.
 */

/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
    white-space: nowrap;
}

/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
    opacity: 0.2;
}

.path-admin-tool-filetypes .generaltable .deleted .c0 span {
    text-decoration: line-through;
}

/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
    font-weight: bold;
}

#page-admin-tool-installaddon-index #installfromrepobox {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
    display: inline-block;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
    padding: 1em;
}

#page-admin-tool-langimport-index .langimport {
    margin: auto;
    float: none;
    width: 100%;
}

#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
    height: 300px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
    list-style-type: none;
}

.path-admin-tool-lp .progresstext {
    display: inline-block;
    vertical-align: top;
}

.path-admin-tool-lp .progress {
    width: 100%;
    display: inline-block;
}

.path-admin-tool-lp .progress .bar {
    min-width: 3em;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear .2s, box-shadow linear .2s;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
    cursor: pointer;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
    background-color: #dfdfdf;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
    border: 2px solid #0070a8;
}

.path-admin-tool-lp [data-region="filtercompetencies"] input {
    margin-left: 10px;
}

.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
    text-align: center;
}

.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
    overflow-y: auto;
    height: 400px;
}

.path-admin-tool-lp span.currentdragtarget {
    border: 1px dashed;
}

.path-admin-tool-lp .competencyactionsmenu {
    display: inline-block;
    vertical-align: text-top;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
    display: table;
    width: 100%;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
    display: table-row;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
    padding-right: 10px;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
    display: table-cell;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
    width: 100%;
}

.path-admin-tool-lp [data-region] .generaltable.fullwidth {
    clear: both;
}

.path-admin-tool-lp .competency-rule-points {
    margin-top: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.path-admin-tool-lp .competency-rule-points table input {
    margin-bottom: 0;
}

.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
    font-weight: normal;
}

.path-admin-tool-lp .competency-rule-points input[type="number"] {
    width: 50px;
}

.competency-heading {
    margin-bottom: 15px;
}

.competency-heading h4 {
    margin: 0;
}

/** Styles required for menubar js */

.tool-lp-menu {
    margin: 0;
}

.tool-lp-menu li {
    float: left;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
}

.tool-lp-sub-menu {
    position: absolute;
    list-style: none;
    margin: 0;
    top: -10px;
}

.tool-lp-sub-menu li {
    float: none;
}

.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
    display: block;
}

.tool-lp-menu ul[aria-hidden=true] {
    display: none;
}

.tool-lp-menu .caret {
    margin: 8px;
}

.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
    left: auto;
    right: 0;
}

/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
    color: #fff;
    text-decoration: none;
    background-color: #00699e;
    background-image: linear-gradient(to bottom, #0070a8, #005f8f);
    background-repeat: repeat-x;
}

/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
    margin-top: 0;
}

/** User evidence */
.user-evidence-documents {
    margin: 10px 20px;
    list-style: none;
}

.user-evidence-competencies,
.user-evidence-documents li {
    margin-bottom: 5px;
    word-break: break-all;
}

[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
    margin: 0;
    list-style: none;
}

.user-competency-course-navigation select {
    display: none;
}

.user-competency-course-navigation span {
    max-width: 100%;
    overflow: hidden;
}

/** Competency grader */
.competency-grader textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.path-admin-tool-lp #region-main {
    overflow-x: visible;
}

ul.competency-tree img {
    width: 16px;
    height: 16px;
}

[data-region="managecompetencies"] a .icon,
[data-region="plan-page"] a .icon {
    color: initial;
}

[data-region="managecompetencies"] h2 a .icon,
[data-region="plan-page"] h2 a .icon {
    font-size: smaller;
}

#page-admin-tool-messageinbound-index .handler-function {
    display: block;
    padding: 0 0.5em;
    color: #888;
    font-size: 0.75em;
}

#page-admin-tool-messageinbound-index .state,
#page-admin-tool-messageinbound-index .edit {
    text-align: center;
}

input.tool-mfa-verification-code,
.tool-mfa-verification-code input {
    /* Some elements must be important to override form element*/
    font-size: 1.5em !important; /* stylelint-disable-line declaration-no-important */
    font-family: monospace;
    text-align: center;
    letter-spacing: 1.0em;
    font-weight: bold;
}

.tool-mfa-factor-choose,
.tool-mfa-factor-choose:hover {
    background-color: #fff;
    border-color: #3584c9;
    border-width: 1px;
    width: 100%;
    border-radius: 0.5rem;
}

.tool-mfa-factor-choose:hover,
.tool-mfa-factor-choose:hover .tool-mfa-factor-choose-text {
    text-decoration: underline;
    color: #094478;
    background-color: #cfe2f2;
}

.mfa-verify-form input[type="submit"] {
    height: 50px;
    font-size: 1.05rem;
}

.mfa-verify-form .invalid-feedback {
    font-weight: 700;
}

.mfa-verify-form .form-group.fitem,
.mfa-verify-form .form-group.fitem > span,
.mfa-verify-form .form-group.fitem > span > input {
    width: 100%;
}

/**
 * Styles for admin tool mobile.
 */

#page-admin-tool-mobile-subscription dl dt {
    clear: both;
    display: inline-block;
    width: 40%;
    min-width: 100px;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl dd {
    display: inline-block;
    width: 59%;
    margin-left: 1%;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl.list-narrow dt {
    width: 30%;
}

#page-admin-tool-mobile-subscription dl.list-narrow dd {
    width: 69%;
}

#page-admin-tool-mobile-subscription progress {
    width: 100%;
}
/* jquery-eu-cookie-law-popup styles */
.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}
.eupopup-container .eupopup-body a {
    color: #fff;
    text-decoration: underline;
}

.behat-site .eupopup-container-bottom {
    position: absolute;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    opacity: 0.2;
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button {
    margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
    text-decoration: underline;
    color: #f6a21d;
}

/* tool_policy styles */
.eupopup-body li {
    display: inline;
}

.eupopup-body li:before {
    content: ",";
}

.eupopup-body li:first-child:before {
    content: "";
}

.eupopup-body ul {
    padding: 0;
    margin: 0 0 3px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
}

.eupopup-button_1 {
    font-weight: bold;
    font-size: 14px;
}

.eupopup-button_2 {
    display: none;
}

.eupopup-button {
    color: #f6a21d;
}

.policy-heading .policy-viewdoc-buttons {
    text-align: center;
    margin: 15px;
}

#page-admin-tool-policy-acceptances .colselect {
    width: 35px;
}

/* tool_profiling styles */

.path-admin-tool-profiling .profilingruntable .label {
    font-weight: bold;
}

.path-admin-tool-profiling .profiling_worse {
    color: red;
}

.path-admin-tool-profiling .profiling_better {
    color: green;
}

.path-admin-tool-profiling .profiling_same {
    color: dimgrey;
}

.path-admin-tool-profiling .profiling_important,
.path-admin-tool-profiling .flexible .referencerun {
    font-weight: bold;
}

.path-admin-tool-profiling .flexible {
    margin-left: auto;
    margin-right: auto;
}

#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
    display: block;
    padding: 0 0.5em;
    color: #888;
    font-size: 0.75em;
}

#page-admin-tool-task-scheduledtasks input[type=text] {
    /*rtl:ignore*/
    direction: ltr;
}

#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
    font-size: 0.75em;
}

.path-admin .task-output {
    color: #fff;
    background: #333;
    padding: 1em;

    a {
        color: #fff;
        text-decoration: underline;
    }
}

[data-region="displaytemplateexample"] {
    border-radius: 4px;
    border: 1px inset #e3e3e3;
    padding: 1em;
}

div[data-flexitour="backdrop"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

span[data-flexitour="container"] .modal-dialog {
    max-width: 400px;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
    border-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
    padding-top: 0;
    padding-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
    justify-content: flex-start;
    border-top: 0;
}

span[data-flexitour="container"].orphan {
    position: absolute;
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none;
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none;
}

.path-admin-local-usertours .stepcreator .input-append {
    font-size: inherit;
}

.tour-actions > ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tour-actions > ul > li {
    background-color: #f5f5f5;
}

.tour-actions > ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tour-actions > ul > li {
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: .5em;
    text-align: center;
    width: 13em;
}

.tour-actions > ul > li > a {
    height: 100%;
    display: block;
    padding: 1em;
}

@media (max-width: 575.98px) {
    span[data-flexitour="container"] {
        margin-left: 10px;
    }
    span[data-flexitour="container"] .modal-content {
        overflow-y: initial;
    }
    span[data-flexitour="container"].orphan {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.path-admin-tool-xmldb a[name="lastused"] {
    padding-top: 50px;
}

/* Settings Page */
#page-admin-setting-local_corolair #id_s_local_corolair_apikey,
#page-admin-setting-local_corolair #id_s_local_corolair_corolairlogin {
  background-color: #e9ecef;
  cursor: not-allowed;
}
#page-admin-setting-local_corolair #id_s_local_corolair_apikey:disabled,
#page-admin-setting-local_corolair #id_s_local_corolair_corolairlogin:disabled {
  color: #6c757d;
}

/* Trainer Page */
#page-local-corolair-trainer #topofscroll {
  margin: 0 !important;
  padding: 0 !important;
}

#page-local-corolair-trainer #corolair-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

#page-local-corolair-trainer #page {
  overflow: hidden !important;
  height: 100vh !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  padding: 0 !important;
}

#page-local-corolair-trainer #page-content {
  padding: 0 !important;
  padding: 0 !important;
  height: 100%;
}

#page-local-corolair-trainer #region-main-box {
  height: 100%;
}

#page-local-corolair-trainer #region-main {
  height: 100%;
}

#page-local-corolair-trainer div[role="main"] {
  height: 100%;
  padding: 0 !important;
}

#page-local-corolair-trainer #page-header {
  display: none;
}

.setup-wrapper {
    padding: 10px;
}

.setup-wrapper .tab-item {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.16);
    margin-bottom: 25px;
}

.setup-wrapper .tab-item .tab-header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background-color: #0083d0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.setup-wrapper .tab-item .tab-header .tab-header-title span:first-of-type {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #0083d0;
    font-size: 14px;
    font-weight: 500;
}

.setup-wrapper .tab-item .tab-header .tab-header-title span:last-of-type {
    margin-left: 20px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.setup-wrapper .tab-item .tab-header .tab-header-button button{
    margin: 0;
    border: none;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
    color: #0083d0;
}

.setup-wrapper .tab-item .tab-body {
    padding: 30px 30px 30px 70px;
    position: relative;
    min-height: 150px;
}

.setup-wrapper .tab-item .tab-body .tab-body-button{
    text-align: right;
}
.setup-wrapper .tab-item .tab-body .tab-body-button button {
    margin: 0;
    border: none;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background: #0083d0;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
    color: #fff;
}

.setup-wrapper .tab-item .tab-body .tab-body-item + .tab-body-item {
    margin-top: 20px;
    border-top: 1px solid #f3f5f8;
    padding-top: 25px;
}

.setup-wrapper .tab-item .tab-body .tab-body-item-title {
    color: #343a43;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
}

.setup-wrapper .tab-item .tab-body .tab-body-item-content {
    color: #939da7;
}

.setup-wrapper .tab-item .tab-body .tab-body-item-content p.description {
    font-size: 13px;
}

.setup-wrapper .tab-item .tab-body .switch-item {
    line-height: 22px;
    padding-bottom: 10px;
}

.setup-wrapper .tab-item .tab-body .switch-item .switch {
    margin-right: 6px;
}

.setup-wrapper .tab-item .tab-body .input-item {
    position: relative;
    padding-bottom: 10px;
}

.setup-wrapper .tab-item .tab-body .input-item label {
    display: block;
    line-height: 18px;
    letter-spacing: .2px;
    color: #646c73;
    font-size: 13px;
}

.setup-wrapper .tab-item .tab-body .input-item input,
.setup-wrapper .tab-item .tab-body .input-item select {
    box-sizing: border-box;
    padding: 0;
    padding-left: 35px;
    border-radius: 3px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #e9ebf0;
    color: #757474;
    box-shadow: none;
    width: 250px;
}

.setup-wrapper .tab-item.tab-item.authentication .tab-body .input-item input,
.setup-wrapper .tab-item.tab-item.authentication .tab-body .input-item select {
    width: 100%;
}

.setup-wrapper .tab-item .tab-body .input-item.clear-item input,
.setup-wrapper .tab-item .tab-body .input-item.clear-item select {
    background-color: #fff;
    padding-left: 5px;
}

.setup-wrapper .tab-item.tab-item.authentication .tab-body .form-action button {
    margin: 0;
    width: 100%;
    height: 35px;
    background-color: #0083d0;
    background-image: none;
}

.setup-wrapper .tab-item .tab-body .input-item input:focus {
    outline: 1px solid #0083d0;
}

.setup-wrapper .tab-item .tab-body .input-item i {
    position: absolute;
    left: 10px;
    top: 9px;
    font-size: 26px;
    line-height: 24px;
}

.iconed-input-wrapper {
    position: relative;
}

.setup-wrapper .tab-item.closed .tab-body,
.setup-wrapper .tab-item.closed .tab-header .tab-header-button {
    display: none;
}

.setup-wrapper .tab-item.closed .tab-header {
    background-color: #fff;
}

.setup-wrapper .tab-item.closed .tab-header .tab-header-title span:last-of-type {
    color: #343a43;
}

.setup-wrapper .tab-item.closed .tab-header .tab-header-title span:first-of-type {
    border: 2px solid #e9ebf0;
    background-color: #fff;
    width: 32px;
    color: #343a43;
}

.setup-wrapper .tab-item .warnings-block {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.setup-wrapper .tab-item .warnings-block p:last-of-type {
    margin-bottom: 0;
}

.setup-wrapper .tab-item .loader {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

.setup-wrapper .tab-item .loader.hidden {
    display: none;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item {
    position: relative;
}
.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content {
    margin-bottom: 25px;
    padding-right: 15px;
    margin-left: 50px;
    margin-top: 10px;
    height: 100px;
    overflow: hidden;
    transition: height .3s;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item:hover .intelliboard-terms-item-content {
    height: 400px;
    overflow: auto;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item:hover .intelliboard-terms-item-content:after {
    display: none;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content ol {
    padding-left: 0;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content::-webkit-scrollbar {
    width: 6px;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item-content::-webkit-scrollbar-thumb
{
    background-color: #7f7f7f;
}

.setup-wrapper .tab-item .tab-body .intelliboard-terms-item + .intelliboard-terms-item {
    margin-top: 25px;
    border-top: 1px solid #f3f5f8;
    padding-top: 35px;
}

.setup-wrapper .tab-item .tab-body .login-form, .setup-wrapper .tab-item .tab-body .register-form {
    width: 35%;
    margin: 0 auto;
}

.setup-wrapper .tab-item.congrats {
    text-align: center;
}

.setup-wrapper .tab-item.congrats i {
    color: #27ae60;
    font-size: 70px;
    border: 1px solid #27ae60;
    border-radius: 50%;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.setup-wrapper .tab-item.congrats h2 {
    font-size: 45px;
    color: #27ae60;
    font-weight: 100;
    margin: 30px 0;
}

.setup-wrapper .tab-item.congrats p {
    font-size: 16px;
    padding: 0 30%;
}

.setup-wrapper .tab-item.congrats a.btn {
    width: 150px;
}

.loader {
    text-align: center;
    height: 50px;
}

.loader img {
    max-width: 100%;
    max-height: 100%;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/** SLIDER **/
label.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.intelliboard-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.intelliboard-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 13px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

input:checked + .intelliboard-slider {
    background-color: #2196F3;
}

input:focus + .intelliboard-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .intelliboard-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.intelliboard-slider.round {
    border-radius: 12px;
}

.intelliboard-slider.round:before {
    border-radius: 50%;
}

/** SLIDER (END) **/

.choose-group .item {
    line-height: 18px;
    display: inline-block;
    padding: 7px 20px;
    border: 1px solid #e9ebf0;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
    color: #646c73;
}

.choose-group .item.active {
    border-color: #2196F3;
}

.choose-group .item .round {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.choose-group .item .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 17px;
    left: 0;
    position: absolute;
    top: 0;
    width: 17px;
}

.choose-group .item .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 10px;
}

.choose-group .item .round input[type="checkbox"] {
    visibility: hidden;
}

.choose-group .item .round input[type="checkbox"]:checked + label {
    background-color: #2196F3;
    border-color: #2196F3;
}

.choose-group .item .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.intelliboard-table-wrapper {
    position: relative;
    margin-top: 12px;
    overflow-x: hidden;
}

.intelliboard-table-wrapper .table-panel {
    display: flex;
    position: absolute;
    top: 4px;
    left: 0;
}

.intelliboard-table-wrapper .table-panel .actions {
    margin-left: 10px;
}

.intelliboard-table-wrapper .table-panel .filter-item {
    display: flex;
}

.intelliboard-table-wrapper .table-panel .filter-item  button {
    margin-left: 10px;
}

.intelliboard-table-wrapper .table-panel .filter-item  input {
    padding-right: 20px;
}

.intelliboard-table-wrapper .table-panel .filter-item  .field-wrapper {
    position: relative;
}

.intelliboard-table-wrapper .table-panel .filter-item.search .field-wrapper > span.clear-icon {
    position: absolute;
    top: 8px;
    color: #8b8b8b;
    right: 6px;
    cursor: pointer;
}

.intelliboard-table-wrapper .intelliboard-table-content {
    padding-top: 55px;
}

.intelliboard-table-wrapper .intelliboard-table-content .export {
    position: absolute;
    right: 0;
    top: 0;
}

.intelliboard-table-wrapper .intelliboard-table-content .export form {
    margin: 0;
}

.instructor-dashboard-intelliboard-box, .competency-dashboard-intelliboard-box, .admin-dashboard-intelliboard-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* export icons*/

.report-export-panel a img {
    width: 36px;
    height: 36px;
    margin: 0 2px;
}

.local_o365_statusmessage.alert {
    margin-bottom: 0.25rem;
}

.local_o365_statusmessage img {
    margin-right: 0.25rem;
}

.local_o365_statusmessage span,
.local_o365_statusmessage a {
    vertical-align: middle;
}

#local_o365_admin-verifysetup button.refreshperms {
    margin: 0 0 0.75rem;
}

.local_o365_adminsetting_verifysetup_results section {
    margin-bottom: 1rem;
}

.local_o365_adminsetting_verifysetup_results section h5 {
    margin: 0 0 0.25rem;
}

.local_o365_ucp_index .connectionstatus {
    float: right;
    width: 14rem;
    padding: 0.5rem;
}

.local_o365_ucp_index .connectionstatus img {
    float: left;
    padding: 0.25rem;
}

.local_o365_ucp_index .connectionstatus small {
    font-weight: bold;
    font-size: 0.8rem;
}

.local_o365_ucp_index .connectionstatus img.smallicon {
    width: 12px;
    height: 12px;
}

.local_o365_ucp_index .local_o365_features {
    margin-right: 16rem;
}

.local_o365_ucp_index .local_o365_features > div {
    margin-bottom: 1rem;
}

.local_o365_ucp_index .local_o365_features > div a,
.local_o365_ucp_index .local_o365_features > div b {
    background-position: 2px 0;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    padding: 4px 4px 4px 40px;
}

.local_o365_ucp_index .local_o365_features .local_o365_feature_connection a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_connection b {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/o365color);
}

.local_o365_ucp_index .local_o365_features .local_o365_feature_calendar a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_calendar b {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/outlookcolor);
}

.local_o365_ucp_index .local_o365_features .local_o365_feature_onenote a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_onenote b {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/onenotecolor);
}

.local_o365_ucp_featurepage h3.local_o365_featureheader {
    background-position: center left;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 4px 4px 4px 35px;
}

.local_o365_ucp_featurepage h3.local_o365_featureheader.local_o365_feature_calendar {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/outlookcolor);
}

.local_o365_ucp_featurepage h3.local_o365_featureheader.local_o365_feature_onenote {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/onenotecolor);
}

.local_o365_ucp_featurepage.local_o365_feature_connection h3.local_o365_featureheader {
    background-image: url(/theme/image.php/govbrds/local_o365/1772471362/o365color);
}

.local_o365_ucp_featurepage.local_o365_feature_connection div.connectionstatus {
    margin: 2rem 0;
}

.local_o365_ucp_featurepage.local_o365_feature_connection div.local_o365_connectionoption {
    margin: 0 0 1rem;
    padding: 1rem;
}

.local_o365_ucp_featurepage.local_o365_feature_connection div.local_o365_connectionoption h4 {
    margin-top: 0;
}

.local_o365_o365toollink {
    margin-bottom: 1rem;
}

.local_o365_matchqueuetoolbar {
    margin: 0.75rem 0 0.5rem 0;
}

table.local_o365_matchqueue {
    width: 100%;
}

table.local_o365_matchqueue td,
table.local_o365_matchqueue th {
    padding: 0.25rem 0.5rem;
    vertical-align: top;
}

table.local_o365_matchqueue td:first-child,
table.local_o365_matchqueue th:first-child {
    width: 1.5rem;
    text-align: center;
}

/* Display spinner while course data is syncing. */
.local_o365_spinner {
    margin: 0 0 1em 1em;
    display: none;
}

/* Teams tab configuration page. */
select#id_local_o365_teams_course select::-webkit-scrollbar {
    width: 6px;
}

select#id_local_o365_teams_course::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 grey;
    border-radius: 0;
}

select#id_local_o365_teams_course::-webkit-scrollbar-thumb {
    background: rgba(50, 50, 50, .3);
    border-radius: 10px;
}

select#id_local_o365_teams_course::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 100, 100, .5);
}

select#id_local_o365_teams_course > option:hover {
    background-color: #6264a7;
    color: white;
}

select#id_local_o365_teams_course:focus option:checked {
    background: #6264a7 linear-gradient(0deg, #6264a7 0%, #6264a7 100%);
    color: white;
}

select#id_local_o365_teams_course {
    overflow: auto;
    width: 100%;
    max-height: 270px;
    overflow-x: hidden;
    border-color: #f1f1f1;
    color: #484644;
}

select#id_local_o365_teams_course:focus {
    outline-offset: 0;
    outline: none;
}

select#id_local_o365_teams_course option {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 15px;
}

form#local_o365_course_list label {
    font-size: 13px;
}

form#local_o365_course_list {
    font-family: "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif;
}

/* Teams tab page. */
#id_local_o365_teams_tab_name {
    background-color: #f0f2f4;
    border: 0;
    padding: 8px 8px 8px 12px;
    width: 100%;
    margin-bottom: 20px;
    color: #484644;
    font-size: 15px;
}

/* Teams tab manual login. */
div.local_o365_manual_login {
    display: none;
    margin: auto;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}

button.local_o365_manual_login_button {
    font-family: "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif;
    display: block;
    width: 200px;
    background: #6264a7;
    border: 0.125rem solid;
    border-color: transparent;
    border-radius: 0.1875rem;
    box-sizing: border-box;
    cursor: pointer;
    height: 2rem;
    min-width: 6rem;
    padding: 0.25rem;
    white-space: nowrap;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #fff;
    margin: 5px;
}

button.local_o365_manual_login_button:not(:disabled):not(.disabled):active {
    background: #a6a7dc;
    border-color: transparent;
    color: #201f1f;
}

button.local_o365_manual_login_button:hover,
button.local_o365_manual_login_button.enabled {
    background: #464775;
    border-color: transparent;
    color: #fff;
}

.local_o365_acp_option {
    vertical-align: top;
    margin-right: 10px;
}

.local_o365_settings_manifest_container {
    margin: 40px 0 20px 0;
}

.local_o365_settings_teams_banner_part_1 {
    margin: 30px 40px 0 40px;
    text-align: center;
}

.local_o365_settings_teams_app_img {
    width: 100%;
    margin-bottom: 30px;
}

.local_o365_settings_moodle_app_id_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.local_o365_settings_moodle_app_id {
    background-color: yellow;
}

.local_o365_settings_teams_horizontal_spacer {
    margin-left: 80px;
}

.local_o365_settings_teams_h4_spacer {
    margin: 20px 0 30px 0;
    border-top: 1px solid #e9ecef;
    padding-top: 10px;
}

.support_user_identifier_change_case_detail {
    font-weight: normal;
    font-size: 0.8rem;
}

.core_payment_gateways_modal .paypal .icon {
    height: 40px;
    width: auto;
}
.assignfeedback_editpdf_widget .toolbar ul {
    display: none;
}

.assignfeedback_editpdf_widget .toolbar li {
    list-style-type: none;
}

.assignfeedback_editpdf_widget .drawingcanvas {
    position: relative;
    min-width: 817px;
    min-height: 400px;
    background-repeat: no-repeat;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
}

.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
    position: inherit;
}

.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
    cursor: move;
}

.assignfeedback_editpdf_widget .infoicon {
    display: none;
}

.assignfeedback_editpdf_widget .warningmessages {
    position: absolute;
    margin-left: 20px;
    margin-right: 20px;
    bottom: 20px;
}

.assignfeedback_editpdf_widget .drawingregion {
    border: 1px solid #ccc;
    left: 1em;
    right: 1em;
    top: 52px;
    bottom: 0;
    position: absolute;
    overflow: auto;
    background-color: #ccc;
    touch-action: none;
}

.assignfeedback_editpdf_widget {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.assignfeedback_editpdf_widget .pageheader {
    background-color: #ebebeb;
    border-bottom: 1px solid #ccc;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 50px;
    height: 52px;
    overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
    padding: 0;
}

.yui3-colourpicker-hidden,
.yui3-commentsearch-hidden,
.yui3-commentmenu-hidden {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader button img {
    padding-top: 3px;
    vertical-align: top;
}

.assignfeedback_editpdf_widget .pageheader button:active {
    background-color: #ccc;
}

.assignfeedback_editpdf_widget .pageheader select,
.assignfeedback_editpdf_widget .pageheader button {
    background: none;
    padding: 4px 7px;
    border: 0;
    border-radius: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    cursor: pointer;
}

.assignfeedback_editpdf_widget .pageheader select {
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: menulist-text;
    background-color: #fff;
    padding: 0 10px;
}

.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
.assignfeedback_editpdf_widget .pageheader .navigation select + button,
.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
    border-left: 1px solid #ccc;
    border-right: 0;
}

.assignfeedback_editpdf_widget .pageheader .navigation button {
    border-right: 1px solid #ccc;
}

.assignfeedback_editpdf_widget .pageheader .toolbar,
.assignfeedback_editpdf_widget .pageheader .navigation-search,
.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
.assignfeedback_editpdf_widget .pageheader .navigation {
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    margin: 10px 4px;
    background-color: white;
    height: 30px;
    line-height: 30px;
    padding: 0;
}

.assignfeedback_editpdf_commentsearch ul {
    max-height: 400px;
    overflow-y: auto;
    padding: 1em;
}

.assignfeedback_editpdf_commentsearch ul li pre {
    background-color: #efefef;
    white-space: pre-wrap;
    word-break: break-word;
}

.assignfeedback_editpdf_commentsearch ul li pre:hover {
    background-color: #ddd;
}

.assignfeedback_editpdf_commentsearch ul li {
    margin: 2px;
}

.assignfeedback_editpdf_commentsearch a pre {
    font-family: helvetica;
    margin: 0;
    padding: 4px;
}

.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .navigation {
    float: left;
}

.assignfeedback_editpdf_widget .toolbar_group {
    float: right;
}

.assignfeedback_editpdf_widget .toolbar button {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
    /*rtl:raw:
    border-right: 1px solid #ccc;
    border-left: 0;
    */
    /*rtl:ignore*/
    float: left;
}

.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
    /*rtl:ignore*/
    float: right;
}

.assignfeedback_editpdf_widget .toolbar {
    float: left;
}

.assignfeedback_editpdf_widget .navigation,
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .toolbar {
    display: inline-block;
}

.assignfeedback_editpdf_colourpicker ul {
    margin: 0;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment {
    width: 200px;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment a {
    white-space: nowrap;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
    float: right;
    width: 20px;
}

.assignfeedback_editpdf_dropdown button {
    border: 0;
    background: none;
    padding: 6px 7px;
    border-radius: 0;
    border-top: 1px solid #ccc;
}

.assignfeedback_editpdf_dropdown li:first-child button {
    border-top: 0;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-radius: 4px;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
    padding: 0;
}

.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
    display: none;
}

.assignfeedback_editpdf_menu li hr {
    margin: 0;
}

.assignfeedback_editpdf_menu li a {
    text-decoration: none;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

ul.assignfeedback_editpdf_search {
    margin: 0;
}

.assignfeedback_editpdf_search li {
    list-style-type: none;
}

.assignfeedback_editpdf_search li a {
    text-decoration: none;
    color: #555;
}

.assignfeedback_editpdf_menu li:hover {
    background-color: #ebebeb;
}

ul.assignfeedback_editpdf_menu {
    margin: 0;
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.assignfeedback_editpdf_menu li {
    list-style-type: none;
    margin: 0;
    border-radius: 4px;
}

.assignfeedback_editpdf_menu li button {
    margin: 0;
    background: none;
}

.assignfeedback_editpdf_widget .pageheader button:hover {
    background-color: #ebebeb;
    background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}

.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
    background-color: #dfdfdf;
    background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
}

.assignfeedback_editpdf_widget .commentdrawable img {
    margin: 0 5px;
}

.assignfeedback_editpdf_widget .commentdrawable a {
    float: right;
    position: relative;
    left: -17px;
    top: 2px;
    height: 16px;
    width: 16px;
}

.assignfeedback_editpdf_widget .commentdrawable textarea {
    padding: 4px;
    padding-right: 20px;
    resize: none;
    overflow: hidden;
    color: black;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-family: helvetica;
    min-height: 1.2em;
}

.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
    outline: thin dotted #333;
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
    outline-offset: -2px;
}

.assignfeedback_editpdf_widget .commentdrawable {
    display: flex;
    z-index: 52;
    height: 0;
}
.assignfeedback_editpdf_widget .annotation {
    z-index: 51;
}

.assignfeedback_editpdf_widget .deleteannotationbutton {
    z-index: 51;
}

.assignfeedback_editpdf_widget .commentdrawable label {
    display: inline-block;
}

.assignfeedback_editpdf_widget .commentdrawable svg {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
    z-index: auto;
    width: 24px;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
    text-align: center;
}

.hideoverflow {
    overflow: hidden;
    position: relative;
}

@media (max-width: 960px) {
    .assignfeedback_editpdf_widget .pageheader {
        height: 104px;
    }

    .assignfeedback_editpdf_widget .drawingregion {
        top: 104px;
    }
}

@media (max-width: 767px) {
    .assignfeedback_editpdf_widget .drawingregion {
        position: relative;
        margin-bottom: 1em;
        top: 0;
        max-height: 312px;
    }

    .assignfeedback_editpdf_widget .pageheader {
        height: auto;
    }
}

@media (max-width: 480px) {
    .assignfeedback_editpdf_widget .pageheader {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#page-mod-quiz-report #manualgradingform {
    width: 100%;
}

#page-mod-quiz-report #manualgradingform.mform br {
    clear: none;
}

#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
    clear: none;
}

#page-mod-quiz-report #manualgradingform .que {
    margin-bottom: 0.7em;
}

/* Rubric - grid layout */

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
    border: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: top;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
    text-align: center;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop #id_rubric-grid-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
    border: none;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
    display: block;
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
    display: block;
    text-align: center;
}

/* Rubric - list layout */

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
    width: auto;
    border: none;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
    display: block;
    float: left;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
    display: block;
    margin-left: 30px;
}

/**
 * Manual allocator
 */

.path-mod-workshop .manual-allocator .allocations {
    margin: 0 auto;
    width: 100%;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
    background-color: #eee;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
    background-color: inherit;
}

.path-mod-workshop .manual-allocator .allocations .peer .image {
    margin-right: 5px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .image,
.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
    margin-right: 3px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
    background-color: #fff3d2;
}

.path-mod-workshop .manual-allocator .allocations tr td {
    vertical-align: top;
    padding: 5px;
}

.path-mod-workshop .manual-allocator .allocations tr td ul {
    margin: 0;
}

.path-mod-workshop .manual-allocator .allocations tr td ul li {
    list-style: none;
}

.path-mod-workshop .manual-allocator .allocations tr td.peer {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .info,
.path-mod-workshop .manual-allocator .allocations .peer .info,
.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
    font-size: 80%;
    color: #888;
    font-style: italic;
}

.path-mod-workshop .manual-allocator .allocations .peer .submission {
    font-size: 90%;
    margin-top: 1em;
}

.path-mod-workshop .random-allocator .warning {
    width: 100%;
    margin: 0 auto 15px auto;
}

.accessibilitywarnings img {
    max-width: 32px;
    max-height: 32px;
}

.atto_backcolor_button .dropdown-menu {
    min-width: inherit;
}

.atto_backcolor_button .dropdown-menu .atto_menuentry {
    padding-top: 5px;
    padding-bottom: 5px;
}

.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
    display: flex;
}

.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
    box-shadow: #0f6fc5 0 0 3px 1px;
}

.atto_backcolor_button .dropdown-menu .coloroption {
    display: flex;
    align-items: center;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}

.atto_charmap_selector button {
    width: 2.18rem;
    margin: 0.1rem;
}

@media (max-width: 768px) {
    .toolbarbreak {
        display: none;
    }
}
.emoji-picker-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
    padding: 0;
}

.emoji-picker-dialogue .emoji-picker {
    box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
    border: 0;
}
.atto_emoticon_map ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}

.atto_emoticon_map li {
    display: table-row;
    white-space: nowrap;
}

.atto_emoticon_map li div {
    display: table-cell;
    padding: 0 1em;
}

.atto_emoticon_emote img {
    width: 16px;
}

.atto_equation_library button {
    margin: 0.25%;
    min-width: 12%;
}

#page-admin-setting-atto_equation_settings .form-defaultinfo {
    max-height: 10em;
    overflow: auto;
    padding: 5px;
    min-width: 206px;
}

.atto_fontcolor_button .dropdown-menu {
    min-width: inherit;
}

.atto_fontcolor_button .dropdown-menu .atto_menuentry {
    padding-top: 5px;
    padding-bottom: 5px;
}

.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
    display: flex;
}

.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
    box-shadow: #0f6fc5 0 0 3px 1px;
}

.atto_fontcolor_button .dropdown-menu .coloroption {
    display: flex;
    align-items: center;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}

.atto_fontfamily_button .dropdown-menu a {
  line-height: normal;
}

.atto_fontsize_button .dropdown-menu a {
    line-height: normal;
}

.attoh5poverlay {
    display: none;
}
.attoh5pinstructions {
    max-width: 500px;
}
.editor_atto_content_wrap .h5p-placeholder + br {
    display: none;
}
.editor_atto_content_wrap .h5p-placeholder {
    color: #6c757d;
    width: 100%;
    word-break: break-all;
    height: 260px;
    cursor: pointer;
    background: url(/theme/image.php/govbrds/atto_h5p/1772471362/icon-white) center center / 100px auto no-repeat #6c757d;
}
.atto_h5p_button .icon {
    width: 24px;
}
.dir-rtl .CodeMirror {
    text-align: left;
    direction: ltr;
}

.atto_image_preview {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.atto_image_preview_box {
    max-height: 150px;
    margin-bottom: 1em;
    overflow: auto;
}

.editor_atto_content img {
    cursor: pointer;
}

.atto_image_button_text-top {
    vertical-align: text-top;
    margin: 0 0.5em;
}

.atto_image_button_middle {
    vertical-align: middle;
    margin: 0 0.5em;
}

.atto_image_button_text-bottom {
    vertical-align: text-bottom;
    margin: 0 0.5em;
}

.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
    /* If the image is display: block then linking the image to URLs won't work. */
    display: inline-block;
    max-width: calc(100% - 1em);
}

/*rtl:begin:ignore*/
.atto_image_button_left {
    float: left;
    margin: 0 0.5em 0 0;
    max-width: calc(100% - 1em);
}

.atto_image_button_right {
    float: right;
    margin: 0 0 0 0.5em;
    max-width: calc(100% - 1em);
}
/*rtl:end:ignore*/
#atto_managefiles_manageform {
    padding: 1rem;
}

#atto_managefiles_manageform #id_deletefileshdr {
    display: none;
}

#atto_managefiles_manageform.has-unused-files #id_deletefileshdr {
    display: block;
}

#atto_managefiles_manageform #id_missingfileshdr {
    display: none;
}

#atto_managefiles_manageform.has-missing-files #id_missingfileshdr {
    display: block;
}

.atto_form.atto_media > .tab-content {
    max-height: 45vh;
    overflow-x: hidden;
}
.atto_morefontcolors_button .dropdown-menu {
    min-width: inherit;
}

.atto_morefontcolors_button #atto_morefontcolors_customicon {
    background-image: url(/theme/image.php/govbrds/core/1772471362/i/edit);
    background-size: 20px 20px;
}

/** HSL Color Picker **/
#atto_morefontcolors_dialogue .picker {
    padding: 15px;
    background: #efefef;
    border: 1px solid #ddd;
}

#atto_morefontcolors_dialogue .yui3-slider {
    background-image: url(/theme/image.php/govbrds/atto_morefontcolors/1772471362/e/rail-x);
    background-repeat: repeat-x;
}

#atto_morefontcolors_dialogue #atto_morefontcolors_dialogue_hue-dial, #atto_morefontcolors_dialogue .sliders, #atto_morefontcolors_dialogue .color {
    display: inline-block;
    zoom: 1; *display: inline;
    vertical-align: middle;
}

#atto_morefontcolors_dialogue #atto_morefontcolors_dialogue_hue-dial .yui3-dial-ring {
    background: url(/theme/image.php/govbrds/atto_morefontcolors/1772471362/e/colorwheel) -25px -25px no-repeat;
}

#atto_morefontcolors_dialogue .sliders {
    margin: 0 30px;
}

#atto_morefontcolors_dialogue .sliders strong {
    font-weight: 600;
    display: block;
}
#atto_morefontcolors_dialogue .sliders strong span {
    font-weight: 300;
}
#atto_morefontcolors_dialogue .sliders div + div {
    margin-top: 1em;
}

#atto_morefontcolors_dialogue .color {
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

/** Output Styles **/
#atto_morefontcolors_dialogue .picker-output {
    padding: 20px 10px 10px;
    background: #efefef;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
}

#atto_morefontcolors_dialogue .picker-output strong {
    font-weight: bold;
    display: block;
}

#atto_morefontcolors_dialogue .yui3-dial-label-string {
    display: none;
}

.atto_morefontcolors_button .atto_menuentry {
    list-style-type: none;
}

.atto_morefontcolors_button .atto_menuentry a[role="menuitem"]{
    display: flex;
    display: -webkit-flex;
}


.atto_recordrtc,
.atto_recordrtc div {
    font-weight: normal;
    line-height: 40px;
    padding: 3px 0 3px 0;
}

.atto_recordrtc .alert {
    line-height: 40px;
    text-align: center;
}

.atto_recordrtc audio {
    display: block;
    width: 100%;
}

@media screen and (max-width: 670px) {
    .atto_recordrtc video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 671px) {
    .atto_recordrtc video {
        display: block;
        height: 480px;
        margin: 0 auto;
        width: 640px;
    }
}

.atto_recordrtc #start-stop,
.atto_recordrtc #upload {
    white-space: normal;
}

div.editor_atto_content td,
div.editor_atto_content th,
div.editor_atto_content caption {
    border: 1px dashed #bbb;
    position: relative;
    min-width: 2rem;
    height: 2rem;
}

div.editor_atto_content caption {
    height: auto;
}

div.availablecolors {
    background-color: #eee;
    padding: 0.5rem;
}
div.availablecolors .tablebordercolor,
div.availablecolors .tablebackgroundcolor {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    text-align: center;
    vertical-align: sub;
    border-radius: 25%;
    margin-right: 0.2rem;
}

.atto_form .meeting-app #meetingapp {
    display: block;
    height: 420px;
    width: 600px;
    background-color: #f3f2f1
}

.warning-desc {
    word-wrap: break-word;
}

.warning-desc li {
    margin-bottom: 10px;
}
.tiny-aiplacement-overlay {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
}

.tiny-aiplacement-blur {
    filter: blur(4px);
}

.tiny-aiplacement-loading-spinner-container {
    min-height: 300px;
}

.tiny-aiplacement-loading-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tiny-aiplacement-spinner-style {
    width: 3rem !important; /* stylelint-disable-line declaration-no-important */
    height: 3rem !important; /* stylelint-disable-line declaration-no-important */
    color: #0f6cbf;
    z-index: 1000;
}

.tiny-aiplacement-spinner-text-style {
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 1000;
}

.tiny-aiplacement-generate-image,
.tiny-aiplacement-generate-text {
    border-radius: 15px;
    border: 2px dashed #bbb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 150px;
    margin-left: 0;
    margin-top: 0;
}

.tiny-aiplacement-generate-text textarea:disabled {
    background-color: unset;
}

.tiny_aiplacement_modal {
    min-height: 30em;
}

.tiny-aiplacement-fa-image {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/govbrds/tiny_aiplacement/1772471362/sparkles-image);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-size: 100px 100px;
}

.tiny-aiplacement-toggle-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tiny-aiplacement-toggle-switch {
    display: none;
}
.tiny-aiplacement-toggle-slider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 34px;
    padding: 2px;
    border: 1px solid #aaa;
}
.tiny-aiplacement-toggle-slider span {
    width: 50%;
    text-align: center;
    padding: 5px 0;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
.tiny-aiplacement-toggle-switch:checked + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-right {
    background-color: #007bff;
    color: white;
}
.tiny-aiplacement-toggle-switch:not(:checked) + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-left {
    background-color: #007bff;
    color: white;
}

.tiny-aiplacement-aspect-ratio-container {
    display: flex;
}
.tiny-aiplacement-aspect-ratio-btn {
    position: relative;
    width: 100px;
    height: 75px;
    background-color: #f8f9fa;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}
.tiny-aiplacement-aspect-ratio-btn i {
    font-size: 30px;
    margin-bottom: 5px;
}
.tiny-aiplacement-aspect-ratio-btn span {
    font-size: 14px;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"] {
    display: none;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"]:checked + .tiny-aiplacement-aspect-ratio-label {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}
.tiny-aiplacement-aspect-ratio-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    transition: background-color 0.3s, border-color 0.3s;
    border: 1px solid #aaa;
}

.tiny-aiplacement-fa-text {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/govbrds/tiny_aiplacement/1772471362/sparkles-text);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-size: 100px 100px;
}

.tiny-aiplacement-generate-footer button img {
    width: 1.5em;
    margin-right: 0.2em;
}

.tiny-aiplacement-error-display {
    margin: 0 auto;
}

.ai-policy-heading {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0f6cbf;
}

.ai-policy-display {
    font-size: 1.1rem;
    margin-left: 20px;
    margin-right: 20px;
}

.ai-policy-display br {
    line-height: 2.5rem;
}

@media (max-width: 767px) {
    .tiny_aiplacement_textresponse_placeholder {
        min-height: 12em;
        margin-top: 20px;
    }
}

.tiny_equation_library button {
    margin: 0.25%;
    min-width: 10%;
}

#tiny_media_form {
    padding: 1rem;
}

#tiny_media_form #id_deletefileshdr {
    display: none;
}

#tiny_media_form.has-unused-files #id_deletefileshdr {
    display: block;
}

#tiny_media_form #id_missingfileshdr {
    display: none;
}

#tiny_media_form.has-missing-files #id_missingfileshdr {
    display: block;
}

iframe.mm_iframe {
    height: 650px;
    border: none;
    width: 100%;
}

.missing-files ol {
    padding-left: 15px;
}

.missing-files ol li {
    font-style: italic;
    font-weight: 600;
    color: red;
}

.tiny_image_form .tiny_image_dropzone_container {
    height: 200px;
}

.tiny_image_form .tiny_image_dropzone_container .dropzone-label {
    font-size: 1.25rem;
}

.tiny_image_form .tiny_image_loader_container {
    height: 200px;
}

.tiny_image_form  .tiny_image_preview_box {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.tiny_image_form .tiny_image_deleteicon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    padding: 4px 5px 5px 9px;
}

.tiny_image_form .tiny_image_deleteicon .fa-trash {
    color: #1d2125;
}


@media (max-width: 767px) {
    .tiny_image_form .tiny_image_properties_col {
        padding: 0;
    }
}

.tiny_recordrtc,
.tiny_recordrtc div {
    font-weight: normal;
    line-height: 40px;
    padding: 3px 0 3px 0;
}

.tiny_recordrtc .alert {
    line-height: 40px;
    text-align: center;
}

.tiny_recordrtc audio {
    display: block;
    width: 100%;
}

@media screen and (max-width: 670px) {
    .tiny_recordrtc video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 671px) {
    .tiny_recordrtc video {
        display: block;
        height: 480px;
        margin: 0 auto;
        width: 640px;
    }
}

.tiny_recordrtc #start-stop,
.tiny_recordrtc #upload {
    white-space: normal;
}

.tiny_recordrtc video {
    border-radius: 8px;
}

/** Pre-SCSS from theme_boost_get_pre_scss **/
@charset "UTF-8";
/*!
 * GOVBR-DS: Design System de Governo
 * Versão 3.0.0
 * Suporte:
   - Serpro: DIDES/SUPSE/SESEP
 */
:root {
  --blue-90: #11181d;
  --blue-80: #1f303e;
  --blue-70: #274863;
  --blue-60: #2c608a;
  --blue-50: #2378c3;
  --blue-40: #4f97d1;
  --blue-30: #73b3e7;
  --blue-20: #aacdec;
  --blue-10: #dbe8fb;
  --blue-5: #eff6fb;
  --blue-cool-90: #0f191c;
  --blue-cool-80: #14333d;
  --blue-cool-70: #224a58;
  --blue-cool-60: #2e6276;
  --blue-cool-50: #3a7d95;
  --blue-cool-40: #6499af;
  --blue-cool-30: #82b4c9;
  --blue-cool-20: #adcfdc;
  --blue-cool-10: #dae9ee;
  --blue-cool-5: #e7f2f5;
  --blue-warm-90: #13171f;
  --blue-warm-80: #252f3e;
  --blue-warm-70: #2f4668;
  --blue-warm-60: #345d96;
  --blue-warm-50: #4a77b4;
  --blue-warm-40: #7292c7;
  --blue-warm-30: #98afd2;
  --blue-warm-20: #c5d4eb;
  --blue-warm-10: #e1e7f1;
  --blue-warm-5: #ecf1f7;
  --blue-vivid-80: #112f4e;
  --blue-vivid-70: #0b4778;
  --blue-vivid-60: #005ea2;
  --blue-vivid-50: #0076d6;
  --blue-vivid-40: #2491ff;
  --blue-vivid-30: #58b4ff;
  --blue-vivid-20: #a1d3ff;
  --blue-vivid-10: #cfe8ff;
  --blue-vivid-5: #e8f5ff;
  --blue-cool-vivid-80: #002d3f;
  --blue-cool-vivid-70: #074b69;
  --blue-cool-vivid-60: #07648d;
  --blue-cool-vivid-50: #0d7ea2;
  --blue-cool-vivid-40: #28a0cb;
  --blue-cool-vivid-30: #59b9de;
  --blue-cool-vivid-20: #97d4ea;
  --blue-cool-vivid-10: #c3ebfa;
  --blue-cool-vivid-5: #e1f3f8;
  --blue-warm-vivid-90: #071d41;
  --blue-warm-vivid-80: #0c326f;
  --blue-warm-vivid-70: #1351b4;
  --blue-warm-vivid-60: #155bcb;
  --blue-warm-vivid-50: #2670e8;
  --blue-warm-vivid-40: #5992ed;
  --blue-warm-vivid-30: #81aefc;
  --blue-warm-vivid-20: #adcdff;
  --blue-warm-vivid-10: #d4e5ff;
  --blue-warm-vivid-5: #edf5ff;
  --blue-90-rgb: 17, 24, 29;
  --blue-80-rgb: 31, 48, 62;
  --blue-70-rgb: 39, 72, 99;
  --blue-60-rgb: 44, 96, 138;
  --blue-50-rgb: 35, 120, 195;
  --blue-40-rgb: 79, 151, 209;
  --blue-30-rgb: 115, 179, 231;
  --blue-20-rgb: 170, 205, 236;
  --blue-10-rgb: 219, 232, 251;
  --blue-5-rgb: 239, 246, 251;
  --blue-cool-90-rgb: 15, 25, 28;
  --blue-cool-80-rgb: 20, 51, 61;
  --blue-cool-70-rgb: 34, 74, 88;
  --blue-cool-60-rgb: 46, 98, 118;
  --blue-cool-50-rgb: 58, 125, 149;
  --blue-cool-40-rgb: 100, 153, 175;
  --blue-cool-30-rgb: 130, 180, 201;
  --blue-cool-20-rgb: 173, 207, 220;
  --blue-cool-10-rgb: 218, 233, 238;
  --blue-cool-5-rgb: 231, 242, 245;
  --blue-warm-90-rgb: 19, 23, 31;
  --blue-warm-80-rgb: 37, 47, 62;
  --blue-warm-70-rgb: 47, 70, 104;
  --blue-warm-60-rgb: 52, 93, 150;
  --blue-warm-50-rgb: 74, 119, 180;
  --blue-warm-40-rgb: 114, 146, 199;
  --blue-warm-30-rgb: 152, 175, 210;
  --blue-warm-20-rgb: 197, 212, 235;
  --blue-warm-10-rgb: 225, 231, 241;
  --blue-warm-5-rgb: 236, 241, 247;
  --blue-vivid-80-rgb: 17, 47, 78;
  --blue-vivid-70-rgb: 11, 71, 120;
  --blue-vivid-60-rgb: 0, 94, 162;
  --blue-vivid-50-rgb: 0, 118, 214;
  --blue-vivid-40-rgb: 36, 145, 255;
  --blue-vivid-30-rgb: 88, 180, 255;
  --blue-vivid-20-rgb: 161, 211, 255;
  --blue-vivid-10-rgb: 207, 232, 255;
  --blue-vivid-5-rgb: 232, 245, 255;
  --blue-cool-vivid-80-rgb: 0, 45, 63;
  --blue-cool-vivid-70-rgb: 7, 75, 105;
  --blue-cool-vivid-60-rgb: 7, 100, 141;
  --blue-cool-vivid-50-rgb: 13, 126, 162;
  --blue-cool-vivid-40-rgb: 40, 160, 203;
  --blue-cool-vivid-30-rgb: 89, 185, 222;
  --blue-cool-vivid-20-rgb: 151, 212, 234;
  --blue-cool-vivid-10-rgb: 195, 235, 250;
  --blue-cool-vivid-5-rgb: 225, 243, 248;
  --blue-warm-vivid-90-rgb: 7, 29, 65;
  --blue-warm-vivid-80-rgb: 12, 50, 111;
  --blue-warm-vivid-70-rgb: 19, 81, 180;
  --blue-warm-vivid-60-rgb: 21, 91, 203;
  --blue-warm-vivid-50-rgb: 38, 112, 232;
  --blue-warm-vivid-40-rgb: 89, 146, 237;
  --blue-warm-vivid-30-rgb: 129, 174, 252;
  --blue-warm-vivid-20-rgb: 173, 205, 255;
  --blue-warm-vivid-10-rgb: 212, 229, 255;
  --blue-warm-vivid-5-rgb: 237, 245, 255;
  --cyan-90: #111819;
  --cyan-80: #203133;
  --cyan-70: #2c4a4e;
  --cyan-60: #2a646d;
  --cyan-50: #168092;
  --cyan-40: #449dac;
  --cyan-30: #5dc0d1;
  --cyan-20: #99deea;
  --cyan-10: #ccecf2;
  --cyan-5: #e7f6f8;
  --cyan-vivid-80: #093b44;
  --cyan-vivid-70: #0e4f5c;
  --cyan-vivid-60: #00687d;
  --cyan-vivid-50: #0081a1;
  --cyan-vivid-40: #009ec1;
  --cyan-vivid-30: #00bde3;
  --cyan-vivid-20: #52daf2;
  --cyan-vivid-10: #a8f2ff;
  --cyan-vivid-5: #e5faff;
  --cyan-90-rgb: 17, 24, 25;
  --cyan-80-rgb: 32, 49, 51;
  --cyan-70-rgb: 44, 74, 78;
  --cyan-60-rgb: 42, 100, 109;
  --cyan-50-rgb: 22, 128, 146;
  --cyan-40-rgb: 68, 157, 172;
  --cyan-30-rgb: 93, 192, 209;
  --cyan-20-rgb: 153, 222, 234;
  --cyan-10-rgb: 204, 236, 242;
  --cyan-5-rgb: 231, 246, 248;
  --cyan-vivid-80-rgb: 9, 59, 68;
  --cyan-vivid-70-rgb: 14, 79, 92;
  --cyan-vivid-60-rgb: 0, 104, 125;
  --cyan-vivid-50-rgb: 0, 129, 161;
  --cyan-vivid-40-rgb: 0, 158, 193;
  --cyan-vivid-30-rgb: 0, 189, 227;
  --cyan-vivid-20-rgb: 82, 218, 242;
  --cyan-vivid-10-rgb: 168, 242, 255;
  --cyan-vivid-5-rgb: 229, 250, 255;
  --gold-90: #191714;
  --gold-80: #322d26;
  --gold-70: #4d4438;
  --gold-60: #6b5947;
  --gold-50: #8e704f;
  --gold-40: #ad8b65;
  --gold-30: #c7a97b;
  --gold-20: #dec69a;
  --gold-10: #f1e5cd;
  --gold-5: #f5f0e6;
  --gold-vivid-80: #3b2b15;
  --gold-vivid-70: #5c410a;
  --gold-vivid-60: #7a591a;
  --gold-vivid-50: #936f38;
  --gold-vivid-40: #c2850c;
  --gold-vivid-30: #e5a000;
  --gold-vivid-20: #ffbe2e;
  --gold-vivid-10: #ffe396;
  --gold-vivid-5: #fef0c8;
  --gold-90-rgb: 25, 23, 20;
  --gold-80-rgb: 50, 45, 38;
  --gold-70-rgb: 77, 68, 56;
  --gold-60-rgb: 107, 89, 71;
  --gold-50-rgb: 142, 112, 79;
  --gold-40-rgb: 173, 139, 101;
  --gold-30-rgb: 199, 169, 123;
  --gold-20-rgb: 222, 198, 154;
  --gold-10-rgb: 241, 229, 205;
  --gold-5-rgb: 245, 240, 230;
  --gold-vivid-80-rgb: 59, 43, 21;
  --gold-vivid-70-rgb: 92, 65, 10;
  --gold-vivid-60-rgb: 122, 89, 26;
  --gold-vivid-50-rgb: 147, 111, 56;
  --gold-vivid-40-rgb: 194, 133, 12;
  --gold-vivid-30-rgb: 229, 160, 0;
  --gold-vivid-20-rgb: 255, 190, 46;
  --gold-vivid-10-rgb: 255, 227, 150;
  --gold-vivid-5-rgb: 254, 240, 200;
  --gray-90: #1b1b1b;
  --gray-80: #333;
  --gray-70: #555;
  --gray-60: #636363;
  --gray-50: #757575;
  --gray-40: #888;
  --gray-30: #adadad;
  --gray-20: #ccc;
  --gray-10: #e6e6e6;
  --gray-5: #f0f0f0;
  --gray-4: #f3f3f3;
  --gray-3: #f6f6f6;
  --gray-2: #f8f8f8;
  --gray-1: #fcfcfc;
  --gray-cool-90: #1c1d1f;
  --gray-cool-80: #2d2e2f;
  --gray-cool-70: #3d4551;
  --gray-cool-60: #565c65;
  --gray-cool-50: #71767a;
  --gray-cool-40: #8d9297;
  --gray-cool-30: #a9aeb1;
  --gray-cool-20: #c6cace;
  --gray-cool-10: #dfe1e2;
  --gray-cool-5: #edeff0;
  --gray-cool-4: #f1f3f6;
  --gray-cool-3: #f5f6f7;
  --gray-cool-2: #f7f9fa;
  --gray-cool-1: #fbfcfd;
  --gray-warm-90: #171716;
  --gray-warm-80: #2e2e2a;
  --gray-warm-70: #454540;
  --gray-warm-60: #5d5d52;
  --gray-warm-50: #76766a;
  --gray-warm-40: #929285;
  --gray-warm-30: #afaea2;
  --gray-warm-20: #cac9c0;
  --gray-warm-10: #e6e6e2;
  --gray-warm-5: #f0f0ec;
  --gray-warm-4: #f5f5f0;
  --gray-warm-3: #f6f6f2;
  --gray-warm-2: #f9f9f7;
  --gray-warm-1: #fcfcfb;
  --gray-90-rgb: 27, 27, 27;
  --gray-80-rgb: 51, 51, 51;
  --gray-70-rgb: 85, 85, 85;
  --gray-60-rgb: 99, 99, 99;
  --gray-50-rgb: 117, 117, 117;
  --gray-40-rgb: 136, 136, 136;
  --gray-30-rgb: 173, 173, 173;
  --gray-20-rgb: 204, 204, 204;
  --gray-10-rgb: 230, 230, 230;
  --gray-5-rgb: 240, 240, 240;
  --gray-4-rgb: 243, 243, 243;
  --gray-3-rgb: 246, 246, 246;
  --gray-2-rgb: 248, 248, 248;
  --gray-1-rgb: 252, 252, 252;
  --gray-cool-90-rgb: 28, 29, 31;
  --gray-cool-80-rgb: 45, 46, 47;
  --gray-cool-70-rgb: 61, 69, 81;
  --gray-cool-60-rgb: 86, 92, 101;
  --gray-cool-50-rgb: 113, 118, 122;
  --gray-cool-40-rgb: 141, 146, 151;
  --gray-cool-30-rgb: 169, 174, 177;
  --gray-cool-20-rgb: 198, 202, 206;
  --gray-cool-10-rgb: 223, 225, 226;
  --gray-cool-5-rgb: 237, 239, 240;
  --gray-cool-4-rgb: 241, 243, 246;
  --gray-cool-3-rgb: 245, 246, 247;
  --gray-cool-2-rgb: 247, 249, 250;
  --gray-cool-1-rgb: 251, 252, 253;
  --gray-warm-90-rgb: 23, 23, 22;
  --gray-warm-80-rgb: 46, 46, 42;
  --gray-warm-70-rgb: 69, 69, 64;
  --gray-warm-60-rgb: 93, 93, 82;
  --gray-warm-50-rgb: 118, 118, 106;
  --gray-warm-40-rgb: 146, 146, 133;
  --gray-warm-30-rgb: 175, 174, 162;
  --gray-warm-20-rgb: 202, 201, 192;
  --gray-warm-10-rgb: 230, 230, 226;
  --gray-warm-5-rgb: 240, 240, 236;
  --gray-warm-4-rgb: 245, 245, 240;
  --gray-warm-3-rgb: 246, 246, 242;
  --gray-warm-2-rgb: 249, 249, 247;
  --gray-warm-1-rgb: 252, 252, 251;
  --green-90: #161814;
  --green-80: #293021;
  --green-70: #3c4a29;
  --green-60: #4c6424;
  --green-50: #607f35;
  --green-40: #7d9b4e;
  --green-30: #9bb672;
  --green-20: #b8d293;
  --green-10: #dfeacd;
  --green-5: #eaf4dd;
  --green-cool-90: #1a1f1a;
  --green-cool-80: #28312a;
  --green-cool-70: #37493b;
  --green-cool-60: #446443;
  --green-cool-50: #4d8055;
  --green-cool-40: #5e9f69;
  --green-cool-30: #86b98e;
  --green-cool-20: #b4d0b9;
  --green-cool-10: #dbebde;
  --green-cool-5: #ecf3ec;
  --green-warm-90: #171712;
  --green-warm-80: #2d2f21;
  --green-warm-70: #45472f;
  --green-warm-60: #5a5f38;
  --green-warm-50: #6f7a41;
  --green-warm-40: #8a984b;
  --green-warm-30: #a6b557;
  --green-warm-20: #cbd17a;
  --green-warm-10: #e7eab7;
  --green-warm-5: #f1f4d7;
  --green-vivid-80: #243413;
  --green-vivid-70: #2f4a0b;
  --green-vivid-60: #466c04;
  --green-vivid-50: #538200;
  --green-vivid-40: #719f2a;
  --green-vivid-30: #7fb135;
  --green-vivid-20: #98d035;
  --green-vivid-10: #c5ee93;
  --green-vivid-5: #ddf9c7;
  --green-cool-vivid-80: #19311e;
  --green-cool-vivid-70: #154c21;
  --green-cool-vivid-60: #216e1f;
  --green-cool-vivid-50: #168821;
  --green-cool-vivid-40: #00a91c;
  --green-cool-vivid-30: #21c834;
  --green-cool-vivid-20: #70e17b;
  --green-cool-vivid-10: #b7f5bd;
  --green-cool-vivid-5: #e3f5e1;
  --green-warm-vivid-80: #38380b;
  --green-warm-vivid-70: #4b4e10;
  --green-warm-vivid-60: #5a6613;
  --green-warm-vivid-50: #6a7d00;
  --green-warm-vivid-40: #7e9c1d;
  --green-warm-vivid-30: #a3b72c;
  --green-warm-vivid-20: #c5d30a;
  --green-warm-vivid-10: #e7f434;
  --green-warm-vivid-5: #f5fbc1;
  --green-90-rgb: 22, 24, 20;
  --green-80-rgb: 41, 48, 33;
  --green-70-rgb: 60, 74, 41;
  --green-60-rgb: 76, 100, 36;
  --green-50-rgb: 96, 127, 53;
  --green-40-rgb: 125, 155, 78;
  --green-30-rgb: 155, 182, 114;
  --green-20-rgb: 184, 210, 147;
  --green-10-rgb: 223, 234, 205;
  --green-5-rgb: 234, 244, 221;
  --green-cool-90-rgb: 26, 31, 26;
  --green-cool-80-rgb: 40, 49, 42;
  --green-cool-70-rgb: 55, 73, 59;
  --green-cool-60-rgb: 68, 100, 67;
  --green-cool-50-rgb: 77, 128, 85;
  --green-cool-40-rgb: 94, 159, 105;
  --green-cool-30-rgb: 134, 185, 142;
  --green-cool-20-rgb: 180, 208, 185;
  --green-cool-10-rgb: 219, 235, 222;
  --green-cool-5-rgb: 236, 243, 236;
  --green-warm-90-rgb: 23, 23, 18;
  --green-warm-80-rgb: 45, 47, 33;
  --green-warm-70-rgb: 69, 71, 47;
  --green-warm-60-rgb: 90, 95, 56;
  --green-warm-50-rgb: 111, 122, 65;
  --green-warm-40-rgb: 138, 152, 75;
  --green-warm-30-rgb: 166, 181, 87;
  --green-warm-20-rgb: 203, 209, 122;
  --green-warm-10-rgb: 231, 234, 183;
  --green-warm-5-rgb: 241, 244, 215;
  --green-vivid-80-rgb: 36, 52, 19;
  --green-vivid-70-rgb: 47, 74, 11;
  --green-vivid-60-rgb: 70, 108, 4;
  --green-vivid-50-rgb: 83, 130, 0;
  --green-vivid-40-rgb: 113, 159, 42;
  --green-vivid-30-rgb: 127, 177, 53;
  --green-vivid-20-rgb: 152, 208, 53;
  --green-vivid-10-rgb: 197, 238, 147;
  --green-vivid-5-rgb: 221, 249, 199;
  --green-cool-vivid-80-rgb: 25, 49, 30;
  --green-cool-vivid-70-rgb: 21, 76, 33;
  --green-cool-vivid-60-rgb: 33, 110, 31;
  --green-cool-vivid-50-rgb: 22, 136, 33;
  --green-cool-vivid-40-rgb: 0, 169, 28;
  --green-cool-vivid-30-rgb: 33, 200, 52;
  --green-cool-vivid-20-rgb: 112, 225, 123;
  --green-cool-vivid-10-rgb: 183, 245, 189;
  --green-cool-vivid-5-rgb: 227, 245, 225;
  --green-warm-vivid-80-rgb: 56, 56, 11;
  --green-warm-vivid-70-rgb: 75, 78, 16;
  --green-warm-vivid-60-rgb: 90, 102, 19;
  --green-warm-vivid-50-rgb: 106, 125, 0;
  --green-warm-vivid-40-rgb: 126, 156, 29;
  --green-warm-vivid-30-rgb: 163, 183, 44;
  --green-warm-vivid-20-rgb: 197, 211, 10;
  --green-warm-vivid-10-rgb: 231, 244, 52;
  --green-warm-vivid-5-rgb: 245, 251, 193;
  --indigo-90: #16171f;
  --indigo-80: #2b2c40;
  --indigo-70: #3d4076;
  --indigo-60: #4d52af;
  --indigo-50: #676cc8;
  --indigo-40: #8889db;
  --indigo-30: #a5a8eb;
  --indigo-20: #c5c5f3;
  --indigo-10: #e5e4fa;
  --indigo-5: #efeff8;
  --indigo-cool-90: #151622;
  --indigo-cool-80: #292d42;
  --indigo-cool-70: #374274;
  --indigo-cool-60: #3f57a6;
  --indigo-cool-50: #496fd8;
  --indigo-cool-40: #6b8ee8;
  --indigo-cool-30: #96abee;
  --indigo-cool-20: #bbc8f5;
  --indigo-cool-10: #e1e6f9;
  --indigo-cool-5: #eef0f9;
  --indigo-warm-90: #18161d;
  --indigo-warm-80: #2e2c40;
  --indigo-warm-70: #453c7b;
  --indigo-warm-60: #5e519e;
  --indigo-warm-50: #7665d1;
  --indigo-warm-40: #9287d8;
  --indigo-warm-30: #afa5e8;
  --indigo-warm-20: #cbc4f2;
  --indigo-warm-10: #e7e3fa;
  --indigo-warm-5: #f1eff7;
  --indigo-vivid-80: #212463;
  --indigo-vivid-70: #3333a3;
  --indigo-vivid-60: #4a50c4;
  --indigo-vivid-50: #656bd7;
  --indigo-vivid-40: #8289ff;
  --indigo-vivid-30: #a3a7fa;
  --indigo-vivid-20: #ccceff;
  --indigo-vivid-10: #e0e0ff;
  --indigo-vivid-5: #f0f0ff;
  --indigo-cool-vivid-80: #1b2b85;
  --indigo-cool-vivid-70: #222fbf;
  --indigo-cool-vivid-60: #3e4ded;
  --indigo-cool-vivid-50: #4866ff;
  --indigo-cool-vivid-40: #628ef4;
  --indigo-cool-vivid-30: #94adff;
  --indigo-cool-vivid-20: #b8c8ff;
  --indigo-cool-vivid-10: #dee5ff;
  --indigo-cool-vivid-5: #edf0ff;
  --indigo-warm-vivid-80: #261f5b;
  --indigo-warm-vivid-70: #3d2c9d;
  --indigo-warm-vivid-60: #5942d2;
  --indigo-warm-vivid-50: #745fe9;
  --indigo-warm-vivid-40: #967efb;
  --indigo-warm-vivid-30: #b69fff;
  --indigo-warm-vivid-20: #cfc4fd;
  --indigo-warm-vivid-10: #e4deff;
  --indigo-warm-vivid-5: #f5f2ff;
  --indigo-90-rgb: 22, 23, 31;
  --indigo-80-rgb: 43, 44, 64;
  --indigo-70-rgb: 61, 64, 118;
  --indigo-60-rgb: 77, 82, 175;
  --indigo-50-rgb: 103, 108, 200;
  --indigo-40-rgb: 136, 137, 219;
  --indigo-30-rgb: 165, 168, 235;
  --indigo-20-rgb: 197, 197, 243;
  --indigo-10-rgb: 229, 228, 250;
  --indigo-5-rgb: 239, 239, 248;
  --indigo-cool-90-rgb: 21, 22, 34;
  --indigo-cool-80-rgb: 41, 45, 66;
  --indigo-cool-70-rgb: 55, 66, 116;
  --indigo-cool-60-rgb: 63, 87, 166;
  --indigo-cool-50-rgb: 73, 111, 216;
  --indigo-cool-40-rgb: 107, 142, 232;
  --indigo-cool-30-rgb: 150, 171, 238;
  --indigo-cool-20-rgb: 187, 200, 245;
  --indigo-cool-10-rgb: 225, 230, 249;
  --indigo-cool-5-rgb: 238, 240, 249;
  --indigo-warm-90-rgb: 24, 22, 29;
  --indigo-warm-80-rgb: 46, 44, 64;
  --indigo-warm-70-rgb: 69, 60, 123;
  --indigo-warm-60-rgb: 94, 81, 158;
  --indigo-warm-50-rgb: 118, 101, 209;
  --indigo-warm-40-rgb: 146, 135, 216;
  --indigo-warm-30-rgb: 175, 165, 232;
  --indigo-warm-20-rgb: 203, 196, 242;
  --indigo-warm-10-rgb: 231, 227, 250;
  --indigo-warm-5-rgb: 241, 239, 247;
  --indigo-vivid-80-rgb: 33, 36, 99;
  --indigo-vivid-70-rgb: 51, 51, 163;
  --indigo-vivid-60-rgb: 74, 80, 196;
  --indigo-vivid-50-rgb: 101, 107, 215;
  --indigo-vivid-40-rgb: 130, 137, 255;
  --indigo-vivid-30-rgb: 163, 167, 250;
  --indigo-vivid-20-rgb: 204, 206, 255;
  --indigo-vivid-10-rgb: 224, 224, 255;
  --indigo-vivid-5-rgb: 240, 240, 255;
  --indigo-cool-vivid-80-rgb: 27, 43, 133;
  --indigo-cool-vivid-70-rgb: 34, 47, 191;
  --indigo-cool-vivid-60-rgb: 62, 77, 237;
  --indigo-cool-vivid-50-rgb: 72, 102, 255;
  --indigo-cool-vivid-40-rgb: 98, 142, 244;
  --indigo-cool-vivid-30-rgb: 148, 173, 255;
  --indigo-cool-vivid-20-rgb: 184, 200, 255;
  --indigo-cool-vivid-10-rgb: 222, 229, 255;
  --indigo-cool-vivid-5-rgb: 237, 240, 255;
  --indigo-warm-vivid-80-rgb: 38, 31, 91;
  --indigo-warm-vivid-70-rgb: 61, 44, 157;
  --indigo-warm-vivid-60-rgb: 89, 66, 210;
  --indigo-warm-vivid-50-rgb: 116, 95, 233;
  --indigo-warm-vivid-40-rgb: 150, 126, 251;
  --indigo-warm-vivid-30-rgb: 182, 159, 255;
  --indigo-warm-vivid-20-rgb: 207, 196, 253;
  --indigo-warm-vivid-10-rgb: 228, 222, 255;
  --indigo-warm-vivid-5-rgb: 245, 242, 255;
  --magenta-90: #1b1617;
  --magenta-80: #402731;
  --magenta-70: #66364b;
  --magenta-60: #8b4566;
  --magenta-50: #c84281;
  --magenta-40: #e0699f;
  --magenta-30: #e895b3;
  --magenta-20: #f0bbcc;
  --magenta-10: #f6e1e8;
  --magenta-5: #f9f0f2;
  --magenta-vivid-80: #4f172e;
  --magenta-vivid-70: #731f44;
  --magenta-vivid-60: #ab2165;
  --magenta-vivid-50: #d72d79;
  --magenta-vivid-40: #fd4496;
  --magenta-vivid-30: #ff87b2;
  --magenta-vivid-20: #ffb4cf;
  --magenta-vivid-10: #ffddea;
  --magenta-vivid-5: #fff2f5;
  --magenta-90-rgb: 27, 22, 23;
  --magenta-80-rgb: 64, 39, 49;
  --magenta-70-rgb: 102, 54, 75;
  --magenta-60-rgb: 139, 69, 102;
  --magenta-50-rgb: 200, 66, 129;
  --magenta-40-rgb: 224, 105, 159;
  --magenta-30-rgb: 232, 149, 179;
  --magenta-20-rgb: 240, 187, 204;
  --magenta-10-rgb: 246, 225, 232;
  --magenta-5-rgb: 249, 240, 242;
  --magenta-vivid-80-rgb: 79, 23, 46;
  --magenta-vivid-70-rgb: 115, 31, 68;
  --magenta-vivid-60-rgb: 171, 33, 101;
  --magenta-vivid-50-rgb: 215, 45, 121;
  --magenta-vivid-40-rgb: 253, 68, 150;
  --magenta-vivid-30-rgb: 255, 135, 178;
  --magenta-vivid-20-rgb: 255, 180, 207;
  --magenta-vivid-10-rgb: 255, 221, 234;
  --magenta-vivid-5-rgb: 255, 242, 245;
  --mint-90: #0d1a12;
  --mint-80: #193324;
  --mint-70: #204e34;
  --mint-60: #286846;
  --mint-50: #2e8367;
  --mint-40: #34a37e;
  --mint-30: #5abf95;
  --mint-20: #92d9bb;
  --mint-10: #c7efe2;
  --mint-5: #dbf6ed;
  --mint-cool-90: #111818;
  --mint-cool-80: #203131;
  --mint-cool-70: #2a4b45;
  --mint-cool-60: #376462;
  --mint-cool-50: #40807e;
  --mint-cool-40: #4f9e99;
  --mint-cool-30: #6fbab3;
  --mint-cool-20: #9bd4cf;
  --mint-cool-10: #c4eeeb;
  --mint-cool-5: #e0f7f6;
  --mint-vivid-80: #0d351e;
  --mint-vivid-70: #0c4e29;
  --mint-vivid-60: #146947;
  --mint-vivid-50: #008659;
  --mint-vivid-40: #00a871;
  --mint-vivid-30: #04c585;
  --mint-vivid-20: #0ceda6;
  --mint-vivid-10: #83fcd4;
  --mint-vivid-5: #c9fbeb;
  --mint-cool-vivid-80: #123131;
  --mint-cool-vivid-70: #0b4b3f;
  --mint-cool-vivid-60: #0f6460;
  --mint-cool-vivid-50: #008480;
  --mint-cool-vivid-40: #36a191;
  --mint-cool-vivid-30: #1dc2ae;
  --mint-cool-vivid-20: #40e0d0;
  --mint-cool-vivid-10: #7efbe1;
  --mint-cool-vivid-5: #d5fbf3;
  --mint-90-rgb: 13, 26, 18;
  --mint-80-rgb: 25, 51, 36;
  --mint-70-rgb: 32, 78, 52;
  --mint-60-rgb: 40, 104, 70;
  --mint-50-rgb: 46, 131, 103;
  --mint-40-rgb: 52, 163, 126;
  --mint-30-rgb: 90, 191, 149;
  --mint-20-rgb: 146, 217, 187;
  --mint-10-rgb: 199, 239, 226;
  --mint-5-rgb: 219, 246, 237;
  --mint-cool-90-rgb: 17, 24, 24;
  --mint-cool-80-rgb: 32, 49, 49;
  --mint-cool-70-rgb: 42, 75, 69;
  --mint-cool-60-rgb: 55, 100, 98;
  --mint-cool-50-rgb: 64, 128, 126;
  --mint-cool-40-rgb: 79, 158, 153;
  --mint-cool-30-rgb: 111, 186, 179;
  --mint-cool-20-rgb: 155, 212, 207;
  --mint-cool-10-rgb: 196, 238, 235;
  --mint-cool-5-rgb: 224, 247, 246;
  --mint-vivid-80-rgb: 13, 53, 30;
  --mint-vivid-70-rgb: 12, 78, 41;
  --mint-vivid-60-rgb: 20, 105, 71;
  --mint-vivid-50-rgb: 0, 134, 89;
  --mint-vivid-40-rgb: 0, 168, 113;
  --mint-vivid-30-rgb: 4, 197, 133;
  --mint-vivid-20-rgb: 12, 237, 166;
  --mint-vivid-10-rgb: 131, 252, 212;
  --mint-vivid-5-rgb: 201, 251, 235;
  --mint-cool-vivid-80-rgb: 18, 49, 49;
  --mint-cool-vivid-70-rgb: 11, 75, 63;
  --mint-cool-vivid-60-rgb: 15, 100, 96;
  --mint-cool-vivid-50-rgb: 0, 132, 128;
  --mint-cool-vivid-40-rgb: 54, 161, 145;
  --mint-cool-vivid-30-rgb: 29, 194, 174;
  --mint-cool-vivid-20-rgb: 64, 224, 208;
  --mint-cool-vivid-10-rgb: 126, 251, 225;
  --mint-cool-vivid-5-rgb: 213, 251, 243;
  --orange-90: #1b1614;
  --orange-80: #332d27;
  --orange-70: #524236;
  --orange-60: #775540;
  --orange-50: #a26739;
  --orange-40: #dd7533;
  --orange-30: #f09860;
  --orange-20: #f3bf90;
  --orange-10: #f2e4d4;
  --orange-5: #f6efe9;
  --orange-warm-90: #1c1615;
  --orange-warm-80: #3d2925;
  --orange-warm-70: #633a32;
  --orange-warm-60: #914734;
  --orange-warm-50: #bd5727;
  --orange-warm-40: #e17141;
  --orange-warm-30: #f3966d;
  --orange-warm-20: #f7bca2;
  --orange-warm-10: #fbe0d0;
  --orange-warm-5: #faeee5;
  --orange-vivid-80: #352313;
  --orange-vivid-70: #5f3617;
  --orange-vivid-60: #8c471c;
  --orange-vivid-50: #c05600;
  --orange-vivid-40: #e66f0e;
  --orange-vivid-30: #ff8c00;
  --orange-vivid-20: #ffbc78;
  --orange-vivid-10: #fce2c5;
  --orange-vivid-5: #fdf5e6;
  --orange-warm-vivid-80: #3d231d;
  --orange-warm-vivid-70: #782312;
  --orange-warm-vivid-60: #a72f10;
  --orange-warm-vivid-50: #cf4900;
  --orange-warm-vivid-40: #ff580a;
  --orange-warm-vivid-30: #fc906d;
  --orange-warm-vivid-20: #fbbaa7;
  --orange-warm-vivid-10: #ffe2d1;
  --orange-warm-vivid-5: #fff3ea;
  --orange-90-rgb: 27, 22, 20;
  --orange-80-rgb: 51, 45, 39;
  --orange-70-rgb: 82, 66, 54;
  --orange-60-rgb: 119, 85, 64;
  --orange-50-rgb: 162, 103, 57;
  --orange-40-rgb: 221, 117, 51;
  --orange-30-rgb: 240, 152, 96;
  --orange-20-rgb: 243, 191, 144;
  --orange-10-rgb: 242, 228, 212;
  --orange-5-rgb: 246, 239, 233;
  --orange-warm-90-rgb: 28, 22, 21;
  --orange-warm-80-rgb: 61, 41, 37;
  --orange-warm-70-rgb: 99, 58, 50;
  --orange-warm-60-rgb: 145, 71, 52;
  --orange-warm-50-rgb: 189, 87, 39;
  --orange-warm-40-rgb: 225, 113, 65;
  --orange-warm-30-rgb: 243, 150, 109;
  --orange-warm-20-rgb: 247, 188, 162;
  --orange-warm-10-rgb: 251, 224, 208;
  --orange-warm-5-rgb: 250, 238, 229;
  --orange-vivid-80-rgb: 53, 35, 19;
  --orange-vivid-70-rgb: 95, 54, 23;
  --orange-vivid-60-rgb: 140, 71, 28;
  --orange-vivid-50-rgb: 192, 86, 0;
  --orange-vivid-40-rgb: 230, 111, 14;
  --orange-vivid-30-rgb: 255, 140, 0;
  --orange-vivid-20-rgb: 255, 188, 120;
  --orange-vivid-10-rgb: 252, 226, 197;
  --orange-vivid-5-rgb: 253, 245, 230;
  --orange-warm-vivid-80-rgb: 61, 35, 29;
  --orange-warm-vivid-70-rgb: 120, 35, 18;
  --orange-warm-vivid-60-rgb: 167, 47, 16;
  --orange-warm-vivid-50-rgb: 207, 73, 0;
  --orange-warm-vivid-40-rgb: 255, 88, 10;
  --orange-warm-vivid-30-rgb: 252, 144, 109;
  --orange-warm-vivid-20-rgb: 251, 186, 167;
  --orange-warm-vivid-10-rgb: 255, 226, 209;
  --orange-warm-vivid-5-rgb: 255, 243, 234;
  --pure-100: #000;
  --pure-0: #fff;
  --pure-100-rgb: 0, 0, 0;
  --pure-0-rgb: 255, 255, 255;
  --red-90: #1b1616;
  --red-80: #3e2927;
  --red-70: #6f3331;
  --red-60: #a23737;
  --red-50: #d83933;
  --red-40: #e9695f;
  --red-30: #f2938c;
  --red-20: #f7bbb1;
  --red-10: #f8e1de;
  --red-5: #f9eeee;
  --red-cool-90: #1e1517;
  --red-cool-80: #40282c;
  --red-cool-70: #68363f;
  --red-cool-60: #9e394b;
  --red-cool-50: #cd425b;
  --red-cool-40: #e16b80;
  --red-cool-30: #e09aa6;
  --red-cool-20: #ecbec6;
  --red-cool-10: #f3e1e4;
  --red-cool-5: #f8eff1;
  --red-warm-90: #1f1c18;
  --red-warm-80: #332d29;
  --red-warm-70: #524236;
  --red-warm-60: #805039;
  --red-warm-50: #c3512c;
  --red-warm-40: #d27a56;
  --red-warm-30: #dca081;
  --red-warm-20: #ecc0a7;
  --red-warm-10: #f4e3db;
  --red-warm-5: #f6efea;
  --red-vivid-80: #5c1111;
  --red-vivid-70: #8b0a03;
  --red-vivid-60: #b50909;
  --red-vivid-50: #e52207;
  --red-vivid-40: #fb5a47;
  --red-vivid-30: #ff8d7b;
  --red-vivid-20: #fdb8ae;
  --red-vivid-10: #fde0db;
  --red-vivid-5: #fff3f2;
  --red-cool-vivid-80: #4f1c24;
  --red-cool-vivid-70: #822133;
  --red-cool-vivid-60: #b21d38;
  --red-cool-vivid-50: #e41d3d;
  --red-cool-vivid-40: #f45d79;
  --red-cool-vivid-30: #fd8ba0;
  --red-cool-vivid-20: #f8b9c5;
  --red-cool-vivid-10: #f8dfe2;
  --red-cool-vivid-5: #fff2f5;
  --red-warm-vivid-80: #3e2a1e;
  --red-warm-vivid-70: #63340f;
  --red-warm-vivid-60: #9c3d10;
  --red-warm-vivid-50: #d54309;
  --red-warm-vivid-40: #ef5e25;
  --red-warm-vivid-30: #f39268;
  --red-warm-vivid-20: #f6bd9c;
  --red-warm-vivid-10: #fce1d4;
  --red-warm-vivid-5: #fff5ee;
  --red-90-rgb: 27, 22, 22;
  --red-80-rgb: 62, 41, 39;
  --red-70-rgb: 111, 51, 49;
  --red-60-rgb: 162, 55, 55;
  --red-50-rgb: 216, 57, 51;
  --red-40-rgb: 233, 105, 95;
  --red-30-rgb: 242, 147, 140;
  --red-20-rgb: 247, 187, 177;
  --red-10-rgb: 248, 225, 222;
  --red-5-rgb: 249, 238, 238;
  --red-cool-90-rgb: 30, 21, 23;
  --red-cool-80-rgb: 64, 40, 44;
  --red-cool-70-rgb: 104, 54, 63;
  --red-cool-60-rgb: 158, 57, 75;
  --red-cool-50-rgb: 205, 66, 91;
  --red-cool-40-rgb: 225, 107, 128;
  --red-cool-30-rgb: 224, 154, 166;
  --red-cool-20-rgb: 236, 190, 198;
  --red-cool-10-rgb: 243, 225, 228;
  --red-cool-5-rgb: 248, 239, 241;
  --red-warm-90-rgb: 31, 28, 24;
  --red-warm-80-rgb: 51, 45, 41;
  --red-warm-70-rgb: 82, 66, 54;
  --red-warm-60-rgb: 128, 80, 57;
  --red-warm-50-rgb: 195, 81, 44;
  --red-warm-40-rgb: 210, 122, 86;
  --red-warm-30-rgb: 220, 160, 129;
  --red-warm-20-rgb: 236, 192, 167;
  --red-warm-10-rgb: 244, 227, 219;
  --red-warm-5-rgb: 246, 239, 234;
  --red-vivid-80-rgb: 92, 17, 17;
  --red-vivid-70-rgb: 139, 10, 3;
  --red-vivid-60-rgb: 181, 9, 9;
  --red-vivid-50-rgb: 229, 34, 7;
  --red-vivid-40-rgb: 251, 90, 71;
  --red-vivid-30-rgb: 255, 141, 123;
  --red-vivid-20-rgb: 253, 184, 174;
  --red-vivid-10-rgb: 253, 224, 219;
  --red-vivid-5-rgb: 255, 243, 242;
  --red-cool-vivid-80-rgb: 79, 28, 36;
  --red-cool-vivid-70-rgb: 130, 33, 51;
  --red-cool-vivid-60-rgb: 178, 29, 56;
  --red-cool-vivid-50-rgb: 228, 29, 61;
  --red-cool-vivid-40-rgb: 244, 93, 121;
  --red-cool-vivid-30-rgb: 253, 139, 160;
  --red-cool-vivid-20-rgb: 248, 185, 197;
  --red-cool-vivid-10-rgb: 248, 223, 226;
  --red-cool-vivid-5-rgb: 255, 242, 245;
  --red-warm-vivid-80-rgb: 62, 42, 30;
  --red-warm-vivid-70-rgb: 99, 52, 15;
  --red-warm-vivid-60-rgb: 156, 61, 16;
  --red-warm-vivid-50-rgb: 213, 67, 9;
  --red-warm-vivid-40-rgb: 239, 94, 37;
  --red-warm-vivid-30-rgb: 243, 146, 104;
  --red-warm-vivid-20-rgb: 246, 189, 156;
  --red-warm-vivid-10-rgb: 252, 225, 212;
  --red-warm-vivid-5-rgb: 255, 245, 238;
  --violet-90: #18161d;
  --violet-80: #312b3f;
  --violet-70: #4c3d69;
  --violet-60: #665190;
  --violet-50: #8168b3;
  --violet-40: #9d84d2;
  --violet-30: #b8a2e3;
  --violet-20: #d0c3e9;
  --violet-10: #ebe3f9;
  --violet-5: #f4f1f9;
  --violet-warm-90: #1b151b;
  --violet-warm-80: #382936;
  --violet-warm-70: #5c395a;
  --violet-warm-60: #864381;
  --violet-warm-50: #b04abd;
  --violet-warm-40: #bf77c8;
  --violet-warm-30: #d29ad8;
  --violet-warm-20: #e2bee4;
  --violet-warm-10: #f6dff8;
  --violet-warm-5: #f8f0f9;
  --violet-vivid-80: #39215e;
  --violet-vivid-70: #54278f;
  --violet-vivid-60: #783cb9;
  --violet-vivid-50: #9355dc;
  --violet-vivid-40: #ad79e9;
  --violet-vivid-30: #c39deb;
  --violet-vivid-20: #d5bfff;
  --violet-vivid-10: #ede3ff;
  --violet-vivid-5: #f7f2ff;
  --violet-warm-vivid-80: #481441;
  --violet-warm-vivid-70: #711e6c;
  --violet-warm-vivid-60: #93348c;
  --violet-warm-vivid-50: #be32d0;
  --violet-warm-vivid-40: #d85bef;
  --violet-warm-vivid-30: #ee83ff;
  --violet-warm-vivid-20: #f4b2ff;
  --violet-warm-vivid-10: #fbdcff;
  --violet-warm-vivid-5: #fef2ff;
  --violet-90-rgb: 24, 22, 29;
  --violet-80-rgb: 49, 43, 63;
  --violet-70-rgb: 76, 61, 105;
  --violet-60-rgb: 102, 81, 144;
  --violet-50-rgb: 129, 104, 179;
  --violet-40-rgb: 157, 132, 210;
  --violet-30-rgb: 184, 162, 227;
  --violet-20-rgb: 208, 195, 233;
  --violet-10-rgb: 235, 227, 249;
  --violet-5-rgb: 244, 241, 249;
  --violet-warm-90-rgb: 27, 21, 27;
  --violet-warm-80-rgb: 56, 41, 54;
  --violet-warm-70-rgb: 92, 57, 90;
  --violet-warm-60-rgb: 134, 67, 129;
  --violet-warm-50-rgb: 176, 74, 189;
  --violet-warm-40-rgb: 191, 119, 200;
  --violet-warm-30-rgb: 210, 154, 216;
  --violet-warm-20-rgb: 226, 190, 228;
  --violet-warm-10-rgb: 246, 223, 248;
  --violet-warm-5-rgb: 248, 240, 249;
  --violet-vivid-80-rgb: 57, 33, 94;
  --violet-vivid-70-rgb: 84, 39, 143;
  --violet-vivid-60-rgb: 120, 60, 185;
  --violet-vivid-50-rgb: 147, 85, 220;
  --violet-vivid-40-rgb: 173, 121, 233;
  --violet-vivid-30-rgb: 195, 157, 235;
  --violet-vivid-20-rgb: 213, 191, 255;
  --violet-vivid-10-rgb: 237, 227, 255;
  --violet-vivid-5-rgb: 247, 242, 255;
  --violet-warm-vivid-80-rgb: 72, 20, 65;
  --violet-warm-vivid-70-rgb: 113, 30, 108;
  --violet-warm-vivid-60-rgb: 147, 52, 140;
  --violet-warm-vivid-50-rgb: 190, 50, 208;
  --violet-warm-vivid-40-rgb: 216, 91, 239;
  --violet-warm-vivid-30-rgb: 238, 131, 255;
  --violet-warm-vivid-20-rgb: 244, 178, 255;
  --violet-warm-vivid-10-rgb: 251, 220, 255;
  --violet-warm-vivid-5-rgb: 254, 242, 255;
  --yellow-90: #1a1614;
  --yellow-80: #332d27;
  --yellow-70: #504332;
  --yellow-60: #6b5a39;
  --yellow-50: #8a7237;
  --yellow-40: #a88f48;
  --yellow-30: #c9ab48;
  --yellow-20: #e6c74c;
  --yellow-10: #f5e6af;
  --yellow-5: #faf3d1;
  --yellow-vivid-80: #422d19;
  --yellow-vivid-70: #5c4809;
  --yellow-vivid-60: #776017;
  --yellow-vivid-50: #947100;
  --yellow-vivid-40: #b38c00;
  --yellow-vivid-30: #ddaa01;
  --yellow-vivid-20: #ffcd07;
  --yellow-vivid-10: #fee685;
  --yellow-vivid-5: #fff5c2;
  --yellow-90-rgb: 26, 22, 20;
  --yellow-80-rgb: 51, 45, 39;
  --yellow-70-rgb: 80, 67, 50;
  --yellow-60-rgb: 107, 90, 57;
  --yellow-50-rgb: 138, 114, 55;
  --yellow-40-rgb: 168, 143, 72;
  --yellow-30-rgb: 201, 171, 72;
  --yellow-20-rgb: 230, 199, 76;
  --yellow-10-rgb: 245, 230, 175;
  --yellow-5-rgb: 250, 243, 209;
  --yellow-vivid-80-rgb: 66, 45, 25;
  --yellow-vivid-70-rgb: 92, 72, 9;
  --yellow-vivid-60-rgb: 119, 96, 23;
  --yellow-vivid-50-rgb: 148, 113, 0;
  --yellow-vivid-40-rgb: 179, 140, 0;
  --yellow-vivid-30-rgb: 221, 170, 1;
  --yellow-vivid-20-rgb: 255, 205, 7;
  --yellow-vivid-10-rgb: 254, 230, 133;
  --yellow-vivid-5-rgb: 255, 245, 194;
  --background: var(--background-light);
  --background-rgb: var(--background-light-rgb);
  --background-light: var(--pure-0);
  --background-light-rgb: var(--pure-0-rgb);
  --background-alternative: var(--gray-5);
  --background-alternative-rgb: var(--gray-5-rgb);
  --background-dark: var(--blue-warm-vivid-90);
  --background-dark-rgb: var(--blue-warm-vivid-90-rgb);
  --border-color: var(--gray-20);
  --border-color-alternative: var(--gray-40);
  --border-style: solid;
  --border-width: var(--surface-width-sm);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --color-light: var(--gray-80);
  --color-light-rgb: var(--gray-80-rgb);
  --color-dark: var(--pure-0);
  --color-dark-rgb: var(--pure-0-rgb);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --interactive-light: var(--blue-warm-vivid-70);
  --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
  --interactive-dark: var(--blue-warm-20);
  --interactive-dark-rgb: var(--blue-warm-20-rgb);
  --interactive-alternative: var(--green-cool-vivid-50);
  --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);
  --info: var(--blue-warm-vivid-60);
  --info-alternative: var(--blue-warm-vivid-10);
  --info-rgb: var(--blue-warm-vivid-60-rgb);
  --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);
  --success: var(--green-cool-vivid-50);
  --success-alternative: var(--green-cool-vivid-5);
  --success-rgb: var(--green-cool-vivid-50-rgb);
  --success-alternative-rgb: var(--green-cool-vivid-5-rgb);
  --warning: var(--yellow-vivid-20);
  --warning-alternative: var(--yellow-vivid-5);
  --warning-rgb: var(--yellow-vivid-20-rgb);
  --warning-alternative-rgb: var(--yellow-vivid-5-rgb);
  --danger: var(--red-vivid-50);
  --danger-alternative: var(--red-vivid-10);
  --danger-rgb: var(--red-vivid-50-rgb);
  --danger-alternative-rgb: var(--red-vivid-20-rgb);
  --font-family-base: Rawline, Raleway, sans-serif;
  --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
  --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
  --visited: var(--visited-light);
  --visited-light: var(--blue-warm-vivid-80);
  --visited-dark: var(--gray-20);
  --disabled: var(--surface-opacity-md);
  --hover: var(--hover-light);
  --hover-light: var(--surface-opacity-xs);
  --hover-dark: var(--surface-opacity-sm);
  --hover-effect: linear-gradient(
    rgba(var(--interactive-rgb), var(--hover)),
    rgba(var(--interactive-rgb), var(--hover))
  );
  --pressed: var(--pressed-light);
  --pressed-light: var(--surface-opacity-md);
  --pressed-dark: var(--surface-opacity-lg);
  --pressed-effect: linear-gradient(
    rgba(var(--interactive-rgb), var(--pressed)),
    rgba(var(--interactive-rgb), var(--pressed))
  );
  --focus-style: dashed;
  --focus-color: var(--focus-color-light);
  --focus-color-light: var(--gold-vivid-40);
  --focus-color-dark: var(--gold-vivid-20);
  --focus: var(--focus-color);
  --focus-offset: var(--spacing-scale-half);
  --focus-width: var(--surface-width-lg);
  --active: var(--blue-warm-vivid-80);
  --active-rgb: var(--blue-warm-vivid-80-rgb);
  --selected: var(--blue-warm-vivid-50);
  --on: var(--blue-warm-vivid-40);
  --on-rgb: var(--blue-warm-vivid-40-rgb);
  --off: var(--gray-20);
  --off-rgb: var(--gray-20-rgb);
  --ondrag-border-color: var(--interactive);
  --ondrag-border-width: var(--surface-width-md);
  --ondrag-border-style: solid;
  --ondrag-shadow-offset-x: var(--surface-offset-none);
  --ondrag-shadow-offset-y: var(--surface-offset-md);
  --ondrag-shadow-blur: var(--surface-blur-lg);
  --ondrag-shadow-color: var(--interactive-rgb);
  --ondrag-shadow-opacity: var(--surface-opacity-sm);
  --ondrag-opacity: var(--surface-opacity-xl);
  --ondrag-rotate: -5deg;
  --ondrag-cursor: grabbing;
  --draggable-icon: grip-vertical;
  --draggable-cursor: grab;
  --dropzone-border-color: var(--interactive);
  --dropzone-border-width: var(--surface-width-sm);
  --dropzone-border-style: dashed;
  --ondrop-background: var(--interactive-rgb);
  --ondrop-opacity: var(--surface-opacity-sm);
  --ondrop-cursor: copy;
  --z-index-layer-0: 0;
  --z-index-layer-1: 1000;
  --z-index-layer-2: 2000;
  --z-index-layer-3: 3000;
  --z-index-layer-4: 4000;
  --color-primary-pastel-01: #c5d4eb;
  --color-primary-pastel-02: #dbe8fb;
  --color-primary-lighten-01: #2670e8;
  --color-primary-lighten-02: #5992ed;
  --color-primary-default: #1351b4;
  --color-primary-darken-01: #0c326f;
  --color-primary-darken-02: #071d41;
  --color-secondary-01: #fff;
  --color-secondary-02: #f8f8f8;
  --color-secondary-03: #ededed;
  --color-secondary-04: #ccc;
  --color-secondary-05: #9e9d9d;
  --color-secondary-06: #888;
  --color-secondary-07: #555;
  --color-secondary-08: #333;
  --color-secondary-09: #000;
  --color-highlight: #268744;
  --color-support-01: #36a191;
  --color-support-02: #f2e317;
  --color-support-03: #db4800;
  --color-support-04: #a26739;
  --color-support-05: #40e0d0;
  --color-support-06: #48cbeb;
  --color-support-07: #c72487;
  --color-support-08: #63007f;
  --color-support-09: #f08080;
  --color-support-10: #ff8c00;
  --color-support-11: #fdf5e6;
  --icon-size-base: 16px;
  --icon-size-xs: 8px;
  --icon-size-sm: 12px;
  --icon-size-lg: 20px;
  --icon-size-2x: 32px;
  --icon-size-3x: 48px;
  --icon-size-4x: 64px;
  --icon-size-5x: 80px;
  --icon-size-6x: 96px;
  --icon-size-7x: 112px;
  --icon-size-8x: 128px;
  --icon-size-9x: 144px;
  --icon-size-10x: 160px;
  --surface-width-none: 0;
  --surface-width-sm: 1px;
  --surface-width-md: 2px;
  --surface-width-lg: 4px;
  --surface-rounder-none: 0;
  --surface-rounder-sm: 4px;
  --surface-rounder-md: 8px;
  --surface-rounder-lg: 16px;
  --surface-rounder-pill: 999em;
  --surface-opacity-none: 0;
  --surface-opacity-default: 1;
  --surface-opacity-xs: 0.16;
  --surface-opacity-sm: 0.3;
  --surface-opacity-md: 0.45;
  --surface-opacity-lg: 0.65;
  --surface-opacity-xl: 0.85;
  --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none: 0;
  --surface-blur-sm: 1px;
  --surface-blur-md: 3px;
  --surface-blur-lg: 6px;
  --surface-blur-xl: 9px;
  --surface-offset-none: 0;
  --surface-offset-sm: 1px;
  --surface-offset-md: 3px;
  --surface-offset-lg: 6px;
  --surface-offset-xl: 9px;
  --surface-offset-sm-n: -1px;
  --surface-offset-md-n: -3px;
  --surface-offset-lg-n: -6px;
  --surface-offset-xl-n: -9px;
  --surface-shadow-color: var(--rgb-secondary-09);
  --surface-shadow-none: none;
  --surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-up: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-up: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-up: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-up: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-up: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-up: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-up: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-up: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-right: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-right: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-right: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-right: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-right: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-right: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-right: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-right: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-left: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-left: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-left: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-left: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-left: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-left: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-left: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-left: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --animation-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --animation-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --animation-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease-linear: cubic-bezier(0, 0, 1, 1);
  --duration-very-fast: 0.1s;
  --duration-fast: 0.3s;
  --duration-moderate: 0.5s;
  --duration-slow: 0.8s;
  --duration-very-slow: 1s;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-size-scale-base: 14px;
  --font-size-scale-down-01: 11.662px;
  --font-size-scale-down-02: 9.716px;
  --font-size-scale-down-03: 8.106px;
  --font-size-scale-up-01: 16.8px;
  --font-size-scale-up-02: 20.16px;
  --font-size-scale-up-03: 24.192px;
  --font-size-scale-up-04: 29.036px;
  --font-size-scale-up-05: 34.832px;
  --font-size-scale-up-06: 41.804px;
  --font-size-scale-up-07: 50.162px;
  --font-size-scale-up-08: 60.2px;
  --font-size-scale-up-09: 72.24px;
  --font-size-scale-up-10: 86.688px;
  --font-size-scale-up-11: 104.02px;
  --font-line-height-low: 1.15;
  --font-line-height-medium: 1.45;
  --font-line-height-high: 1.85;
  --grid-breakpoint-xs: 0;
  --grid-breakpoint-xs-max-width: 100%;
  --grid-breakpoint-sm: 576px;
  --grid-breakpoint-sm-max-width: 536px;
  --grid-breakpoint-md: 992px;
  --grid-breakpoint-md-max-width: 952px;
  --grid-breakpoint-lg: 1280px;
  --grid-breakpoint-lg-max-width: 1200px;
  --grid-breakpoint-xl: 1600px;
  --grid-breakpoint-xl-max-width: 1560px;
  --grid-portrait-maxwidth: 100%;
  --grid-portrait-gutter: 16px;
  --grid-portrait-columns: 4;
  --grid-portrait-margin: 8px;
  --grid-tablet-maxwidth: 100%;
  --grid-tablet-gutter: 24px;
  --grid-tablet-columns: 8;
  --grid-tablet-margin: 40px;
  --grid-desktop-maxwidth: 1200px;
  --grid-desktop-gutter: 24px;
  --grid-desktop-columns: 12;
  --grid-desktop-margin: 40px;
  --grid-tv-maxwidth: 1520px;
  --grid-tv-gutter: 40px;
  --grid-tv-columns: 12;
  --grid-tv-margin: 40px;
  --spacing-vertical-top: top;
  --spacing-vertical-center: center;
  --spacing-vertical-bottom: bottom;
  --spacing-horizontal-left: left;
  --spacing-horizontal-center: center;
  --spacing-horizontal-right: right;
  --spacing-scale-default: 0;
  --spacing-scale-half: 4px;
  --spacing-scale-base: 8px;
  --spacing-scale-baseh: 12px;
  --spacing-scale-2x: 16px;
  --spacing-scale-2xh: 20px;
  --spacing-scale-3x: 24px;
  --spacing-scale-3xh: 28px;
  --spacing-scale-4x: 32px;
  --spacing-scale-4xh: 36px;
  --spacing-scale-5x: 40px;
  --spacing-scale-5xh: 44px;
  --spacing-scale-6x: 48px;
  --spacing-scale-6xh: 52px;
  --spacing-scale-7x: 56px;
  --spacing-scale-7xh: 60px;
  --spacing-scale-8x: 64px;
  --spacing-scale-8xh: 68px;
  --spacing-scale-9x: 72px;
  --spacing-scale-9xh: 76px;
  --spacing-scale-10x: 80px;
  --spacing-scale-10xh: 84px;
  --rgb-primary-pastel-01: 197, 212, 235;
  --rgb-primary-pastel-02: 219, 232, 251;
  --rgb-primary-lighten-01: 38, 112, 232;
  --rgb-primary-lighten-02: 89, 146, 237;
  --rgb-primary-default: 19, 81, 180;
  --rgb-primary-darken-01: 12, 50, 111;
  --rgb-primary-darken-02: 7, 29, 65;
  --rgb-secondary-01: 255, 255, 255;
  --rgb-secondary-02: 248, 248, 248;
  --rgb-secondary-03: 237, 237, 237;
  --rgb-secondary-04: 204, 204, 204;
  --rgb-secondary-05: 158, 157, 157;
  --rgb-secondary-06: 136, 136, 136;
  --rgb-secondary-07: 85, 85, 85;
  --rgb-secondary-08: 51, 51, 51;
  --rgb-secondary-09: 0, 0, 0;
  --rgb-highlight: 38, 135, 68;
  --rgb-support-01: 54, 161, 145;
  --rgb-support-02: 242, 227, 23;
  --rgb-support-03: 219, 72, 0;
  --rgb-support-04: 162, 103, 57;
  --rgb-support-05: 64, 224, 208;
  --rgb-support-06: 72, 203, 235;
  --rgb-support-07: 199, 36, 135;
  --rgb-support-08: 99, 0, 127;
  --rgb-support-09: 240, 128, 128;
  --rgb-support-10: 255, 140, 0;
  --rgb-support-11: 253, 245, 230;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: var(--font-line-height-medium);
  text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--font-line-height-medium);
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1600px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-evenly {
  align-content: space-evenly !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-sm-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-sm-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-evenly {
    align-content: space-evenly !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-md-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-md-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-evenly {
    align-content: space-evenly !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-lg-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-lg-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-evenly {
    align-content: space-evenly !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1600px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-xl-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-xl-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12 !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.col,
[class*=col-] {
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  width: 100%;
}

.col {
  flex: 1 0 0%;
  min-width: 8.3333333333%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  --grid-margin: var(--grid-portrait-margin);
  --grid-maxwidth: var(--grid-portrait-maxwidth);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--grid-maxwidth);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  width: 100%;
}

.row {
  --grid-gutter: var(--grid-portrait-gutter);
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--grid-gutter) * -0.5);
  margin-right: calc(var(--grid-gutter) * -0.5);
}

@media (min-width: 576px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-fluid {
    --grid-margin: var(--grid-tablet-margin);
  }
  .row {
    --grid-gutter: var(--grid-tablet-gutter);
  }
  .container,
  .container-sm {
    --grid-maxwidth: calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin));
  }
  .col-sm {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-fluid {
    --grid-margin: var(--grid-tablet-margin);
  }
  .row {
    --grid-gutter: var(--grid-tablet-gutter);
  }
  .container,
  .container-sm,
  .container-md {
    --grid-maxwidth: calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin));
  }
  .col-md {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-fluid {
    --grid-margin: var(--grid-desktop-margin);
  }
  .row {
    --grid-gutter: var(--grid-desktop-gutter);
  }
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    --grid-maxwidth: calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin));
  }
  .col-lg {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-fluid {
    --grid-margin: var(--grid-tv-margin);
  }
  .row {
    --grid-gutter: var(--grid-tv-gutter);
  }
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    --grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin));
  }
  .col-xl {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.m-0 {
  margin: var(--spacing-scale-default) !important;
}

.mx-0 {
  margin-left: var(--spacing-scale-default) !important;
  margin-right: var(--spacing-scale-default) !important;
}

.my-0 {
  margin-bottom: var(--spacing-scale-default) !important;
  margin-top: var(--spacing-scale-default) !important;
}

.mt-0 {
  margin-top: var(--spacing-scale-default) !important;
}

.mr-0 {
  margin-right: var(--spacing-scale-default) !important;
}

.mb-0 {
  margin-bottom: var(--spacing-scale-default) !important;
}

.ml-0 {
  margin-left: var(--spacing-scale-default) !important;
}

.m-half {
  margin: var(--spacing-scale-half) !important;
}

.mx-half {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}

.my-half {
  margin-bottom: var(--spacing-scale-half) !important;
  margin-top: var(--spacing-scale-half) !important;
}

.mt-half {
  margin-top: var(--spacing-scale-half) !important;
}

.mt-nhalf {
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-half {
  margin-right: var(--spacing-scale-half) !important;
}

.mr-nhalf {
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-half {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mb-nhalf {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-half {
  margin-left: var(--spacing-scale-half) !important;
}

.ml-nhalf {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-nhalf {
  margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-nhalf {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-nhalf {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-base {
  margin: var(--spacing-scale-base) !important;
}

.mx-base {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}

.my-base {
  margin-bottom: var(--spacing-scale-base) !important;
  margin-top: var(--spacing-scale-base) !important;
}

.mt-base {
  margin-top: var(--spacing-scale-base) !important;
}

.mt-nbase {
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-base {
  margin-right: var(--spacing-scale-base) !important;
}

.mr-nbase {
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-base {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mb-nbase {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-base {
  margin-left: var(--spacing-scale-base) !important;
}

.ml-nbase {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-nbase {
  margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-nbase {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-nbase {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-baseh {
  margin: var(--spacing-scale-baseh) !important;
}

.mx-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
  margin-right: var(--spacing-scale-baseh) !important;
}

.my-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
  margin-top: var(--spacing-scale-baseh) !important;
}

.mt-baseh {
  margin-top: var(--spacing-scale-baseh) !important;
}

.mt-nbaseh {
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mr-baseh {
  margin-right: var(--spacing-scale-baseh) !important;
}

.mr-nbaseh {
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mb-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
}

.mb-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.ml-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
}

.ml-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-nbaseh {
  margin: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mx-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.my-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-1 {
  margin: var(--spacing-scale-half) !important;
}

.mx-1 {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}

.my-1 {
  margin-bottom: var(--spacing-scale-half) !important;
  margin-top: var(--spacing-scale-half) !important;
}

.mt-1 {
  margin-top: var(--spacing-scale-half) !important;
}

.mt-n1 {
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-1 {
  margin-right: var(--spacing-scale-half) !important;
}

.mr-n1 {
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-1 {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mb-n1 {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-1 {
  margin-left: var(--spacing-scale-half) !important;
}

.ml-n1 {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-n1 {
  margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-n1 {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-n1 {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-2 {
  margin: var(--spacing-scale-base) !important;
}

.mx-2 {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}

.my-2 {
  margin-bottom: var(--spacing-scale-base) !important;
  margin-top: var(--spacing-scale-base) !important;
}

.mt-2 {
  margin-top: var(--spacing-scale-base) !important;
}

.mt-n2 {
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-2 {
  margin-right: var(--spacing-scale-base) !important;
}

.mr-n2 {
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-2 {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mb-n2 {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-2 {
  margin-left: var(--spacing-scale-base) !important;
}

.ml-n2 {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-n2 {
  margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-n2 {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-n2 {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-3 {
  margin: var(--spacing-scale-2x) !important;
}

.mx-3 {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}

.my-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-3 {
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-n3 {
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-3 {
  margin-right: var(--spacing-scale-2x) !important;
}

.mr-n3 {
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n3 {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-3 {
  margin-left: var(--spacing-scale-2x) !important;
}

.ml-n3 {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n3 {
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n3 {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n3 {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-4 {
  margin: var(--spacing-scale-3x) !important;
}

.mx-4 {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}

.my-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-4 {
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-n4 {
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-4 {
  margin-right: var(--spacing-scale-3x) !important;
}

.mr-n4 {
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n4 {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-4 {
  margin-left: var(--spacing-scale-3x) !important;
}

.ml-n4 {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n4 {
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n4 {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n4 {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-5 {
  margin: var(--spacing-scale-4x) !important;
}

.mx-5 {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}

.my-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-5 {
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-n5 {
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-5 {
  margin-right: var(--spacing-scale-4x) !important;
}

.mr-n5 {
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n5 {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-5 {
  margin-left: var(--spacing-scale-4x) !important;
}

.ml-n5 {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n5 {
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n5 {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n5 {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-6 {
  margin: var(--spacing-scale-5x) !important;
}

.mx-6 {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}

.my-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-6 {
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-n6 {
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-6 {
  margin-right: var(--spacing-scale-5x) !important;
}

.mr-n6 {
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n6 {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-6 {
  margin-left: var(--spacing-scale-5x) !important;
}

.ml-n6 {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n6 {
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n6 {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n6 {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-2x {
  margin: var(--spacing-scale-2x) !important;
}

.mx-2x {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}

.my-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-2x {
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-n2x {
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-2x {
  margin-right: var(--spacing-scale-2x) !important;
}

.mr-n2x {
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n2x {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-2x {
  margin-left: var(--spacing-scale-2x) !important;
}

.ml-n2x {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n2x {
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n2x {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n2x {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-2xh {
  margin: var(--spacing-scale-2xh) !important;
}

.mx-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
  margin-right: var(--spacing-scale-2xh) !important;
}

.my-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
  margin-top: var(--spacing-scale-2xh) !important;
}

.mt-2xh {
  margin-top: var(--spacing-scale-2xh) !important;
}

.mt-n2xh {
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mr-2xh {
  margin-right: var(--spacing-scale-2xh) !important;
}

.mr-n2xh {
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mb-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
}

.mb-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.ml-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
}

.ml-n2xh {
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-n2xh {
  margin: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mx-n2xh {
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.my-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-3x {
  margin: var(--spacing-scale-3x) !important;
}

.mx-3x {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}

.my-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-3x {
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-n3x {
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-3x {
  margin-right: var(--spacing-scale-3x) !important;
}

.mr-n3x {
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n3x {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-3x {
  margin-left: var(--spacing-scale-3x) !important;
}

.ml-n3x {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n3x {
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n3x {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n3x {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-3xh {
  margin: var(--spacing-scale-3xh) !important;
}

.mx-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
  margin-right: var(--spacing-scale-3xh) !important;
}

.my-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
  margin-top: var(--spacing-scale-3xh) !important;
}

.mt-3xh {
  margin-top: var(--spacing-scale-3xh) !important;
}

.mt-n3xh {
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mr-3xh {
  margin-right: var(--spacing-scale-3xh) !important;
}

.mr-n3xh {
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mb-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
}

.mb-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.ml-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
}

.ml-n3xh {
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-n3xh {
  margin: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mx-n3xh {
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.my-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-4x {
  margin: var(--spacing-scale-4x) !important;
}

.mx-4x {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}

.my-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-4x {
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-n4x {
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-4x {
  margin-right: var(--spacing-scale-4x) !important;
}

.mr-n4x {
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n4x {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-4x {
  margin-left: var(--spacing-scale-4x) !important;
}

.ml-n4x {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n4x {
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n4x {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n4x {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-4xh {
  margin: var(--spacing-scale-4xh) !important;
}

.mx-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
  margin-right: var(--spacing-scale-4xh) !important;
}

.my-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
  margin-top: var(--spacing-scale-4xh) !important;
}

.mt-4xh {
  margin-top: var(--spacing-scale-4xh) !important;
}

.mt-n4xh {
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mr-4xh {
  margin-right: var(--spacing-scale-4xh) !important;
}

.mr-n4xh {
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mb-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
}

.mb-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.ml-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
}

.ml-n4xh {
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-n4xh {
  margin: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mx-n4xh {
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.my-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-5x {
  margin: var(--spacing-scale-5x) !important;
}

.mx-5x {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}

.my-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-5x {
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-n5x {
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-5x {
  margin-right: var(--spacing-scale-5x) !important;
}

.mr-n5x {
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n5x {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-5x {
  margin-left: var(--spacing-scale-5x) !important;
}

.ml-n5x {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n5x {
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n5x {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n5x {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-5xh {
  margin: var(--spacing-scale-5xh) !important;
}

.mx-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
  margin-right: var(--spacing-scale-5xh) !important;
}

.my-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
  margin-top: var(--spacing-scale-5xh) !important;
}

.mt-5xh {
  margin-top: var(--spacing-scale-5xh) !important;
}

.mt-n5xh {
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mr-5xh {
  margin-right: var(--spacing-scale-5xh) !important;
}

.mr-n5xh {
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mb-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
}

.mb-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.ml-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
}

.ml-n5xh {
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-n5xh {
  margin: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mx-n5xh {
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.my-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-6x {
  margin: var(--spacing-scale-6x) !important;
}

.mx-6x {
  margin-left: var(--spacing-scale-6x) !important;
  margin-right: var(--spacing-scale-6x) !important;
}

.my-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
  margin-top: var(--spacing-scale-6x) !important;
}

.mt-6x {
  margin-top: var(--spacing-scale-6x) !important;
}

.mt-n6x {
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.mr-6x {
  margin-right: var(--spacing-scale-6x) !important;
}

.mr-n6x {
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.mb-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
}

.mb-n6x {
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.ml-6x {
  margin-left: var(--spacing-scale-6x) !important;
}

.ml-n6x {
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-n6x {
  margin: calc(var(--spacing-scale-6x) * -1) !important;
}

.mx-n6x {
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.my-n6x {
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-6xh {
  margin: var(--spacing-scale-6xh) !important;
}

.mx-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
  margin-right: var(--spacing-scale-6xh) !important;
}

.my-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
  margin-top: var(--spacing-scale-6xh) !important;
}

.mt-6xh {
  margin-top: var(--spacing-scale-6xh) !important;
}

.mt-n6xh {
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mr-6xh {
  margin-right: var(--spacing-scale-6xh) !important;
}

.mr-n6xh {
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mb-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
}

.mb-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.ml-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
}

.ml-n6xh {
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-n6xh {
  margin: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mx-n6xh {
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.my-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-7x {
  margin: var(--spacing-scale-7x) !important;
}

.mx-7x {
  margin-left: var(--spacing-scale-7x) !important;
  margin-right: var(--spacing-scale-7x) !important;
}

.my-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
  margin-top: var(--spacing-scale-7x) !important;
}

.mt-7x {
  margin-top: var(--spacing-scale-7x) !important;
}

.mt-n7x {
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.mr-7x {
  margin-right: var(--spacing-scale-7x) !important;
}

.mr-n7x {
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.mb-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
}

.mb-n7x {
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.ml-7x {
  margin-left: var(--spacing-scale-7x) !important;
}

.ml-n7x {
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-n7x {
  margin: calc(var(--spacing-scale-7x) * -1) !important;
}

.mx-n7x {
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.my-n7x {
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-7xh {
  margin: var(--spacing-scale-7xh) !important;
}

.mx-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
  margin-right: var(--spacing-scale-7xh) !important;
}

.my-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
  margin-top: var(--spacing-scale-7xh) !important;
}

.mt-7xh {
  margin-top: var(--spacing-scale-7xh) !important;
}

.mt-n7xh {
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mr-7xh {
  margin-right: var(--spacing-scale-7xh) !important;
}

.mr-n7xh {
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mb-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
}

.mb-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.ml-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
}

.ml-n7xh {
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-n7xh {
  margin: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mx-n7xh {
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.my-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-8x {
  margin: var(--spacing-scale-8x) !important;
}

.mx-8x {
  margin-left: var(--spacing-scale-8x) !important;
  margin-right: var(--spacing-scale-8x) !important;
}

.my-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
  margin-top: var(--spacing-scale-8x) !important;
}

.mt-8x {
  margin-top: var(--spacing-scale-8x) !important;
}

.mt-n8x {
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.mr-8x {
  margin-right: var(--spacing-scale-8x) !important;
}

.mr-n8x {
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.mb-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
}

.mb-n8x {
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.ml-8x {
  margin-left: var(--spacing-scale-8x) !important;
}

.ml-n8x {
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-n8x {
  margin: calc(var(--spacing-scale-8x) * -1) !important;
}

.mx-n8x {
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.my-n8x {
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-8xh {
  margin: var(--spacing-scale-8xh) !important;
}

.mx-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
  margin-right: var(--spacing-scale-8xh) !important;
}

.my-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
  margin-top: var(--spacing-scale-8xh) !important;
}

.mt-8xh {
  margin-top: var(--spacing-scale-8xh) !important;
}

.mt-n8xh {
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mr-8xh {
  margin-right: var(--spacing-scale-8xh) !important;
}

.mr-n8xh {
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mb-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
}

.mb-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.ml-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
}

.ml-n8xh {
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-n8xh {
  margin: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mx-n8xh {
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.my-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-9x {
  margin: var(--spacing-scale-9x) !important;
}

.mx-9x {
  margin-left: var(--spacing-scale-9x) !important;
  margin-right: var(--spacing-scale-9x) !important;
}

.my-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
  margin-top: var(--spacing-scale-9x) !important;
}

.mt-9x {
  margin-top: var(--spacing-scale-9x) !important;
}

.mt-n9x {
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.mr-9x {
  margin-right: var(--spacing-scale-9x) !important;
}

.mr-n9x {
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.mb-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
}

.mb-n9x {
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.ml-9x {
  margin-left: var(--spacing-scale-9x) !important;
}

.ml-n9x {
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-n9x {
  margin: calc(var(--spacing-scale-9x) * -1) !important;
}

.mx-n9x {
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.my-n9x {
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-9xh {
  margin: var(--spacing-scale-9xh) !important;
}

.mx-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
  margin-right: var(--spacing-scale-9xh) !important;
}

.my-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
  margin-top: var(--spacing-scale-9xh) !important;
}

.mt-9xh {
  margin-top: var(--spacing-scale-9xh) !important;
}

.mt-n9xh {
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mr-9xh {
  margin-right: var(--spacing-scale-9xh) !important;
}

.mr-n9xh {
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mb-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
}

.mb-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.ml-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
}

.ml-n9xh {
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-n9xh {
  margin: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mx-n9xh {
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.my-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-10x {
  margin: var(--spacing-scale-10x) !important;
}

.mx-10x {
  margin-left: var(--spacing-scale-10x) !important;
  margin-right: var(--spacing-scale-10x) !important;
}

.my-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
  margin-top: var(--spacing-scale-10x) !important;
}

.mt-10x {
  margin-top: var(--spacing-scale-10x) !important;
}

.mt-n10x {
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.mr-10x {
  margin-right: var(--spacing-scale-10x) !important;
}

.mr-n10x {
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.mb-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
}

.mb-n10x {
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.ml-10x {
  margin-left: var(--spacing-scale-10x) !important;
}

.ml-n10x {
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-n10x {
  margin: calc(var(--spacing-scale-10x) * -1) !important;
}

.mx-n10x {
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.my-n10x {
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-10xh {
  margin: var(--spacing-scale-10xh) !important;
}

.mx-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
  margin-right: var(--spacing-scale-10xh) !important;
}

.my-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
  margin-top: var(--spacing-scale-10xh) !important;
}

.mt-10xh {
  margin-top: var(--spacing-scale-10xh) !important;
}

.mt-n10xh {
  margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mr-10xh {
  margin-right: var(--spacing-scale-10xh) !important;
}

.mr-n10xh {
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mb-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
}

.mb-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.ml-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
}

.ml-n10xh {
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.m-n10xh {
  margin: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mx-n10xh {
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.my-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: var(--spacing-scale-default) !important;
}

.px-0 {
  padding-left: var(--spacing-scale-default) !important;
  padding-right: var(--spacing-scale-default) !important;
}

.py-0 {
  padding-bottom: var(--spacing-scale-default) !important;
  padding-top: var(--spacing-scale-default) !important;
}

.pt-0 {
  padding-top: var(--spacing-scale-default) !important;
}

.pr-0 {
  padding-right: var(--spacing-scale-default) !important;
}

.pb-0 {
  padding-bottom: var(--spacing-scale-default) !important;
}

.pl-0 {
  padding-left: var(--spacing-scale-default) !important;
}

.p-half {
  padding: var(--spacing-scale-half) !important;
}

.px-half {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}

.py-half {
  padding-bottom: var(--spacing-scale-half) !important;
  padding-top: var(--spacing-scale-half) !important;
}

.pt-half {
  padding-top: var(--spacing-scale-half) !important;
}

.pt-nhalf {
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-half {
  padding-right: var(--spacing-scale-half) !important;
}

.pr-nhalf {
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-half {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pb-nhalf {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-half {
  padding-left: var(--spacing-scale-half) !important;
}

.pl-nhalf {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-nhalf {
  padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-nhalf {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-nhalf {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-base {
  padding: var(--spacing-scale-base) !important;
}

.px-base {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}

.py-base {
  padding-bottom: var(--spacing-scale-base) !important;
  padding-top: var(--spacing-scale-base) !important;
}

.pt-base {
  padding-top: var(--spacing-scale-base) !important;
}

.pt-nbase {
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-base {
  padding-right: var(--spacing-scale-base) !important;
}

.pr-nbase {
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-base {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pb-nbase {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-base {
  padding-left: var(--spacing-scale-base) !important;
}

.pl-nbase {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-nbase {
  padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-nbase {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-nbase {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-baseh {
  padding: var(--spacing-scale-baseh) !important;
}

.px-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
  padding-right: var(--spacing-scale-baseh) !important;
}

.py-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
  padding-top: var(--spacing-scale-baseh) !important;
}

.pt-baseh {
  padding-top: var(--spacing-scale-baseh) !important;
}

.pt-nbaseh {
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pr-baseh {
  padding-right: var(--spacing-scale-baseh) !important;
}

.pr-nbaseh {
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pb-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
}

.pb-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pl-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
}

.pl-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-nbaseh {
  padding: calc(var(--spacing-scale-baseh) * -1) !important;
}

.px-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.py-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-1 {
  padding: var(--spacing-scale-half) !important;
}

.px-1 {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}

.py-1 {
  padding-bottom: var(--spacing-scale-half) !important;
  padding-top: var(--spacing-scale-half) !important;
}

.pt-1 {
  padding-top: var(--spacing-scale-half) !important;
}

.pt-n1 {
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-1 {
  padding-right: var(--spacing-scale-half) !important;
}

.pr-n1 {
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-1 {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pb-n1 {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-1 {
  padding-left: var(--spacing-scale-half) !important;
}

.pl-n1 {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-n1 {
  padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-n1 {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-n1 {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-2 {
  padding: var(--spacing-scale-base) !important;
}

.px-2 {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}

.py-2 {
  padding-bottom: var(--spacing-scale-base) !important;
  padding-top: var(--spacing-scale-base) !important;
}

.pt-2 {
  padding-top: var(--spacing-scale-base) !important;
}

.pt-n2 {
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-2 {
  padding-right: var(--spacing-scale-base) !important;
}

.pr-n2 {
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-2 {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pb-n2 {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-2 {
  padding-left: var(--spacing-scale-base) !important;
}

.pl-n2 {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-n2 {
  padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-n2 {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-n2 {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-3 {
  padding: var(--spacing-scale-2x) !important;
}

.px-3 {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}

.py-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-3 {
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-n3 {
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-3 {
  padding-right: var(--spacing-scale-2x) !important;
}

.pr-n3 {
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n3 {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-3 {
  padding-left: var(--spacing-scale-2x) !important;
}

.pl-n3 {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n3 {
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n3 {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n3 {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-4 {
  padding: var(--spacing-scale-3x) !important;
}

.px-4 {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}

.py-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-4 {
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-n4 {
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-4 {
  padding-right: var(--spacing-scale-3x) !important;
}

.pr-n4 {
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n4 {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-4 {
  padding-left: var(--spacing-scale-3x) !important;
}

.pl-n4 {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n4 {
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n4 {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n4 {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-5 {
  padding: var(--spacing-scale-4x) !important;
}

.px-5 {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}

.py-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-5 {
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-n5 {
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-5 {
  padding-right: var(--spacing-scale-4x) !important;
}

.pr-n5 {
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n5 {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-5 {
  padding-left: var(--spacing-scale-4x) !important;
}

.pl-n5 {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n5 {
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n5 {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n5 {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-6 {
  padding: var(--spacing-scale-5x) !important;
}

.px-6 {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}

.py-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-6 {
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-n6 {
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-6 {
  padding-right: var(--spacing-scale-5x) !important;
}

.pr-n6 {
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n6 {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-6 {
  padding-left: var(--spacing-scale-5x) !important;
}

.pl-n6 {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n6 {
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n6 {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n6 {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-2x {
  padding: var(--spacing-scale-2x) !important;
}

.px-2x {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}

.py-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-2x {
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-n2x {
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-2x {
  padding-right: var(--spacing-scale-2x) !important;
}

.pr-n2x {
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n2x {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-2x {
  padding-left: var(--spacing-scale-2x) !important;
}

.pl-n2x {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n2x {
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n2x {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n2x {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-2xh {
  padding: var(--spacing-scale-2xh) !important;
}

.px-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
  padding-right: var(--spacing-scale-2xh) !important;
}

.py-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
  padding-top: var(--spacing-scale-2xh) !important;
}

.pt-2xh {
  padding-top: var(--spacing-scale-2xh) !important;
}

.pt-n2xh {
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pr-2xh {
  padding-right: var(--spacing-scale-2xh) !important;
}

.pr-n2xh {
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pb-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
}

.pb-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pl-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
}

.pl-n2xh {
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-n2xh {
  padding: calc(var(--spacing-scale-2xh) * -1) !important;
}

.px-n2xh {
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.py-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-3x {
  padding: var(--spacing-scale-3x) !important;
}

.px-3x {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}

.py-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-3x {
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-n3x {
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-3x {
  padding-right: var(--spacing-scale-3x) !important;
}

.pr-n3x {
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n3x {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-3x {
  padding-left: var(--spacing-scale-3x) !important;
}

.pl-n3x {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n3x {
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n3x {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n3x {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-3xh {
  padding: var(--spacing-scale-3xh) !important;
}

.px-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
  padding-right: var(--spacing-scale-3xh) !important;
}

.py-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
  padding-top: var(--spacing-scale-3xh) !important;
}

.pt-3xh {
  padding-top: var(--spacing-scale-3xh) !important;
}

.pt-n3xh {
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pr-3xh {
  padding-right: var(--spacing-scale-3xh) !important;
}

.pr-n3xh {
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pb-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
}

.pb-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pl-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
}

.pl-n3xh {
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-n3xh {
  padding: calc(var(--spacing-scale-3xh) * -1) !important;
}

.px-n3xh {
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.py-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-4x {
  padding: var(--spacing-scale-4x) !important;
}

.px-4x {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}

.py-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-4x {
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-n4x {
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-4x {
  padding-right: var(--spacing-scale-4x) !important;
}

.pr-n4x {
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n4x {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-4x {
  padding-left: var(--spacing-scale-4x) !important;
}

.pl-n4x {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n4x {
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n4x {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n4x {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-4xh {
  padding: var(--spacing-scale-4xh) !important;
}

.px-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
  padding-right: var(--spacing-scale-4xh) !important;
}

.py-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
  padding-top: var(--spacing-scale-4xh) !important;
}

.pt-4xh {
  padding-top: var(--spacing-scale-4xh) !important;
}

.pt-n4xh {
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pr-4xh {
  padding-right: var(--spacing-scale-4xh) !important;
}

.pr-n4xh {
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pb-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
}

.pb-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pl-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
}

.pl-n4xh {
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-n4xh {
  padding: calc(var(--spacing-scale-4xh) * -1) !important;
}

.px-n4xh {
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.py-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-5x {
  padding: var(--spacing-scale-5x) !important;
}

.px-5x {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}

.py-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-5x {
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-n5x {
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-5x {
  padding-right: var(--spacing-scale-5x) !important;
}

.pr-n5x {
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n5x {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-5x {
  padding-left: var(--spacing-scale-5x) !important;
}

.pl-n5x {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n5x {
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n5x {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n5x {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-5xh {
  padding: var(--spacing-scale-5xh) !important;
}

.px-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
  padding-right: var(--spacing-scale-5xh) !important;
}

.py-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
  padding-top: var(--spacing-scale-5xh) !important;
}

.pt-5xh {
  padding-top: var(--spacing-scale-5xh) !important;
}

.pt-n5xh {
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pr-5xh {
  padding-right: var(--spacing-scale-5xh) !important;
}

.pr-n5xh {
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pb-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
}

.pb-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pl-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
}

.pl-n5xh {
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-n5xh {
  padding: calc(var(--spacing-scale-5xh) * -1) !important;
}

.px-n5xh {
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.py-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-6x {
  padding: var(--spacing-scale-6x) !important;
}

.px-6x {
  padding-left: var(--spacing-scale-6x) !important;
  padding-right: var(--spacing-scale-6x) !important;
}

.py-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
  padding-top: var(--spacing-scale-6x) !important;
}

.pt-6x {
  padding-top: var(--spacing-scale-6x) !important;
}

.pt-n6x {
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.pr-6x {
  padding-right: var(--spacing-scale-6x) !important;
}

.pr-n6x {
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.pb-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
}

.pb-n6x {
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.pl-6x {
  padding-left: var(--spacing-scale-6x) !important;
}

.pl-n6x {
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-n6x {
  padding: calc(var(--spacing-scale-6x) * -1) !important;
}

.px-n6x {
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.py-n6x {
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-6xh {
  padding: var(--spacing-scale-6xh) !important;
}

.px-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
  padding-right: var(--spacing-scale-6xh) !important;
}

.py-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
  padding-top: var(--spacing-scale-6xh) !important;
}

.pt-6xh {
  padding-top: var(--spacing-scale-6xh) !important;
}

.pt-n6xh {
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pr-6xh {
  padding-right: var(--spacing-scale-6xh) !important;
}

.pr-n6xh {
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pb-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
}

.pb-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pl-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
}

.pl-n6xh {
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-n6xh {
  padding: calc(var(--spacing-scale-6xh) * -1) !important;
}

.px-n6xh {
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.py-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-7x {
  padding: var(--spacing-scale-7x) !important;
}

.px-7x {
  padding-left: var(--spacing-scale-7x) !important;
  padding-right: var(--spacing-scale-7x) !important;
}

.py-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
  padding-top: var(--spacing-scale-7x) !important;
}

.pt-7x {
  padding-top: var(--spacing-scale-7x) !important;
}

.pt-n7x {
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.pr-7x {
  padding-right: var(--spacing-scale-7x) !important;
}

.pr-n7x {
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.pb-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
}

.pb-n7x {
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.pl-7x {
  padding-left: var(--spacing-scale-7x) !important;
}

.pl-n7x {
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-n7x {
  padding: calc(var(--spacing-scale-7x) * -1) !important;
}

.px-n7x {
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.py-n7x {
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-7xh {
  padding: var(--spacing-scale-7xh) !important;
}

.px-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
  padding-right: var(--spacing-scale-7xh) !important;
}

.py-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
  padding-top: var(--spacing-scale-7xh) !important;
}

.pt-7xh {
  padding-top: var(--spacing-scale-7xh) !important;
}

.pt-n7xh {
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pr-7xh {
  padding-right: var(--spacing-scale-7xh) !important;
}

.pr-n7xh {
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pb-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
}

.pb-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pl-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
}

.pl-n7xh {
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-n7xh {
  padding: calc(var(--spacing-scale-7xh) * -1) !important;
}

.px-n7xh {
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.py-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-8x {
  padding: var(--spacing-scale-8x) !important;
}

.px-8x {
  padding-left: var(--spacing-scale-8x) !important;
  padding-right: var(--spacing-scale-8x) !important;
}

.py-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
  padding-top: var(--spacing-scale-8x) !important;
}

.pt-8x {
  padding-top: var(--spacing-scale-8x) !important;
}

.pt-n8x {
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.pr-8x {
  padding-right: var(--spacing-scale-8x) !important;
}

.pr-n8x {
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.pb-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
}

.pb-n8x {
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.pl-8x {
  padding-left: var(--spacing-scale-8x) !important;
}

.pl-n8x {
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-n8x {
  padding: calc(var(--spacing-scale-8x) * -1) !important;
}

.px-n8x {
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.py-n8x {
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-8xh {
  padding: var(--spacing-scale-8xh) !important;
}

.px-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
  padding-right: var(--spacing-scale-8xh) !important;
}

.py-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
  padding-top: var(--spacing-scale-8xh) !important;
}

.pt-8xh {
  padding-top: var(--spacing-scale-8xh) !important;
}

.pt-n8xh {
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pr-8xh {
  padding-right: var(--spacing-scale-8xh) !important;
}

.pr-n8xh {
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pb-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
}

.pb-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pl-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
}

.pl-n8xh {
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-n8xh {
  padding: calc(var(--spacing-scale-8xh) * -1) !important;
}

.px-n8xh {
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.py-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-9x {
  padding: var(--spacing-scale-9x) !important;
}

.px-9x {
  padding-left: var(--spacing-scale-9x) !important;
  padding-right: var(--spacing-scale-9x) !important;
}

.py-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
  padding-top: var(--spacing-scale-9x) !important;
}

.pt-9x {
  padding-top: var(--spacing-scale-9x) !important;
}

.pt-n9x {
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.pr-9x {
  padding-right: var(--spacing-scale-9x) !important;
}

.pr-n9x {
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.pb-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
}

.pb-n9x {
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.pl-9x {
  padding-left: var(--spacing-scale-9x) !important;
}

.pl-n9x {
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-n9x {
  padding: calc(var(--spacing-scale-9x) * -1) !important;
}

.px-n9x {
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.py-n9x {
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-9xh {
  padding: var(--spacing-scale-9xh) !important;
}

.px-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
  padding-right: var(--spacing-scale-9xh) !important;
}

.py-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
  padding-top: var(--spacing-scale-9xh) !important;
}

.pt-9xh {
  padding-top: var(--spacing-scale-9xh) !important;
}

.pt-n9xh {
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pr-9xh {
  padding-right: var(--spacing-scale-9xh) !important;
}

.pr-n9xh {
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pb-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
}

.pb-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pl-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
}

.pl-n9xh {
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-n9xh {
  padding: calc(var(--spacing-scale-9xh) * -1) !important;
}

.px-n9xh {
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.py-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-10x {
  padding: var(--spacing-scale-10x) !important;
}

.px-10x {
  padding-left: var(--spacing-scale-10x) !important;
  padding-right: var(--spacing-scale-10x) !important;
}

.py-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
  padding-top: var(--spacing-scale-10x) !important;
}

.pt-10x {
  padding-top: var(--spacing-scale-10x) !important;
}

.pt-n10x {
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.pr-10x {
  padding-right: var(--spacing-scale-10x) !important;
}

.pr-n10x {
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.pb-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
}

.pb-n10x {
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.pl-10x {
  padding-left: var(--spacing-scale-10x) !important;
}

.pl-n10x {
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-n10x {
  padding: calc(var(--spacing-scale-10x) * -1) !important;
}

.px-n10x {
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.py-n10x {
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-10xh {
  padding: var(--spacing-scale-10xh) !important;
}

.px-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
  padding-right: var(--spacing-scale-10xh) !important;
}

.py-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
  padding-top: var(--spacing-scale-10xh) !important;
}

.pt-10xh {
  padding-top: var(--spacing-scale-10xh) !important;
}

.pt-n10xh {
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pr-10xh {
  padding-right: var(--spacing-scale-10xh) !important;
}

.pr-n10xh {
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pb-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
}

.pb-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pl-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
}

.pl-n10xh {
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.p-n10xh {
  padding: calc(var(--spacing-scale-10xh) * -1) !important;
}

.px-n10xh {
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.py-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mt-sm-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-sm-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-sm-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-sm-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-sm-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-sm-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-sm-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-sm-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-sm-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-sm-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-sm-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-sm-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-sm-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-sm-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-sm-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-sm-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-sm-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-sm-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-sm-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-sm-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-sm-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-sm-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-sm-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-sm-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-sm-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-sm-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-sm-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-sm-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-sm-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-sm-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-sm-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-sm-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-sm-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-sm-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-sm-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-sm-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-sm-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-sm-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-sm-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-sm-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-sm-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-sm-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-sm-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-sm-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-sm-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-sm-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-sm-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-sm-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-sm-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-sm-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-sm-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-sm-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-sm-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-sm-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-sm-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-sm-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-sm-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-sm-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-sm-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-sm-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-sm-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-sm-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-sm-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-sm-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-sm-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-sm-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-sm-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-sm-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-sm-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-sm-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-sm-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-sm-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-sm-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-sm-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-sm-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-sm-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-sm-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-sm-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-sm-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-sm-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-sm-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-sm-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-sm-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-sm-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-sm-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-sm-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-sm-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-sm-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-sm-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pt-sm-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-sm-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-sm-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-sm-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-sm-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-sm-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-sm-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-sm-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-sm-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-sm-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-sm-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-sm-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-sm-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-sm-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-sm-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-sm-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-sm-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-sm-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-sm-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-sm-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-sm-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-sm-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-sm-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-sm-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-sm-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-sm-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-sm-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-sm-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-sm-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-sm-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-sm-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-sm-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-sm-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-sm-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-sm-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-sm-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-sm-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-sm-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-sm-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-sm-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-sm-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-sm-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-sm-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-sm-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-sm-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-sm-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-sm-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-sm-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-sm-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-sm-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-sm-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-sm-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-sm-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-sm-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-sm-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-sm-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-sm-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-sm-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-sm-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-sm-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-sm-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-sm-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-sm-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-sm-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-sm-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-sm-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-sm-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-sm-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-sm-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-sm-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-sm-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-sm-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-sm-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-sm-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-sm-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-sm-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-sm-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-sm-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-sm-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-sm-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-sm-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-sm-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-sm-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-sm-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-sm-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-sm-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-sm-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-sm-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-sm-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-md-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mt-md-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-md-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-md-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-md-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-md-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-md-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-md-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-md-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-md-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-md-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-md-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-md-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-md-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-md-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-md-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-md-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-md-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-md-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-md-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-md-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-md-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-md-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-md-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-md-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-md-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-md-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-md-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-md-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-md-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-md-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-md-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-md-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-md-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-md-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-md-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-md-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-md-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-md-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-md-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-md-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-md-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-md-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-md-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-md-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-md-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-md-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-md-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-md-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-md-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-md-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-md-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-md-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-md-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-md-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-md-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-md-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-md-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-md-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-md-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-md-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-md-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-md-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-md-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-md-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-md-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-md-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-md-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-md-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-md-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-md-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-md-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-md-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-md-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-md-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-md-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-md-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-md-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-md-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-md-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-md-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-md-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-md-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-md-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-md-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-md-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-md-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-md-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-md-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-md-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-md-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-md-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-md-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-md-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-md-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-md-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-md-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-md-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-md-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-md-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-md-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-md-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-md-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-md-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-md-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-md-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-md-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-md-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-md-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-md-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-md-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-md-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-md-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-md-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-md-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-md-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-md-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-md-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-md-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-md-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-md-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-md-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-md-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-md-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-md-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-md-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-md-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-md-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-md-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-md-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-md-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-md-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-md-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pt-md-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-md-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-md-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-md-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-md-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-md-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-md-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-md-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-md-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-md-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-md-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-md-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-md-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-md-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-md-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-md-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-md-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-md-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-md-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-md-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-md-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-md-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-md-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-md-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-md-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-md-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-md-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-md-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-md-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-md-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-md-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-md-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-md-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-md-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-md-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-md-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-md-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-md-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-md-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-md-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-md-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-md-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-md-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-md-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-md-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-md-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-md-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-md-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-md-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-md-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-md-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-md-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-md-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-md-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-md-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-md-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-md-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-md-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-md-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-md-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-md-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-md-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-md-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-md-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-md-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-md-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-md-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-md-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-md-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-md-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-md-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-md-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-md-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-md-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-md-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-md-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-md-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-md-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-md-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-md-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-md-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-md-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-md-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-md-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-md-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-md-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-md-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-md-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-md-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-md-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-md-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-md-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-md-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-md-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-md-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-md-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-md-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-md-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-md-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-md-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-md-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-md-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-md-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-md-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-md-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-md-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-md-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-md-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-md-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-md-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-md-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-md-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-md-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-md-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-md-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-md-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-md-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-md-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-md-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-md-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-md-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-md-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-md-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-md-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-md-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-md-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-md-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-md-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-md-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-md-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-md-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mt-lg-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-lg-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-lg-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-lg-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-lg-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-lg-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-lg-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-lg-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-lg-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-lg-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-lg-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-lg-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-lg-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-lg-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-lg-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-lg-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-lg-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-lg-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-lg-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-lg-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-lg-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-lg-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-lg-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-lg-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-lg-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-lg-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-lg-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-lg-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-lg-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-lg-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-lg-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-lg-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-lg-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-lg-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-lg-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-lg-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-lg-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-lg-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-lg-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-lg-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-lg-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-lg-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-lg-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-lg-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-lg-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-lg-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-lg-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-lg-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-lg-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-lg-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-lg-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-lg-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-lg-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-lg-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-lg-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-lg-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-lg-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-lg-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-lg-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-lg-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-lg-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-lg-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-lg-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-lg-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-lg-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-lg-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-lg-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-lg-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-lg-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-lg-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-lg-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-lg-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-lg-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-lg-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-lg-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-lg-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-lg-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-lg-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-lg-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-lg-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-lg-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-lg-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-lg-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-lg-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-lg-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-lg-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-lg-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-lg-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-lg-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pt-lg-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-lg-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-lg-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-lg-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-lg-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-lg-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-lg-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-lg-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-lg-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-lg-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-lg-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-lg-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-lg-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-lg-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-lg-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-lg-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-lg-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-lg-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-lg-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-lg-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-lg-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-lg-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-lg-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-lg-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-lg-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-lg-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-lg-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-lg-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-lg-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-lg-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-lg-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-lg-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-lg-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-lg-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-lg-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-lg-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-lg-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-lg-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-lg-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-lg-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-lg-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-lg-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-lg-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-lg-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-lg-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-lg-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-lg-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-lg-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-lg-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-lg-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-lg-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-lg-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-lg-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-lg-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-lg-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-lg-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-lg-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-lg-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-lg-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-lg-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-lg-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-lg-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-lg-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-lg-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-lg-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-lg-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-lg-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-lg-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-lg-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-lg-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-lg-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-lg-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-lg-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-lg-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-lg-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-lg-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-lg-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-lg-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-lg-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-lg-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-lg-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-lg-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-lg-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-lg-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-lg-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-lg-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-lg-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-lg-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-lg-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 1600px) {
  .m-xl-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mt-xl-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-xl-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-xl-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-xl-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-xl-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-xl-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-xl-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-xl-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-xl-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-xl-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-xl-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-xl-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-xl-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-xl-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-xl-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-xl-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-xl-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-xl-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-xl-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-xl-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-xl-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-xl-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-xl-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-xl-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-xl-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-xl-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-xl-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-xl-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-xl-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-xl-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-xl-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-xl-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-xl-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-xl-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-xl-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-xl-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-xl-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-xl-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-xl-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-xl-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-xl-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-xl-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-xl-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-xl-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-xl-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-xl-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-xl-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-xl-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-xl-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-xl-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-xl-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-xl-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-xl-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-xl-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-xl-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-xl-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-xl-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-xl-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-xl-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-xl-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-xl-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-xl-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-xl-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-xl-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-xl-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-xl-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-xl-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-xl-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-xl-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-xl-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-xl-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-xl-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-xl-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-xl-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-xl-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-xl-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-xl-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-xl-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-xl-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-xl-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-xl-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-xl-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-xl-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-xl-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-xl-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-xl-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-xl-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-xl-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-xl-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pt-xl-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-xl-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-xl-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-xl-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-xl-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-xl-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-xl-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-xl-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-xl-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-xl-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-xl-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-xl-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-xl-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-xl-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-xl-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-xl-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-xl-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-xl-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-xl-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-xl-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-xl-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-xl-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-xl-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-xl-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-xl-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-xl-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-xl-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-xl-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-xl-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-xl-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-xl-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-xl-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-xl-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-xl-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-xl-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-xl-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-xl-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-xl-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-xl-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-xl-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-xl-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-xl-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-xl-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-xl-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-xl-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-xl-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-xl-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-xl-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-xl-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-xl-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-xl-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-xl-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-xl-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-xl-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-xl-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-xl-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-xl-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-xl-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-xl-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-xl-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-xl-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-xl-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-xl-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-xl-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-xl-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-xl-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-xl-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-xl-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-xl-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-xl-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-xl-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-xl-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-xl-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-xl-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-xl-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-xl-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-xl-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-xl-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-xl-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-xl-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-xl-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-xl-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-xl-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-xl-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-xl-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-xl-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-xl-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-xl-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-xl-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

@media (min-width: 576px) {
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 992px) {
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 1280px) {
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 1600px) {
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
}
body {
  --bg-color: var(--background);
  --bg-color-rgb: var(--background-rgb);
  --bg-color-hsl: var(--background-hsl);
  --font-size: var(--font-size-scale-base);
  --font-weight: var(--font-weight-regular);
  --link-color: var(--interactive);
  --link-color-rgb: var(--interactive-rgb);
  --link-color-hsl: var(--interactive-hsl);
  --line-height: var(--font-line-height-medium);
  --text-color: var(--color);
  --text-color-rgb: var(--color-rgb);
  --text-color-hsl: var(--color-hsl);
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

p {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
}
p a {
  text-decoration: underline;
}

@media (min-width: 576px) {
  p {
    font-size: var(--font-size-scale-up-01);
  }
}
a {
  --focus-offset: var(--spacing-scale-half);
}
a:focus {
  outline: none;
}
a.focus-visible, a:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
a {
  color: var(--interactive);
  text-decoration: none;
}

.main-content a {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

h1,
.h1 {
  color: var(--color);
  font-size: var(--font-size-scale-up-04);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 0;
}

@media (min-width: 576px) {
  .h1,
  h1 {
    font-size: var(--font-size-scale-up-06);
    font-weight: var(--font-weight-light);
    margin-bottom: var(--spacing-scale-4x);
  }
}
h2,
.h2 {
  color: var(--color);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
  padding-bottom: var(--spacing-scale-2xh);
}

@media (min-width: 576px) {
  .h2,
  h2 {
    font-size: var(--font-size-scale-up-05);
    font-weight: var(--font-weight-regular);
  }
}
h3,
.h3 {
  color: var(--color);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
}

@media (min-width: 576px) {
  .h3,
  h3 {
    font-size: var(--font-size-scale-up-04);
    font-weight: var(--font-weight-medium);
  }
}
h4,
.h4 {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-2x);
}

@media (min-width: 576px) {
  .h4,
  h4 {
    font-size: var(--font-size-scale-up-03);
    font-weight: var(--font-weight-semi-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
h5,
.h5 {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .h5,
  h5 {
    font-size: var(--font-size-scale-up-02);
    font-weight: var(--font-weight-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
h6,
.h6 {
  color: var(--color);
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .h6,
  h6 {
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-extra-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
ul,
ol {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
  padding: 0 0 0 var(--spacing-scale-5x);
}

blockquote {
  background-color: var(--color-secondary-02);
  border-left: 4px solid #268744;
  font-style: italic;
  margin: var(--spacing-scale-2x) 0;
  padding: var(--spacing-scale-2x);
  position: relative;
}
blockquote > *:last-child {
  margin-bottom: 0;
}

table {
  --table-background: var(--background);
  --table-color: var(--color);
  --table-border-color: var(--gray-20);
  --table-border-style: solid;
  --table-border-width: 1px;
  --table-hover: var(--color-rgb);
  --table-padding: var(--spacing-scale-3x);
  --table-font-weight: var(--font-weight-medium);
  --table-th-background: var(--background-alternative);
  --table-th-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--spacing-scale-2x);
  border-collapse: collapse;
  width: 100%;
}

th {
  background-color: var(--background-alternative);
  font-weight: var(--table-th-font-weight);
}

td {
  font-weight: var(--table-font-weight);
}

th,
td {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  padding: var(--table-row-size) var(--table-padding);
}
th:not([align]),
td:not([align]) {
  text-align: left;
}

tr.selected, tr.is-selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
tr.selected th,
tr.selected td, tr.is-selected th,
tr.is-selected td {
  background-color: var(--selected);
}
tr:hover td {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

tbody th,
tbody td {
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}

label,
.label {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
}

fieldset,
.fieldset {
  border: var(--surface-width-none);
  margin-bottom: var(--spacing-scale-5x);
  margin-top: 0;
  padding: 0;
}

legend,
.legend {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
}

::placeholder,
.placeholder {
  color: var(--color-light);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}

input,
textarea,
.input {
  color: var(--color-light);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-half);
}

.help {
  font-size: var(--font-size-scale-base);
}

code,
.code {
  background: var(--gray-5);
  border-radius: 4px;
  color: var(--gray-80);
  display: inline-block;
  font-family: monospace;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  padding: var(--spacing-scale-half);
}

pre,
.pre {
  background: var(--gray-5);
  margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
  padding: var(--spacing-scale-2x);
}
pre code,
.pre code {
  display: inline;
  padding: 0;
}

mark,
.mark {
  background: var(--red-warm-vivid-10);
  color: var(--color);
}

.border-solid-none {
  border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}

.border-solid-sm {
  border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}

.border-solid-md {
  border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}

.border-solid-lg {
  border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}

.border-dashed-none {
  border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}

.border-dashed-sm {
  border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}

.border-dashed-md {
  border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}

.border-dashed-lg {
  border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}

.border-top {
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-right {
  border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-bottom {
  border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-left {
  border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}

.rounder-none {
  --radius: var(--surface-rounder-none);
  border-radius: var(--radius) !important;
}

.rounder-sm {
  --radius: var(--surface-rounder-sm);
  border-radius: var(--radius) !important;
}

.rounder-md {
  --radius: var(--surface-rounder-md);
  border-radius: var(--radius) !important;
}

.rounder-lg {
  --radius: var(--surface-rounder-lg);
  border-radius: var(--radius) !important;
}

.rounder-pill {
  --radius: var(--surface-rounder-pill);
  border-radius: var(--radius) !important;
}

.opacity-none {
  opacity: 0;
}

.opacity-default {
  opacity: 1;
}

.opacity-xs {
  opacity: 0.16;
}

.opacity-sm {
  opacity: 0.3;
}

.opacity-md {
  opacity: 0.45;
}

.opacity-lg {
  opacity: 0.65;
}

.opacity-xl {
  opacity: 0.85;
}

.shadow-color {
  box-shadow: var(--rgb-secondary-09);
}

.shadow-none {
  box-shadow: none;
}

.shadow-sm {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-right {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-right {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-right {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-right {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-right {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-right {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-right {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-right {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-left {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-left {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-left {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-left {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-left {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-left {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-left {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-left {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.overlay-scrim {
  background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}

.overlay-text {
  background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
}

.bg-blue-90 {
  --background: var(--blue-90);
  background: var(--blue-90) !important;
}

.text-blue-90 {
  color: var(--blue-90) !important;
}

.border-blue-90 {
  border-color: var(--blue-90) !important;
}

.bg-blue-80 {
  --background: var(--blue-80);
  background: var(--blue-80) !important;
}

.text-blue-80 {
  color: var(--blue-80) !important;
}

.border-blue-80 {
  border-color: var(--blue-80) !important;
}

.bg-blue-70 {
  --background: var(--blue-70);
  background: var(--blue-70) !important;
}

.text-blue-70 {
  color: var(--blue-70) !important;
}

.border-blue-70 {
  border-color: var(--blue-70) !important;
}

.bg-blue-60 {
  --background: var(--blue-60);
  background: var(--blue-60) !important;
}

.text-blue-60 {
  color: var(--blue-60) !important;
}

.border-blue-60 {
  border-color: var(--blue-60) !important;
}

.bg-blue-50 {
  --background: var(--blue-50);
  background: var(--blue-50) !important;
}

.text-blue-50 {
  color: var(--blue-50) !important;
}

.border-blue-50 {
  border-color: var(--blue-50) !important;
}

.bg-blue-40 {
  --background: var(--blue-40);
  background: var(--blue-40) !important;
}

.text-blue-40 {
  color: var(--blue-40) !important;
}

.border-blue-40 {
  border-color: var(--blue-40) !important;
}

.bg-blue-30 {
  --background: var(--blue-30);
  background: var(--blue-30) !important;
}

.text-blue-30 {
  color: var(--blue-30) !important;
}

.border-blue-30 {
  border-color: var(--blue-30) !important;
}

.bg-blue-20 {
  --background: var(--blue-20);
  background: var(--blue-20) !important;
}

.text-blue-20 {
  color: var(--blue-20) !important;
}

.border-blue-20 {
  border-color: var(--blue-20) !important;
}

.bg-blue-10 {
  --background: var(--blue-10);
  background: var(--blue-10) !important;
}

.text-blue-10 {
  color: var(--blue-10) !important;
}

.border-blue-10 {
  border-color: var(--blue-10) !important;
}

.bg-blue-5 {
  --background: var(--blue-5);
  background: var(--blue-5) !important;
}

.text-blue-5 {
  color: var(--blue-5) !important;
}

.border-blue-5 {
  border-color: var(--blue-5) !important;
}

.bg-blue-cool-90 {
  --background: var(--blue-cool-90);
  background: var(--blue-cool-90) !important;
}

.text-blue-cool-90 {
  color: var(--blue-cool-90) !important;
}

.border-blue-cool-90 {
  border-color: var(--blue-cool-90) !important;
}

.bg-blue-cool-80 {
  --background: var(--blue-cool-80);
  background: var(--blue-cool-80) !important;
}

.text-blue-cool-80 {
  color: var(--blue-cool-80) !important;
}

.border-blue-cool-80 {
  border-color: var(--blue-cool-80) !important;
}

.bg-blue-cool-70 {
  --background: var(--blue-cool-70);
  background: var(--blue-cool-70) !important;
}

.text-blue-cool-70 {
  color: var(--blue-cool-70) !important;
}

.border-blue-cool-70 {
  border-color: var(--blue-cool-70) !important;
}

.bg-blue-cool-60 {
  --background: var(--blue-cool-60);
  background: var(--blue-cool-60) !important;
}

.text-blue-cool-60 {
  color: var(--blue-cool-60) !important;
}

.border-blue-cool-60 {
  border-color: var(--blue-cool-60) !important;
}

.bg-blue-cool-50 {
  --background: var(--blue-cool-50);
  background: var(--blue-cool-50) !important;
}

.text-blue-cool-50 {
  color: var(--blue-cool-50) !important;
}

.border-blue-cool-50 {
  border-color: var(--blue-cool-50) !important;
}

.bg-blue-cool-40 {
  --background: var(--blue-cool-40);
  background: var(--blue-cool-40) !important;
}

.text-blue-cool-40 {
  color: var(--blue-cool-40) !important;
}

.border-blue-cool-40 {
  border-color: var(--blue-cool-40) !important;
}

.bg-blue-cool-30 {
  --background: var(--blue-cool-30);
  background: var(--blue-cool-30) !important;
}

.text-blue-cool-30 {
  color: var(--blue-cool-30) !important;
}

.border-blue-cool-30 {
  border-color: var(--blue-cool-30) !important;
}

.bg-blue-cool-20 {
  --background: var(--blue-cool-20);
  background: var(--blue-cool-20) !important;
}

.text-blue-cool-20 {
  color: var(--blue-cool-20) !important;
}

.border-blue-cool-20 {
  border-color: var(--blue-cool-20) !important;
}

.bg-blue-cool-10 {
  --background: var(--blue-cool-10);
  background: var(--blue-cool-10) !important;
}

.text-blue-cool-10 {
  color: var(--blue-cool-10) !important;
}

.border-blue-cool-10 {
  border-color: var(--blue-cool-10) !important;
}

.bg-blue-cool-5 {
  --background: var(--blue-cool-5);
  background: var(--blue-cool-5) !important;
}

.text-blue-cool-5 {
  color: var(--blue-cool-5) !important;
}

.border-blue-cool-5 {
  border-color: var(--blue-cool-5) !important;
}

.bg-blue-warm-90 {
  --background: var(--blue-warm-90);
  background: var(--blue-warm-90) !important;
}

.text-blue-warm-90 {
  color: var(--blue-warm-90) !important;
}

.border-blue-warm-90 {
  border-color: var(--blue-warm-90) !important;
}

.bg-blue-warm-80 {
  --background: var(--blue-warm-80);
  background: var(--blue-warm-80) !important;
}

.text-blue-warm-80 {
  color: var(--blue-warm-80) !important;
}

.border-blue-warm-80 {
  border-color: var(--blue-warm-80) !important;
}

.bg-blue-warm-70 {
  --background: var(--blue-warm-70);
  background: var(--blue-warm-70) !important;
}

.text-blue-warm-70 {
  color: var(--blue-warm-70) !important;
}

.border-blue-warm-70 {
  border-color: var(--blue-warm-70) !important;
}

.bg-blue-warm-60 {
  --background: var(--blue-warm-60);
  background: var(--blue-warm-60) !important;
}

.text-blue-warm-60 {
  color: var(--blue-warm-60) !important;
}

.border-blue-warm-60 {
  border-color: var(--blue-warm-60) !important;
}

.bg-blue-warm-50 {
  --background: var(--blue-warm-50);
  background: var(--blue-warm-50) !important;
}

.text-blue-warm-50 {
  color: var(--blue-warm-50) !important;
}

.border-blue-warm-50 {
  border-color: var(--blue-warm-50) !important;
}

.bg-blue-warm-40 {
  --background: var(--blue-warm-40);
  background: var(--blue-warm-40) !important;
}

.text-blue-warm-40 {
  color: var(--blue-warm-40) !important;
}

.border-blue-warm-40 {
  border-color: var(--blue-warm-40) !important;
}

.bg-blue-warm-30 {
  --background: var(--blue-warm-30);
  background: var(--blue-warm-30) !important;
}

.text-blue-warm-30 {
  color: var(--blue-warm-30) !important;
}

.border-blue-warm-30 {
  border-color: var(--blue-warm-30) !important;
}

.bg-blue-warm-20 {
  --background: var(--blue-warm-20);
  background: var(--blue-warm-20) !important;
}

.text-blue-warm-20 {
  color: var(--blue-warm-20) !important;
}

.border-blue-warm-20 {
  border-color: var(--blue-warm-20) !important;
}

.bg-blue-warm-10 {
  --background: var(--blue-warm-10);
  background: var(--blue-warm-10) !important;
}

.text-blue-warm-10 {
  color: var(--blue-warm-10) !important;
}

.border-blue-warm-10 {
  border-color: var(--blue-warm-10) !important;
}

.bg-blue-warm-5 {
  --background: var(--blue-warm-5);
  background: var(--blue-warm-5) !important;
}

.text-blue-warm-5 {
  color: var(--blue-warm-5) !important;
}

.border-blue-warm-5 {
  border-color: var(--blue-warm-5) !important;
}

.bg-blue-vivid-80 {
  --background: var(--blue-vivid-80);
  background: var(--blue-vivid-80) !important;
}

.text-blue-vivid-80 {
  color: var(--blue-vivid-80) !important;
}

.border-blue-vivid-80 {
  border-color: var(--blue-vivid-80) !important;
}

.bg-blue-vivid-70 {
  --background: var(--blue-vivid-70);
  background: var(--blue-vivid-70) !important;
}

.text-blue-vivid-70 {
  color: var(--blue-vivid-70) !important;
}

.border-blue-vivid-70 {
  border-color: var(--blue-vivid-70) !important;
}

.bg-blue-vivid-60 {
  --background: var(--blue-vivid-60);
  background: var(--blue-vivid-60) !important;
}

.text-blue-vivid-60 {
  color: var(--blue-vivid-60) !important;
}

.border-blue-vivid-60 {
  border-color: var(--blue-vivid-60) !important;
}

.bg-blue-vivid-50 {
  --background: var(--blue-vivid-50);
  background: var(--blue-vivid-50) !important;
}

.text-blue-vivid-50 {
  color: var(--blue-vivid-50) !important;
}

.border-blue-vivid-50 {
  border-color: var(--blue-vivid-50) !important;
}

.bg-blue-vivid-40 {
  --background: var(--blue-vivid-40);
  background: var(--blue-vivid-40) !important;
}

.text-blue-vivid-40 {
  color: var(--blue-vivid-40) !important;
}

.border-blue-vivid-40 {
  border-color: var(--blue-vivid-40) !important;
}

.bg-blue-vivid-30 {
  --background: var(--blue-vivid-30);
  background: var(--blue-vivid-30) !important;
}

.text-blue-vivid-30 {
  color: var(--blue-vivid-30) !important;
}

.border-blue-vivid-30 {
  border-color: var(--blue-vivid-30) !important;
}

.bg-blue-vivid-20 {
  --background: var(--blue-vivid-20);
  background: var(--blue-vivid-20) !important;
}

.text-blue-vivid-20 {
  color: var(--blue-vivid-20) !important;
}

.border-blue-vivid-20 {
  border-color: var(--blue-vivid-20) !important;
}

.bg-blue-vivid-10 {
  --background: var(--blue-vivid-10);
  background: var(--blue-vivid-10) !important;
}

.text-blue-vivid-10 {
  color: var(--blue-vivid-10) !important;
}

.border-blue-vivid-10 {
  border-color: var(--blue-vivid-10) !important;
}

.bg-blue-vivid-5 {
  --background: var(--blue-vivid-5);
  background: var(--blue-vivid-5) !important;
}

.text-blue-vivid-5 {
  color: var(--blue-vivid-5) !important;
}

.border-blue-vivid-5 {
  border-color: var(--blue-vivid-5) !important;
}

.bg-blue-cool-vivid-80 {
  --background: var(--blue-cool-vivid-80);
  background: var(--blue-cool-vivid-80) !important;
}

.text-blue-cool-vivid-80 {
  color: var(--blue-cool-vivid-80) !important;
}

.border-blue-cool-vivid-80 {
  border-color: var(--blue-cool-vivid-80) !important;
}

.bg-blue-cool-vivid-70 {
  --background: var(--blue-cool-vivid-70);
  background: var(--blue-cool-vivid-70) !important;
}

.text-blue-cool-vivid-70 {
  color: var(--blue-cool-vivid-70) !important;
}

.border-blue-cool-vivid-70 {
  border-color: var(--blue-cool-vivid-70) !important;
}

.bg-blue-cool-vivid-60 {
  --background: var(--blue-cool-vivid-60);
  background: var(--blue-cool-vivid-60) !important;
}

.text-blue-cool-vivid-60 {
  color: var(--blue-cool-vivid-60) !important;
}

.border-blue-cool-vivid-60 {
  border-color: var(--blue-cool-vivid-60) !important;
}

.bg-blue-cool-vivid-50 {
  --background: var(--blue-cool-vivid-50);
  background: var(--blue-cool-vivid-50) !important;
}

.text-blue-cool-vivid-50 {
  color: var(--blue-cool-vivid-50) !important;
}

.border-blue-cool-vivid-50 {
  border-color: var(--blue-cool-vivid-50) !important;
}

.bg-blue-cool-vivid-40 {
  --background: var(--blue-cool-vivid-40);
  background: var(--blue-cool-vivid-40) !important;
}

.text-blue-cool-vivid-40 {
  color: var(--blue-cool-vivid-40) !important;
}

.border-blue-cool-vivid-40 {
  border-color: var(--blue-cool-vivid-40) !important;
}

.bg-blue-cool-vivid-30 {
  --background: var(--blue-cool-vivid-30);
  background: var(--blue-cool-vivid-30) !important;
}

.text-blue-cool-vivid-30 {
  color: var(--blue-cool-vivid-30) !important;
}

.border-blue-cool-vivid-30 {
  border-color: var(--blue-cool-vivid-30) !important;
}

.bg-blue-cool-vivid-20 {
  --background: var(--blue-cool-vivid-20);
  background: var(--blue-cool-vivid-20) !important;
}

.text-blue-cool-vivid-20 {
  color: var(--blue-cool-vivid-20) !important;
}

.border-blue-cool-vivid-20 {
  border-color: var(--blue-cool-vivid-20) !important;
}

.bg-blue-cool-vivid-10 {
  --background: var(--blue-cool-vivid-10);
  background: var(--blue-cool-vivid-10) !important;
}

.text-blue-cool-vivid-10 {
  color: var(--blue-cool-vivid-10) !important;
}

.border-blue-cool-vivid-10 {
  border-color: var(--blue-cool-vivid-10) !important;
}

.bg-blue-cool-vivid-5 {
  --background: var(--blue-cool-vivid-5);
  background: var(--blue-cool-vivid-5) !important;
}

.text-blue-cool-vivid-5 {
  color: var(--blue-cool-vivid-5) !important;
}

.border-blue-cool-vivid-5 {
  border-color: var(--blue-cool-vivid-5) !important;
}

.bg-blue-warm-vivid-90 {
  --background: var(--blue-warm-vivid-90);
  background: var(--blue-warm-vivid-90) !important;
}

.text-blue-warm-vivid-90 {
  color: var(--blue-warm-vivid-90) !important;
}

.border-blue-warm-vivid-90 {
  border-color: var(--blue-warm-vivid-90) !important;
}

.bg-blue-warm-vivid-80 {
  --background: var(--blue-warm-vivid-80);
  background: var(--blue-warm-vivid-80) !important;
}

.text-blue-warm-vivid-80 {
  color: var(--blue-warm-vivid-80) !important;
}

.border-blue-warm-vivid-80 {
  border-color: var(--blue-warm-vivid-80) !important;
}

.bg-blue-warm-vivid-70 {
  --background: var(--blue-warm-vivid-70);
  background: var(--blue-warm-vivid-70) !important;
}

.text-blue-warm-vivid-70 {
  color: var(--blue-warm-vivid-70) !important;
}

.border-blue-warm-vivid-70 {
  border-color: var(--blue-warm-vivid-70) !important;
}

.bg-blue-warm-vivid-60 {
  --background: var(--blue-warm-vivid-60);
  background: var(--blue-warm-vivid-60) !important;
}

.text-blue-warm-vivid-60 {
  color: var(--blue-warm-vivid-60) !important;
}

.border-blue-warm-vivid-60 {
  border-color: var(--blue-warm-vivid-60) !important;
}

.bg-blue-warm-vivid-50 {
  --background: var(--blue-warm-vivid-50);
  background: var(--blue-warm-vivid-50) !important;
}

.text-blue-warm-vivid-50 {
  color: var(--blue-warm-vivid-50) !important;
}

.border-blue-warm-vivid-50 {
  border-color: var(--blue-warm-vivid-50) !important;
}

.bg-blue-warm-vivid-40 {
  --background: var(--blue-warm-vivid-40);
  background: var(--blue-warm-vivid-40) !important;
}

.text-blue-warm-vivid-40 {
  color: var(--blue-warm-vivid-40) !important;
}

.border-blue-warm-vivid-40 {
  border-color: var(--blue-warm-vivid-40) !important;
}

.bg-blue-warm-vivid-30 {
  --background: var(--blue-warm-vivid-30);
  background: var(--blue-warm-vivid-30) !important;
}

.text-blue-warm-vivid-30 {
  color: var(--blue-warm-vivid-30) !important;
}

.border-blue-warm-vivid-30 {
  border-color: var(--blue-warm-vivid-30) !important;
}

.bg-blue-warm-vivid-20 {
  --background: var(--blue-warm-vivid-20);
  background: var(--blue-warm-vivid-20) !important;
}

.text-blue-warm-vivid-20 {
  color: var(--blue-warm-vivid-20) !important;
}

.border-blue-warm-vivid-20 {
  border-color: var(--blue-warm-vivid-20) !important;
}

.bg-blue-warm-vivid-10 {
  --background: var(--blue-warm-vivid-10);
  background: var(--blue-warm-vivid-10) !important;
}

.text-blue-warm-vivid-10 {
  color: var(--blue-warm-vivid-10) !important;
}

.border-blue-warm-vivid-10 {
  border-color: var(--blue-warm-vivid-10) !important;
}

.bg-blue-warm-vivid-5 {
  --background: var(--blue-warm-vivid-5);
  background: var(--blue-warm-vivid-5) !important;
}

.text-blue-warm-vivid-5 {
  color: var(--blue-warm-vivid-5) !important;
}

.border-blue-warm-vivid-5 {
  border-color: var(--blue-warm-vivid-5) !important;
}

.bg-cyan-90 {
  --background: var(--cyan-90);
  background: var(--cyan-90) !important;
}

.text-cyan-90 {
  color: var(--cyan-90) !important;
}

.border-cyan-90 {
  border-color: var(--cyan-90) !important;
}

.bg-cyan-80 {
  --background: var(--cyan-80);
  background: var(--cyan-80) !important;
}

.text-cyan-80 {
  color: var(--cyan-80) !important;
}

.border-cyan-80 {
  border-color: var(--cyan-80) !important;
}

.bg-cyan-70 {
  --background: var(--cyan-70);
  background: var(--cyan-70) !important;
}

.text-cyan-70 {
  color: var(--cyan-70) !important;
}

.border-cyan-70 {
  border-color: var(--cyan-70) !important;
}

.bg-cyan-60 {
  --background: var(--cyan-60);
  background: var(--cyan-60) !important;
}

.text-cyan-60 {
  color: var(--cyan-60) !important;
}

.border-cyan-60 {
  border-color: var(--cyan-60) !important;
}

.bg-cyan-50 {
  --background: var(--cyan-50);
  background: var(--cyan-50) !important;
}

.text-cyan-50 {
  color: var(--cyan-50) !important;
}

.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.bg-cyan-40 {
  --background: var(--cyan-40);
  background: var(--cyan-40) !important;
}

.text-cyan-40 {
  color: var(--cyan-40) !important;
}

.border-cyan-40 {
  border-color: var(--cyan-40) !important;
}

.bg-cyan-30 {
  --background: var(--cyan-30);
  background: var(--cyan-30) !important;
}

.text-cyan-30 {
  color: var(--cyan-30) !important;
}

.border-cyan-30 {
  border-color: var(--cyan-30) !important;
}

.bg-cyan-20 {
  --background: var(--cyan-20);
  background: var(--cyan-20) !important;
}

.text-cyan-20 {
  color: var(--cyan-20) !important;
}

.border-cyan-20 {
  border-color: var(--cyan-20) !important;
}

.bg-cyan-10 {
  --background: var(--cyan-10);
  background: var(--cyan-10) !important;
}

.text-cyan-10 {
  color: var(--cyan-10) !important;
}

.border-cyan-10 {
  border-color: var(--cyan-10) !important;
}

.bg-cyan-5 {
  --background: var(--cyan-5);
  background: var(--cyan-5) !important;
}

.text-cyan-5 {
  color: var(--cyan-5) !important;
}

.border-cyan-5 {
  border-color: var(--cyan-5) !important;
}

.bg-cyan-vivid-80 {
  --background: var(--cyan-vivid-80);
  background: var(--cyan-vivid-80) !important;
}

.text-cyan-vivid-80 {
  color: var(--cyan-vivid-80) !important;
}

.border-cyan-vivid-80 {
  border-color: var(--cyan-vivid-80) !important;
}

.bg-cyan-vivid-70 {
  --background: var(--cyan-vivid-70);
  background: var(--cyan-vivid-70) !important;
}

.text-cyan-vivid-70 {
  color: var(--cyan-vivid-70) !important;
}

.border-cyan-vivid-70 {
  border-color: var(--cyan-vivid-70) !important;
}

.bg-cyan-vivid-60 {
  --background: var(--cyan-vivid-60);
  background: var(--cyan-vivid-60) !important;
}

.text-cyan-vivid-60 {
  color: var(--cyan-vivid-60) !important;
}

.border-cyan-vivid-60 {
  border-color: var(--cyan-vivid-60) !important;
}

.bg-cyan-vivid-50 {
  --background: var(--cyan-vivid-50);
  background: var(--cyan-vivid-50) !important;
}

.text-cyan-vivid-50 {
  color: var(--cyan-vivid-50) !important;
}

.border-cyan-vivid-50 {
  border-color: var(--cyan-vivid-50) !important;
}

.bg-cyan-vivid-40 {
  --background: var(--cyan-vivid-40);
  background: var(--cyan-vivid-40) !important;
}

.text-cyan-vivid-40 {
  color: var(--cyan-vivid-40) !important;
}

.border-cyan-vivid-40 {
  border-color: var(--cyan-vivid-40) !important;
}

.bg-cyan-vivid-30 {
  --background: var(--cyan-vivid-30);
  background: var(--cyan-vivid-30) !important;
}

.text-cyan-vivid-30 {
  color: var(--cyan-vivid-30) !important;
}

.border-cyan-vivid-30 {
  border-color: var(--cyan-vivid-30) !important;
}

.bg-cyan-vivid-20 {
  --background: var(--cyan-vivid-20);
  background: var(--cyan-vivid-20) !important;
}

.text-cyan-vivid-20 {
  color: var(--cyan-vivid-20) !important;
}

.border-cyan-vivid-20 {
  border-color: var(--cyan-vivid-20) !important;
}

.bg-cyan-vivid-10 {
  --background: var(--cyan-vivid-10);
  background: var(--cyan-vivid-10) !important;
}

.text-cyan-vivid-10 {
  color: var(--cyan-vivid-10) !important;
}

.border-cyan-vivid-10 {
  border-color: var(--cyan-vivid-10) !important;
}

.bg-cyan-vivid-5 {
  --background: var(--cyan-vivid-5);
  background: var(--cyan-vivid-5) !important;
}

.text-cyan-vivid-5 {
  color: var(--cyan-vivid-5) !important;
}

.border-cyan-vivid-5 {
  border-color: var(--cyan-vivid-5) !important;
}

.bg-gold-90 {
  --background: var(--gold-90);
  background: var(--gold-90) !important;
}

.text-gold-90 {
  color: var(--gold-90) !important;
}

.border-gold-90 {
  border-color: var(--gold-90) !important;
}

.bg-gold-80 {
  --background: var(--gold-80);
  background: var(--gold-80) !important;
}

.text-gold-80 {
  color: var(--gold-80) !important;
}

.border-gold-80 {
  border-color: var(--gold-80) !important;
}

.bg-gold-70 {
  --background: var(--gold-70);
  background: var(--gold-70) !important;
}

.text-gold-70 {
  color: var(--gold-70) !important;
}

.border-gold-70 {
  border-color: var(--gold-70) !important;
}

.bg-gold-60 {
  --background: var(--gold-60);
  background: var(--gold-60) !important;
}

.text-gold-60 {
  color: var(--gold-60) !important;
}

.border-gold-60 {
  border-color: var(--gold-60) !important;
}

.bg-gold-50 {
  --background: var(--gold-50);
  background: var(--gold-50) !important;
}

.text-gold-50 {
  color: var(--gold-50) !important;
}

.border-gold-50 {
  border-color: var(--gold-50) !important;
}

.bg-gold-40 {
  --background: var(--gold-40);
  background: var(--gold-40) !important;
}

.text-gold-40 {
  color: var(--gold-40) !important;
}

.border-gold-40 {
  border-color: var(--gold-40) !important;
}

.bg-gold-30 {
  --background: var(--gold-30);
  background: var(--gold-30) !important;
}

.text-gold-30 {
  color: var(--gold-30) !important;
}

.border-gold-30 {
  border-color: var(--gold-30) !important;
}

.bg-gold-20 {
  --background: var(--gold-20);
  background: var(--gold-20) !important;
}

.text-gold-20 {
  color: var(--gold-20) !important;
}

.border-gold-20 {
  border-color: var(--gold-20) !important;
}

.bg-gold-10 {
  --background: var(--gold-10);
  background: var(--gold-10) !important;
}

.text-gold-10 {
  color: var(--gold-10) !important;
}

.border-gold-10 {
  border-color: var(--gold-10) !important;
}

.bg-gold-5 {
  --background: var(--gold-5);
  background: var(--gold-5) !important;
}

.text-gold-5 {
  color: var(--gold-5) !important;
}

.border-gold-5 {
  border-color: var(--gold-5) !important;
}

.bg-gold-vivid-80 {
  --background: var(--gold-vivid-80);
  background: var(--gold-vivid-80) !important;
}

.text-gold-vivid-80 {
  color: var(--gold-vivid-80) !important;
}

.border-gold-vivid-80 {
  border-color: var(--gold-vivid-80) !important;
}

.bg-gold-vivid-70 {
  --background: var(--gold-vivid-70);
  background: var(--gold-vivid-70) !important;
}

.text-gold-vivid-70 {
  color: var(--gold-vivid-70) !important;
}

.border-gold-vivid-70 {
  border-color: var(--gold-vivid-70) !important;
}

.bg-gold-vivid-60 {
  --background: var(--gold-vivid-60);
  background: var(--gold-vivid-60) !important;
}

.text-gold-vivid-60 {
  color: var(--gold-vivid-60) !important;
}

.border-gold-vivid-60 {
  border-color: var(--gold-vivid-60) !important;
}

.bg-gold-vivid-50 {
  --background: var(--gold-vivid-50);
  background: var(--gold-vivid-50) !important;
}

.text-gold-vivid-50 {
  color: var(--gold-vivid-50) !important;
}

.border-gold-vivid-50 {
  border-color: var(--gold-vivid-50) !important;
}

.bg-gold-vivid-40 {
  --background: var(--gold-vivid-40);
  background: var(--gold-vivid-40) !important;
}

.text-gold-vivid-40 {
  color: var(--gold-vivid-40) !important;
}

.border-gold-vivid-40 {
  border-color: var(--gold-vivid-40) !important;
}

.bg-gold-vivid-30 {
  --background: var(--gold-vivid-30);
  background: var(--gold-vivid-30) !important;
}

.text-gold-vivid-30 {
  color: var(--gold-vivid-30) !important;
}

.border-gold-vivid-30 {
  border-color: var(--gold-vivid-30) !important;
}

.bg-gold-vivid-20 {
  --background: var(--gold-vivid-20);
  background: var(--gold-vivid-20) !important;
}

.text-gold-vivid-20 {
  color: var(--gold-vivid-20) !important;
}

.border-gold-vivid-20 {
  border-color: var(--gold-vivid-20) !important;
}

.bg-gold-vivid-10 {
  --background: var(--gold-vivid-10);
  background: var(--gold-vivid-10) !important;
}

.text-gold-vivid-10 {
  color: var(--gold-vivid-10) !important;
}

.border-gold-vivid-10 {
  border-color: var(--gold-vivid-10) !important;
}

.bg-gold-vivid-5 {
  --background: var(--gold-vivid-5);
  background: var(--gold-vivid-5) !important;
}

.text-gold-vivid-5 {
  color: var(--gold-vivid-5) !important;
}

.border-gold-vivid-5 {
  border-color: var(--gold-vivid-5) !important;
}

.bg-gray-90 {
  --background: var(--gray-90);
  background: var(--gray-90) !important;
}

.text-gray-90 {
  color: var(--gray-90) !important;
}

.border-gray-90 {
  border-color: var(--gray-90) !important;
}

.bg-gray-80 {
  --background: var(--gray-80);
  background: var(--gray-80) !important;
}

.text-gray-80 {
  color: var(--gray-80) !important;
}

.border-gray-80 {
  border-color: var(--gray-80) !important;
}

.bg-gray-70 {
  --background: var(--gray-70);
  background: var(--gray-70) !important;
}

.text-gray-70 {
  color: var(--gray-70) !important;
}

.border-gray-70 {
  border-color: var(--gray-70) !important;
}

.bg-gray-60 {
  --background: var(--gray-60);
  background: var(--gray-60) !important;
}

.text-gray-60 {
  color: var(--gray-60) !important;
}

.border-gray-60 {
  border-color: var(--gray-60) !important;
}

.bg-gray-50 {
  --background: var(--gray-50);
  background: var(--gray-50) !important;
}

.text-gray-50 {
  color: var(--gray-50) !important;
}

.border-gray-50 {
  border-color: var(--gray-50) !important;
}

.bg-gray-40 {
  --background: var(--gray-40);
  background: var(--gray-40) !important;
}

.text-gray-40 {
  color: var(--gray-40) !important;
}

.border-gray-40 {
  border-color: var(--gray-40) !important;
}

.bg-gray-30 {
  --background: var(--gray-30);
  background: var(--gray-30) !important;
}

.text-gray-30 {
  color: var(--gray-30) !important;
}

.border-gray-30 {
  border-color: var(--gray-30) !important;
}

.bg-gray-20 {
  --background: var(--gray-20);
  background: var(--gray-20) !important;
}

.text-gray-20 {
  color: var(--gray-20) !important;
}

.border-gray-20 {
  border-color: var(--gray-20) !important;
}

.bg-gray-10 {
  --background: var(--gray-10);
  background: var(--gray-10) !important;
}

.text-gray-10 {
  color: var(--gray-10) !important;
}

.border-gray-10 {
  border-color: var(--gray-10) !important;
}

.bg-gray-5 {
  --background: var(--gray-5);
  background: var(--gray-5) !important;
}

.text-gray-5 {
  color: var(--gray-5) !important;
}

.border-gray-5 {
  border-color: var(--gray-5) !important;
}

.bg-gray-4 {
  --background: var(--gray-4);
  background: var(--gray-4) !important;
}

.text-gray-4 {
  color: var(--gray-4) !important;
}

.border-gray-4 {
  border-color: var(--gray-4) !important;
}

.bg-gray-3 {
  --background: var(--gray-3);
  background: var(--gray-3) !important;
}

.text-gray-3 {
  color: var(--gray-3) !important;
}

.border-gray-3 {
  border-color: var(--gray-3) !important;
}

.bg-gray-2 {
  --background: var(--gray-2);
  background: var(--gray-2) !important;
}

.text-gray-2 {
  color: var(--gray-2) !important;
}

.border-gray-2 {
  border-color: var(--gray-2) !important;
}

.bg-gray-1 {
  --background: var(--gray-1);
  background: var(--gray-1) !important;
}

.text-gray-1 {
  color: var(--gray-1) !important;
}

.border-gray-1 {
  border-color: var(--gray-1) !important;
}

.bg-gray-cool-90 {
  --background: var(--gray-cool-90);
  background: var(--gray-cool-90) !important;
}

.text-gray-cool-90 {
  color: var(--gray-cool-90) !important;
}

.border-gray-cool-90 {
  border-color: var(--gray-cool-90) !important;
}

.bg-gray-cool-80 {
  --background: var(--gray-cool-80);
  background: var(--gray-cool-80) !important;
}

.text-gray-cool-80 {
  color: var(--gray-cool-80) !important;
}

.border-gray-cool-80 {
  border-color: var(--gray-cool-80) !important;
}

.bg-gray-cool-70 {
  --background: var(--gray-cool-70);
  background: var(--gray-cool-70) !important;
}

.text-gray-cool-70 {
  color: var(--gray-cool-70) !important;
}

.border-gray-cool-70 {
  border-color: var(--gray-cool-70) !important;
}

.bg-gray-cool-60 {
  --background: var(--gray-cool-60);
  background: var(--gray-cool-60) !important;
}

.text-gray-cool-60 {
  color: var(--gray-cool-60) !important;
}

.border-gray-cool-60 {
  border-color: var(--gray-cool-60) !important;
}

.bg-gray-cool-50 {
  --background: var(--gray-cool-50);
  background: var(--gray-cool-50) !important;
}

.text-gray-cool-50 {
  color: var(--gray-cool-50) !important;
}

.border-gray-cool-50 {
  border-color: var(--gray-cool-50) !important;
}

.bg-gray-cool-40 {
  --background: var(--gray-cool-40);
  background: var(--gray-cool-40) !important;
}

.text-gray-cool-40 {
  color: var(--gray-cool-40) !important;
}

.border-gray-cool-40 {
  border-color: var(--gray-cool-40) !important;
}

.bg-gray-cool-30 {
  --background: var(--gray-cool-30);
  background: var(--gray-cool-30) !important;
}

.text-gray-cool-30 {
  color: var(--gray-cool-30) !important;
}

.border-gray-cool-30 {
  border-color: var(--gray-cool-30) !important;
}

.bg-gray-cool-20 {
  --background: var(--gray-cool-20);
  background: var(--gray-cool-20) !important;
}

.text-gray-cool-20 {
  color: var(--gray-cool-20) !important;
}

.border-gray-cool-20 {
  border-color: var(--gray-cool-20) !important;
}

.bg-gray-cool-10 {
  --background: var(--gray-cool-10);
  background: var(--gray-cool-10) !important;
}

.text-gray-cool-10 {
  color: var(--gray-cool-10) !important;
}

.border-gray-cool-10 {
  border-color: var(--gray-cool-10) !important;
}

.bg-gray-cool-5 {
  --background: var(--gray-cool-5);
  background: var(--gray-cool-5) !important;
}

.text-gray-cool-5 {
  color: var(--gray-cool-5) !important;
}

.border-gray-cool-5 {
  border-color: var(--gray-cool-5) !important;
}

.bg-gray-cool-4 {
  --background: var(--gray-cool-4);
  background: var(--gray-cool-4) !important;
}

.text-gray-cool-4 {
  color: var(--gray-cool-4) !important;
}

.border-gray-cool-4 {
  border-color: var(--gray-cool-4) !important;
}

.bg-gray-cool-3 {
  --background: var(--gray-cool-3);
  background: var(--gray-cool-3) !important;
}

.text-gray-cool-3 {
  color: var(--gray-cool-3) !important;
}

.border-gray-cool-3 {
  border-color: var(--gray-cool-3) !important;
}

.bg-gray-cool-2 {
  --background: var(--gray-cool-2);
  background: var(--gray-cool-2) !important;
}

.text-gray-cool-2 {
  color: var(--gray-cool-2) !important;
}

.border-gray-cool-2 {
  border-color: var(--gray-cool-2) !important;
}

.bg-gray-cool-1 {
  --background: var(--gray-cool-1);
  background: var(--gray-cool-1) !important;
}

.text-gray-cool-1 {
  color: var(--gray-cool-1) !important;
}

.border-gray-cool-1 {
  border-color: var(--gray-cool-1) !important;
}

.bg-gray-warm-90 {
  --background: var(--gray-warm-90);
  background: var(--gray-warm-90) !important;
}

.text-gray-warm-90 {
  color: var(--gray-warm-90) !important;
}

.border-gray-warm-90 {
  border-color: var(--gray-warm-90) !important;
}

.bg-gray-warm-80 {
  --background: var(--gray-warm-80);
  background: var(--gray-warm-80) !important;
}

.text-gray-warm-80 {
  color: var(--gray-warm-80) !important;
}

.border-gray-warm-80 {
  border-color: var(--gray-warm-80) !important;
}

.bg-gray-warm-70 {
  --background: var(--gray-warm-70);
  background: var(--gray-warm-70) !important;
}

.text-gray-warm-70 {
  color: var(--gray-warm-70) !important;
}

.border-gray-warm-70 {
  border-color: var(--gray-warm-70) !important;
}

.bg-gray-warm-60 {
  --background: var(--gray-warm-60);
  background: var(--gray-warm-60) !important;
}

.text-gray-warm-60 {
  color: var(--gray-warm-60) !important;
}

.border-gray-warm-60 {
  border-color: var(--gray-warm-60) !important;
}

.bg-gray-warm-50 {
  --background: var(--gray-warm-50);
  background: var(--gray-warm-50) !important;
}

.text-gray-warm-50 {
  color: var(--gray-warm-50) !important;
}

.border-gray-warm-50 {
  border-color: var(--gray-warm-50) !important;
}

.bg-gray-warm-40 {
  --background: var(--gray-warm-40);
  background: var(--gray-warm-40) !important;
}

.text-gray-warm-40 {
  color: var(--gray-warm-40) !important;
}

.border-gray-warm-40 {
  border-color: var(--gray-warm-40) !important;
}

.bg-gray-warm-30 {
  --background: var(--gray-warm-30);
  background: var(--gray-warm-30) !important;
}

.text-gray-warm-30 {
  color: var(--gray-warm-30) !important;
}

.border-gray-warm-30 {
  border-color: var(--gray-warm-30) !important;
}

.bg-gray-warm-20 {
  --background: var(--gray-warm-20);
  background: var(--gray-warm-20) !important;
}

.text-gray-warm-20 {
  color: var(--gray-warm-20) !important;
}

.border-gray-warm-20 {
  border-color: var(--gray-warm-20) !important;
}

.bg-gray-warm-10 {
  --background: var(--gray-warm-10);
  background: var(--gray-warm-10) !important;
}

.text-gray-warm-10 {
  color: var(--gray-warm-10) !important;
}

.border-gray-warm-10 {
  border-color: var(--gray-warm-10) !important;
}

.bg-gray-warm-5 {
  --background: var(--gray-warm-5);
  background: var(--gray-warm-5) !important;
}

.text-gray-warm-5 {
  color: var(--gray-warm-5) !important;
}

.border-gray-warm-5 {
  border-color: var(--gray-warm-5) !important;
}

.bg-gray-warm-4 {
  --background: var(--gray-warm-4);
  background: var(--gray-warm-4) !important;
}

.text-gray-warm-4 {
  color: var(--gray-warm-4) !important;
}

.border-gray-warm-4 {
  border-color: var(--gray-warm-4) !important;
}

.bg-gray-warm-3 {
  --background: var(--gray-warm-3);
  background: var(--gray-warm-3) !important;
}

.text-gray-warm-3 {
  color: var(--gray-warm-3) !important;
}

.border-gray-warm-3 {
  border-color: var(--gray-warm-3) !important;
}

.bg-gray-warm-2 {
  --background: var(--gray-warm-2);
  background: var(--gray-warm-2) !important;
}

.text-gray-warm-2 {
  color: var(--gray-warm-2) !important;
}

.border-gray-warm-2 {
  border-color: var(--gray-warm-2) !important;
}

.bg-gray-warm-1 {
  --background: var(--gray-warm-1);
  background: var(--gray-warm-1) !important;
}

.text-gray-warm-1 {
  color: var(--gray-warm-1) !important;
}

.border-gray-warm-1 {
  border-color: var(--gray-warm-1) !important;
}

.bg-green-90 {
  --background: var(--green-90);
  background: var(--green-90) !important;
}

.text-green-90 {
  color: var(--green-90) !important;
}

.border-green-90 {
  border-color: var(--green-90) !important;
}

.bg-green-80 {
  --background: var(--green-80);
  background: var(--green-80) !important;
}

.text-green-80 {
  color: var(--green-80) !important;
}

.border-green-80 {
  border-color: var(--green-80) !important;
}

.bg-green-70 {
  --background: var(--green-70);
  background: var(--green-70) !important;
}

.text-green-70 {
  color: var(--green-70) !important;
}

.border-green-70 {
  border-color: var(--green-70) !important;
}

.bg-green-60 {
  --background: var(--green-60);
  background: var(--green-60) !important;
}

.text-green-60 {
  color: var(--green-60) !important;
}

.border-green-60 {
  border-color: var(--green-60) !important;
}

.bg-green-50 {
  --background: var(--green-50);
  background: var(--green-50) !important;
}

.text-green-50 {
  color: var(--green-50) !important;
}

.border-green-50 {
  border-color: var(--green-50) !important;
}

.bg-green-40 {
  --background: var(--green-40);
  background: var(--green-40) !important;
}

.text-green-40 {
  color: var(--green-40) !important;
}

.border-green-40 {
  border-color: var(--green-40) !important;
}

.bg-green-30 {
  --background: var(--green-30);
  background: var(--green-30) !important;
}

.text-green-30 {
  color: var(--green-30) !important;
}

.border-green-30 {
  border-color: var(--green-30) !important;
}

.bg-green-20 {
  --background: var(--green-20);
  background: var(--green-20) !important;
}

.text-green-20 {
  color: var(--green-20) !important;
}

.border-green-20 {
  border-color: var(--green-20) !important;
}

.bg-green-10 {
  --background: var(--green-10);
  background: var(--green-10) !important;
}

.text-green-10 {
  color: var(--green-10) !important;
}

.border-green-10 {
  border-color: var(--green-10) !important;
}

.bg-green-5 {
  --background: var(--green-5);
  background: var(--green-5) !important;
}

.text-green-5 {
  color: var(--green-5) !important;
}

.border-green-5 {
  border-color: var(--green-5) !important;
}

.bg-green-cool-90 {
  --background: var(--green-cool-90);
  background: var(--green-cool-90) !important;
}

.text-green-cool-90 {
  color: var(--green-cool-90) !important;
}

.border-green-cool-90 {
  border-color: var(--green-cool-90) !important;
}

.bg-green-cool-80 {
  --background: var(--green-cool-80);
  background: var(--green-cool-80) !important;
}

.text-green-cool-80 {
  color: var(--green-cool-80) !important;
}

.border-green-cool-80 {
  border-color: var(--green-cool-80) !important;
}

.bg-green-cool-70 {
  --background: var(--green-cool-70);
  background: var(--green-cool-70) !important;
}

.text-green-cool-70 {
  color: var(--green-cool-70) !important;
}

.border-green-cool-70 {
  border-color: var(--green-cool-70) !important;
}

.bg-green-cool-60 {
  --background: var(--green-cool-60);
  background: var(--green-cool-60) !important;
}

.text-green-cool-60 {
  color: var(--green-cool-60) !important;
}

.border-green-cool-60 {
  border-color: var(--green-cool-60) !important;
}

.bg-green-cool-50 {
  --background: var(--green-cool-50);
  background: var(--green-cool-50) !important;
}

.text-green-cool-50 {
  color: var(--green-cool-50) !important;
}

.border-green-cool-50 {
  border-color: var(--green-cool-50) !important;
}

.bg-green-cool-40 {
  --background: var(--green-cool-40);
  background: var(--green-cool-40) !important;
}

.text-green-cool-40 {
  color: var(--green-cool-40) !important;
}

.border-green-cool-40 {
  border-color: var(--green-cool-40) !important;
}

.bg-green-cool-30 {
  --background: var(--green-cool-30);
  background: var(--green-cool-30) !important;
}

.text-green-cool-30 {
  color: var(--green-cool-30) !important;
}

.border-green-cool-30 {
  border-color: var(--green-cool-30) !important;
}

.bg-green-cool-20 {
  --background: var(--green-cool-20);
  background: var(--green-cool-20) !important;
}

.text-green-cool-20 {
  color: var(--green-cool-20) !important;
}

.border-green-cool-20 {
  border-color: var(--green-cool-20) !important;
}

.bg-green-cool-10 {
  --background: var(--green-cool-10);
  background: var(--green-cool-10) !important;
}

.text-green-cool-10 {
  color: var(--green-cool-10) !important;
}

.border-green-cool-10 {
  border-color: var(--green-cool-10) !important;
}

.bg-green-cool-5 {
  --background: var(--green-cool-5);
  background: var(--green-cool-5) !important;
}

.text-green-cool-5 {
  color: var(--green-cool-5) !important;
}

.border-green-cool-5 {
  border-color: var(--green-cool-5) !important;
}

.bg-green-warm-90 {
  --background: var(--green-warm-90);
  background: var(--green-warm-90) !important;
}

.text-green-warm-90 {
  color: var(--green-warm-90) !important;
}

.border-green-warm-90 {
  border-color: var(--green-warm-90) !important;
}

.bg-green-warm-80 {
  --background: var(--green-warm-80);
  background: var(--green-warm-80) !important;
}

.text-green-warm-80 {
  color: var(--green-warm-80) !important;
}

.border-green-warm-80 {
  border-color: var(--green-warm-80) !important;
}

.bg-green-warm-70 {
  --background: var(--green-warm-70);
  background: var(--green-warm-70) !important;
}

.text-green-warm-70 {
  color: var(--green-warm-70) !important;
}

.border-green-warm-70 {
  border-color: var(--green-warm-70) !important;
}

.bg-green-warm-60 {
  --background: var(--green-warm-60);
  background: var(--green-warm-60) !important;
}

.text-green-warm-60 {
  color: var(--green-warm-60) !important;
}

.border-green-warm-60 {
  border-color: var(--green-warm-60) !important;
}

.bg-green-warm-50 {
  --background: var(--green-warm-50);
  background: var(--green-warm-50) !important;
}

.text-green-warm-50 {
  color: var(--green-warm-50) !important;
}

.border-green-warm-50 {
  border-color: var(--green-warm-50) !important;
}

.bg-green-warm-40 {
  --background: var(--green-warm-40);
  background: var(--green-warm-40) !important;
}

.text-green-warm-40 {
  color: var(--green-warm-40) !important;
}

.border-green-warm-40 {
  border-color: var(--green-warm-40) !important;
}

.bg-green-warm-30 {
  --background: var(--green-warm-30);
  background: var(--green-warm-30) !important;
}

.text-green-warm-30 {
  color: var(--green-warm-30) !important;
}

.border-green-warm-30 {
  border-color: var(--green-warm-30) !important;
}

.bg-green-warm-20 {
  --background: var(--green-warm-20);
  background: var(--green-warm-20) !important;
}

.text-green-warm-20 {
  color: var(--green-warm-20) !important;
}

.border-green-warm-20 {
  border-color: var(--green-warm-20) !important;
}

.bg-green-warm-10 {
  --background: var(--green-warm-10);
  background: var(--green-warm-10) !important;
}

.text-green-warm-10 {
  color: var(--green-warm-10) !important;
}

.border-green-warm-10 {
  border-color: var(--green-warm-10) !important;
}

.bg-green-warm-5 {
  --background: var(--green-warm-5);
  background: var(--green-warm-5) !important;
}

.text-green-warm-5 {
  color: var(--green-warm-5) !important;
}

.border-green-warm-5 {
  border-color: var(--green-warm-5) !important;
}

.bg-green-vivid-80 {
  --background: var(--green-vivid-80);
  background: var(--green-vivid-80) !important;
}

.text-green-vivid-80 {
  color: var(--green-vivid-80) !important;
}

.border-green-vivid-80 {
  border-color: var(--green-vivid-80) !important;
}

.bg-green-vivid-70 {
  --background: var(--green-vivid-70);
  background: var(--green-vivid-70) !important;
}

.text-green-vivid-70 {
  color: var(--green-vivid-70) !important;
}

.border-green-vivid-70 {
  border-color: var(--green-vivid-70) !important;
}

.bg-green-vivid-60 {
  --background: var(--green-vivid-60);
  background: var(--green-vivid-60) !important;
}

.text-green-vivid-60 {
  color: var(--green-vivid-60) !important;
}

.border-green-vivid-60 {
  border-color: var(--green-vivid-60) !important;
}

.bg-green-vivid-50 {
  --background: var(--green-vivid-50);
  background: var(--green-vivid-50) !important;
}

.text-green-vivid-50 {
  color: var(--green-vivid-50) !important;
}

.border-green-vivid-50 {
  border-color: var(--green-vivid-50) !important;
}

.bg-green-vivid-40 {
  --background: var(--green-vivid-40);
  background: var(--green-vivid-40) !important;
}

.text-green-vivid-40 {
  color: var(--green-vivid-40) !important;
}

.border-green-vivid-40 {
  border-color: var(--green-vivid-40) !important;
}

.bg-green-vivid-30 {
  --background: var(--green-vivid-30);
  background: var(--green-vivid-30) !important;
}

.text-green-vivid-30 {
  color: var(--green-vivid-30) !important;
}

.border-green-vivid-30 {
  border-color: var(--green-vivid-30) !important;
}

.bg-green-vivid-20 {
  --background: var(--green-vivid-20);
  background: var(--green-vivid-20) !important;
}

.text-green-vivid-20 {
  color: var(--green-vivid-20) !important;
}

.border-green-vivid-20 {
  border-color: var(--green-vivid-20) !important;
}

.bg-green-vivid-10 {
  --background: var(--green-vivid-10);
  background: var(--green-vivid-10) !important;
}

.text-green-vivid-10 {
  color: var(--green-vivid-10) !important;
}

.border-green-vivid-10 {
  border-color: var(--green-vivid-10) !important;
}

.bg-green-vivid-5 {
  --background: var(--green-vivid-5);
  background: var(--green-vivid-5) !important;
}

.text-green-vivid-5 {
  color: var(--green-vivid-5) !important;
}

.border-green-vivid-5 {
  border-color: var(--green-vivid-5) !important;
}

.bg-green-cool-vivid-80 {
  --background: var(--green-cool-vivid-80);
  background: var(--green-cool-vivid-80) !important;
}

.text-green-cool-vivid-80 {
  color: var(--green-cool-vivid-80) !important;
}

.border-green-cool-vivid-80 {
  border-color: var(--green-cool-vivid-80) !important;
}

.bg-green-cool-vivid-70 {
  --background: var(--green-cool-vivid-70);
  background: var(--green-cool-vivid-70) !important;
}

.text-green-cool-vivid-70 {
  color: var(--green-cool-vivid-70) !important;
}

.border-green-cool-vivid-70 {
  border-color: var(--green-cool-vivid-70) !important;
}

.bg-green-cool-vivid-60 {
  --background: var(--green-cool-vivid-60);
  background: var(--green-cool-vivid-60) !important;
}

.text-green-cool-vivid-60 {
  color: var(--green-cool-vivid-60) !important;
}

.border-green-cool-vivid-60 {
  border-color: var(--green-cool-vivid-60) !important;
}

.bg-green-cool-vivid-50 {
  --background: var(--green-cool-vivid-50);
  background: var(--green-cool-vivid-50) !important;
}

.text-green-cool-vivid-50 {
  color: var(--green-cool-vivid-50) !important;
}

.border-green-cool-vivid-50 {
  border-color: var(--green-cool-vivid-50) !important;
}

.bg-green-cool-vivid-40 {
  --background: var(--green-cool-vivid-40);
  background: var(--green-cool-vivid-40) !important;
}

.text-green-cool-vivid-40 {
  color: var(--green-cool-vivid-40) !important;
}

.border-green-cool-vivid-40 {
  border-color: var(--green-cool-vivid-40) !important;
}

.bg-green-cool-vivid-30 {
  --background: var(--green-cool-vivid-30);
  background: var(--green-cool-vivid-30) !important;
}

.text-green-cool-vivid-30 {
  color: var(--green-cool-vivid-30) !important;
}

.border-green-cool-vivid-30 {
  border-color: var(--green-cool-vivid-30) !important;
}

.bg-green-cool-vivid-20 {
  --background: var(--green-cool-vivid-20);
  background: var(--green-cool-vivid-20) !important;
}

.text-green-cool-vivid-20 {
  color: var(--green-cool-vivid-20) !important;
}

.border-green-cool-vivid-20 {
  border-color: var(--green-cool-vivid-20) !important;
}

.bg-green-cool-vivid-10 {
  --background: var(--green-cool-vivid-10);
  background: var(--green-cool-vivid-10) !important;
}

.text-green-cool-vivid-10 {
  color: var(--green-cool-vivid-10) !important;
}

.border-green-cool-vivid-10 {
  border-color: var(--green-cool-vivid-10) !important;
}

.bg-green-cool-vivid-5 {
  --background: var(--green-cool-vivid-5);
  background: var(--green-cool-vivid-5) !important;
}

.text-green-cool-vivid-5 {
  color: var(--green-cool-vivid-5) !important;
}

.border-green-cool-vivid-5 {
  border-color: var(--green-cool-vivid-5) !important;
}

.bg-green-warm-vivid-80 {
  --background: var(--green-warm-vivid-80);
  background: var(--green-warm-vivid-80) !important;
}

.text-green-warm-vivid-80 {
  color: var(--green-warm-vivid-80) !important;
}

.border-green-warm-vivid-80 {
  border-color: var(--green-warm-vivid-80) !important;
}

.bg-green-warm-vivid-70 {
  --background: var(--green-warm-vivid-70);
  background: var(--green-warm-vivid-70) !important;
}

.text-green-warm-vivid-70 {
  color: var(--green-warm-vivid-70) !important;
}

.border-green-warm-vivid-70 {
  border-color: var(--green-warm-vivid-70) !important;
}

.bg-green-warm-vivid-60 {
  --background: var(--green-warm-vivid-60);
  background: var(--green-warm-vivid-60) !important;
}

.text-green-warm-vivid-60 {
  color: var(--green-warm-vivid-60) !important;
}

.border-green-warm-vivid-60 {
  border-color: var(--green-warm-vivid-60) !important;
}

.bg-green-warm-vivid-50 {
  --background: var(--green-warm-vivid-50);
  background: var(--green-warm-vivid-50) !important;
}

.text-green-warm-vivid-50 {
  color: var(--green-warm-vivid-50) !important;
}

.border-green-warm-vivid-50 {
  border-color: var(--green-warm-vivid-50) !important;
}

.bg-green-warm-vivid-40 {
  --background: var(--green-warm-vivid-40);
  background: var(--green-warm-vivid-40) !important;
}

.text-green-warm-vivid-40 {
  color: var(--green-warm-vivid-40) !important;
}

.border-green-warm-vivid-40 {
  border-color: var(--green-warm-vivid-40) !important;
}

.bg-green-warm-vivid-30 {
  --background: var(--green-warm-vivid-30);
  background: var(--green-warm-vivid-30) !important;
}

.text-green-warm-vivid-30 {
  color: var(--green-warm-vivid-30) !important;
}

.border-green-warm-vivid-30 {
  border-color: var(--green-warm-vivid-30) !important;
}

.bg-green-warm-vivid-20 {
  --background: var(--green-warm-vivid-20);
  background: var(--green-warm-vivid-20) !important;
}

.text-green-warm-vivid-20 {
  color: var(--green-warm-vivid-20) !important;
}

.border-green-warm-vivid-20 {
  border-color: var(--green-warm-vivid-20) !important;
}

.bg-green-warm-vivid-10 {
  --background: var(--green-warm-vivid-10);
  background: var(--green-warm-vivid-10) !important;
}

.text-green-warm-vivid-10 {
  color: var(--green-warm-vivid-10) !important;
}

.border-green-warm-vivid-10 {
  border-color: var(--green-warm-vivid-10) !important;
}

.bg-green-warm-vivid-5 {
  --background: var(--green-warm-vivid-5);
  background: var(--green-warm-vivid-5) !important;
}

.text-green-warm-vivid-5 {
  color: var(--green-warm-vivid-5) !important;
}

.border-green-warm-vivid-5 {
  border-color: var(--green-warm-vivid-5) !important;
}

.bg-indigo-90 {
  --background: var(--indigo-90);
  background: var(--indigo-90) !important;
}

.text-indigo-90 {
  color: var(--indigo-90) !important;
}

.border-indigo-90 {
  border-color: var(--indigo-90) !important;
}

.bg-indigo-80 {
  --background: var(--indigo-80);
  background: var(--indigo-80) !important;
}

.text-indigo-80 {
  color: var(--indigo-80) !important;
}

.border-indigo-80 {
  border-color: var(--indigo-80) !important;
}

.bg-indigo-70 {
  --background: var(--indigo-70);
  background: var(--indigo-70) !important;
}

.text-indigo-70 {
  color: var(--indigo-70) !important;
}

.border-indigo-70 {
  border-color: var(--indigo-70) !important;
}

.bg-indigo-60 {
  --background: var(--indigo-60);
  background: var(--indigo-60) !important;
}

.text-indigo-60 {
  color: var(--indigo-60) !important;
}

.border-indigo-60 {
  border-color: var(--indigo-60) !important;
}

.bg-indigo-50 {
  --background: var(--indigo-50);
  background: var(--indigo-50) !important;
}

.text-indigo-50 {
  color: var(--indigo-50) !important;
}

.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.bg-indigo-40 {
  --background: var(--indigo-40);
  background: var(--indigo-40) !important;
}

.text-indigo-40 {
  color: var(--indigo-40) !important;
}

.border-indigo-40 {
  border-color: var(--indigo-40) !important;
}

.bg-indigo-30 {
  --background: var(--indigo-30);
  background: var(--indigo-30) !important;
}

.text-indigo-30 {
  color: var(--indigo-30) !important;
}

.border-indigo-30 {
  border-color: var(--indigo-30) !important;
}

.bg-indigo-20 {
  --background: var(--indigo-20);
  background: var(--indigo-20) !important;
}

.text-indigo-20 {
  color: var(--indigo-20) !important;
}

.border-indigo-20 {
  border-color: var(--indigo-20) !important;
}

.bg-indigo-10 {
  --background: var(--indigo-10);
  background: var(--indigo-10) !important;
}

.text-indigo-10 {
  color: var(--indigo-10) !important;
}

.border-indigo-10 {
  border-color: var(--indigo-10) !important;
}

.bg-indigo-5 {
  --background: var(--indigo-5);
  background: var(--indigo-5) !important;
}

.text-indigo-5 {
  color: var(--indigo-5) !important;
}

.border-indigo-5 {
  border-color: var(--indigo-5) !important;
}

.bg-indigo-cool-90 {
  --background: var(--indigo-cool-90);
  background: var(--indigo-cool-90) !important;
}

.text-indigo-cool-90 {
  color: var(--indigo-cool-90) !important;
}

.border-indigo-cool-90 {
  border-color: var(--indigo-cool-90) !important;
}

.bg-indigo-cool-80 {
  --background: var(--indigo-cool-80);
  background: var(--indigo-cool-80) !important;
}

.text-indigo-cool-80 {
  color: var(--indigo-cool-80) !important;
}

.border-indigo-cool-80 {
  border-color: var(--indigo-cool-80) !important;
}

.bg-indigo-cool-70 {
  --background: var(--indigo-cool-70);
  background: var(--indigo-cool-70) !important;
}

.text-indigo-cool-70 {
  color: var(--indigo-cool-70) !important;
}

.border-indigo-cool-70 {
  border-color: var(--indigo-cool-70) !important;
}

.bg-indigo-cool-60 {
  --background: var(--indigo-cool-60);
  background: var(--indigo-cool-60) !important;
}

.text-indigo-cool-60 {
  color: var(--indigo-cool-60) !important;
}

.border-indigo-cool-60 {
  border-color: var(--indigo-cool-60) !important;
}

.bg-indigo-cool-50 {
  --background: var(--indigo-cool-50);
  background: var(--indigo-cool-50) !important;
}

.text-indigo-cool-50 {
  color: var(--indigo-cool-50) !important;
}

.border-indigo-cool-50 {
  border-color: var(--indigo-cool-50) !important;
}

.bg-indigo-cool-40 {
  --background: var(--indigo-cool-40);
  background: var(--indigo-cool-40) !important;
}

.text-indigo-cool-40 {
  color: var(--indigo-cool-40) !important;
}

.border-indigo-cool-40 {
  border-color: var(--indigo-cool-40) !important;
}

.bg-indigo-cool-30 {
  --background: var(--indigo-cool-30);
  background: var(--indigo-cool-30) !important;
}

.text-indigo-cool-30 {
  color: var(--indigo-cool-30) !important;
}

.border-indigo-cool-30 {
  border-color: var(--indigo-cool-30) !important;
}

.bg-indigo-cool-20 {
  --background: var(--indigo-cool-20);
  background: var(--indigo-cool-20) !important;
}

.text-indigo-cool-20 {
  color: var(--indigo-cool-20) !important;
}

.border-indigo-cool-20 {
  border-color: var(--indigo-cool-20) !important;
}

.bg-indigo-cool-10 {
  --background: var(--indigo-cool-10);
  background: var(--indigo-cool-10) !important;
}

.text-indigo-cool-10 {
  color: var(--indigo-cool-10) !important;
}

.border-indigo-cool-10 {
  border-color: var(--indigo-cool-10) !important;
}

.bg-indigo-cool-5 {
  --background: var(--indigo-cool-5);
  background: var(--indigo-cool-5) !important;
}

.text-indigo-cool-5 {
  color: var(--indigo-cool-5) !important;
}

.border-indigo-cool-5 {
  border-color: var(--indigo-cool-5) !important;
}

.bg-indigo-warm-90 {
  --background: var(--indigo-warm-90);
  background: var(--indigo-warm-90) !important;
}

.text-indigo-warm-90 {
  color: var(--indigo-warm-90) !important;
}

.border-indigo-warm-90 {
  border-color: var(--indigo-warm-90) !important;
}

.bg-indigo-warm-80 {
  --background: var(--indigo-warm-80);
  background: var(--indigo-warm-80) !important;
}

.text-indigo-warm-80 {
  color: var(--indigo-warm-80) !important;
}

.border-indigo-warm-80 {
  border-color: var(--indigo-warm-80) !important;
}

.bg-indigo-warm-70 {
  --background: var(--indigo-warm-70);
  background: var(--indigo-warm-70) !important;
}

.text-indigo-warm-70 {
  color: var(--indigo-warm-70) !important;
}

.border-indigo-warm-70 {
  border-color: var(--indigo-warm-70) !important;
}

.bg-indigo-warm-60 {
  --background: var(--indigo-warm-60);
  background: var(--indigo-warm-60) !important;
}

.text-indigo-warm-60 {
  color: var(--indigo-warm-60) !important;
}

.border-indigo-warm-60 {
  border-color: var(--indigo-warm-60) !important;
}

.bg-indigo-warm-50 {
  --background: var(--indigo-warm-50);
  background: var(--indigo-warm-50) !important;
}

.text-indigo-warm-50 {
  color: var(--indigo-warm-50) !important;
}

.border-indigo-warm-50 {
  border-color: var(--indigo-warm-50) !important;
}

.bg-indigo-warm-40 {
  --background: var(--indigo-warm-40);
  background: var(--indigo-warm-40) !important;
}

.text-indigo-warm-40 {
  color: var(--indigo-warm-40) !important;
}

.border-indigo-warm-40 {
  border-color: var(--indigo-warm-40) !important;
}

.bg-indigo-warm-30 {
  --background: var(--indigo-warm-30);
  background: var(--indigo-warm-30) !important;
}

.text-indigo-warm-30 {
  color: var(--indigo-warm-30) !important;
}

.border-indigo-warm-30 {
  border-color: var(--indigo-warm-30) !important;
}

.bg-indigo-warm-20 {
  --background: var(--indigo-warm-20);
  background: var(--indigo-warm-20) !important;
}

.text-indigo-warm-20 {
  color: var(--indigo-warm-20) !important;
}

.border-indigo-warm-20 {
  border-color: var(--indigo-warm-20) !important;
}

.bg-indigo-warm-10 {
  --background: var(--indigo-warm-10);
  background: var(--indigo-warm-10) !important;
}

.text-indigo-warm-10 {
  color: var(--indigo-warm-10) !important;
}

.border-indigo-warm-10 {
  border-color: var(--indigo-warm-10) !important;
}

.bg-indigo-warm-5 {
  --background: var(--indigo-warm-5);
  background: var(--indigo-warm-5) !important;
}

.text-indigo-warm-5 {
  color: var(--indigo-warm-5) !important;
}

.border-indigo-warm-5 {
  border-color: var(--indigo-warm-5) !important;
}

.bg-indigo-vivid-80 {
  --background: var(--indigo-vivid-80);
  background: var(--indigo-vivid-80) !important;
}

.text-indigo-vivid-80 {
  color: var(--indigo-vivid-80) !important;
}

.border-indigo-vivid-80 {
  border-color: var(--indigo-vivid-80) !important;
}

.bg-indigo-vivid-70 {
  --background: var(--indigo-vivid-70);
  background: var(--indigo-vivid-70) !important;
}

.text-indigo-vivid-70 {
  color: var(--indigo-vivid-70) !important;
}

.border-indigo-vivid-70 {
  border-color: var(--indigo-vivid-70) !important;
}

.bg-indigo-vivid-60 {
  --background: var(--indigo-vivid-60);
  background: var(--indigo-vivid-60) !important;
}

.text-indigo-vivid-60 {
  color: var(--indigo-vivid-60) !important;
}

.border-indigo-vivid-60 {
  border-color: var(--indigo-vivid-60) !important;
}

.bg-indigo-vivid-50 {
  --background: var(--indigo-vivid-50);
  background: var(--indigo-vivid-50) !important;
}

.text-indigo-vivid-50 {
  color: var(--indigo-vivid-50) !important;
}

.border-indigo-vivid-50 {
  border-color: var(--indigo-vivid-50) !important;
}

.bg-indigo-vivid-40 {
  --background: var(--indigo-vivid-40);
  background: var(--indigo-vivid-40) !important;
}

.text-indigo-vivid-40 {
  color: var(--indigo-vivid-40) !important;
}

.border-indigo-vivid-40 {
  border-color: var(--indigo-vivid-40) !important;
}

.bg-indigo-vivid-30 {
  --background: var(--indigo-vivid-30);
  background: var(--indigo-vivid-30) !important;
}

.text-indigo-vivid-30 {
  color: var(--indigo-vivid-30) !important;
}

.border-indigo-vivid-30 {
  border-color: var(--indigo-vivid-30) !important;
}

.bg-indigo-vivid-20 {
  --background: var(--indigo-vivid-20);
  background: var(--indigo-vivid-20) !important;
}

.text-indigo-vivid-20 {
  color: var(--indigo-vivid-20) !important;
}

.border-indigo-vivid-20 {
  border-color: var(--indigo-vivid-20) !important;
}

.bg-indigo-vivid-10 {
  --background: var(--indigo-vivid-10);
  background: var(--indigo-vivid-10) !important;
}

.text-indigo-vivid-10 {
  color: var(--indigo-vivid-10) !important;
}

.border-indigo-vivid-10 {
  border-color: var(--indigo-vivid-10) !important;
}

.bg-indigo-vivid-5 {
  --background: var(--indigo-vivid-5);
  background: var(--indigo-vivid-5) !important;
}

.text-indigo-vivid-5 {
  color: var(--indigo-vivid-5) !important;
}

.border-indigo-vivid-5 {
  border-color: var(--indigo-vivid-5) !important;
}

.bg-indigo-cool-vivid-80 {
  --background: var(--indigo-cool-vivid-80);
  background: var(--indigo-cool-vivid-80) !important;
}

.text-indigo-cool-vivid-80 {
  color: var(--indigo-cool-vivid-80) !important;
}

.border-indigo-cool-vivid-80 {
  border-color: var(--indigo-cool-vivid-80) !important;
}

.bg-indigo-cool-vivid-70 {
  --background: var(--indigo-cool-vivid-70);
  background: var(--indigo-cool-vivid-70) !important;
}

.text-indigo-cool-vivid-70 {
  color: var(--indigo-cool-vivid-70) !important;
}

.border-indigo-cool-vivid-70 {
  border-color: var(--indigo-cool-vivid-70) !important;
}

.bg-indigo-cool-vivid-60 {
  --background: var(--indigo-cool-vivid-60);
  background: var(--indigo-cool-vivid-60) !important;
}

.text-indigo-cool-vivid-60 {
  color: var(--indigo-cool-vivid-60) !important;
}

.border-indigo-cool-vivid-60 {
  border-color: var(--indigo-cool-vivid-60) !important;
}

.bg-indigo-cool-vivid-50 {
  --background: var(--indigo-cool-vivid-50);
  background: var(--indigo-cool-vivid-50) !important;
}

.text-indigo-cool-vivid-50 {
  color: var(--indigo-cool-vivid-50) !important;
}

.border-indigo-cool-vivid-50 {
  border-color: var(--indigo-cool-vivid-50) !important;
}

.bg-indigo-cool-vivid-40 {
  --background: var(--indigo-cool-vivid-40);
  background: var(--indigo-cool-vivid-40) !important;
}

.text-indigo-cool-vivid-40 {
  color: var(--indigo-cool-vivid-40) !important;
}

.border-indigo-cool-vivid-40 {
  border-color: var(--indigo-cool-vivid-40) !important;
}

.bg-indigo-cool-vivid-30 {
  --background: var(--indigo-cool-vivid-30);
  background: var(--indigo-cool-vivid-30) !important;
}

.text-indigo-cool-vivid-30 {
  color: var(--indigo-cool-vivid-30) !important;
}

.border-indigo-cool-vivid-30 {
  border-color: var(--indigo-cool-vivid-30) !important;
}

.bg-indigo-cool-vivid-20 {
  --background: var(--indigo-cool-vivid-20);
  background: var(--indigo-cool-vivid-20) !important;
}

.text-indigo-cool-vivid-20 {
  color: var(--indigo-cool-vivid-20) !important;
}

.border-indigo-cool-vivid-20 {
  border-color: var(--indigo-cool-vivid-20) !important;
}

.bg-indigo-cool-vivid-10 {
  --background: var(--indigo-cool-vivid-10);
  background: var(--indigo-cool-vivid-10) !important;
}

.text-indigo-cool-vivid-10 {
  color: var(--indigo-cool-vivid-10) !important;
}

.border-indigo-cool-vivid-10 {
  border-color: var(--indigo-cool-vivid-10) !important;
}

.bg-indigo-cool-vivid-5 {
  --background: var(--indigo-cool-vivid-5);
  background: var(--indigo-cool-vivid-5) !important;
}

.text-indigo-cool-vivid-5 {
  color: var(--indigo-cool-vivid-5) !important;
}

.border-indigo-cool-vivid-5 {
  border-color: var(--indigo-cool-vivid-5) !important;
}

.bg-indigo-warm-vivid-80 {
  --background: var(--indigo-warm-vivid-80);
  background: var(--indigo-warm-vivid-80) !important;
}

.text-indigo-warm-vivid-80 {
  color: var(--indigo-warm-vivid-80) !important;
}

.border-indigo-warm-vivid-80 {
  border-color: var(--indigo-warm-vivid-80) !important;
}

.bg-indigo-warm-vivid-70 {
  --background: var(--indigo-warm-vivid-70);
  background: var(--indigo-warm-vivid-70) !important;
}

.text-indigo-warm-vivid-70 {
  color: var(--indigo-warm-vivid-70) !important;
}

.border-indigo-warm-vivid-70 {
  border-color: var(--indigo-warm-vivid-70) !important;
}

.bg-indigo-warm-vivid-60 {
  --background: var(--indigo-warm-vivid-60);
  background: var(--indigo-warm-vivid-60) !important;
}

.text-indigo-warm-vivid-60 {
  color: var(--indigo-warm-vivid-60) !important;
}

.border-indigo-warm-vivid-60 {
  border-color: var(--indigo-warm-vivid-60) !important;
}

.bg-indigo-warm-vivid-50 {
  --background: var(--indigo-warm-vivid-50);
  background: var(--indigo-warm-vivid-50) !important;
}

.text-indigo-warm-vivid-50 {
  color: var(--indigo-warm-vivid-50) !important;
}

.border-indigo-warm-vivid-50 {
  border-color: var(--indigo-warm-vivid-50) !important;
}

.bg-indigo-warm-vivid-40 {
  --background: var(--indigo-warm-vivid-40);
  background: var(--indigo-warm-vivid-40) !important;
}

.text-indigo-warm-vivid-40 {
  color: var(--indigo-warm-vivid-40) !important;
}

.border-indigo-warm-vivid-40 {
  border-color: var(--indigo-warm-vivid-40) !important;
}

.bg-indigo-warm-vivid-30 {
  --background: var(--indigo-warm-vivid-30);
  background: var(--indigo-warm-vivid-30) !important;
}

.text-indigo-warm-vivid-30 {
  color: var(--indigo-warm-vivid-30) !important;
}

.border-indigo-warm-vivid-30 {
  border-color: var(--indigo-warm-vivid-30) !important;
}

.bg-indigo-warm-vivid-20 {
  --background: var(--indigo-warm-vivid-20);
  background: var(--indigo-warm-vivid-20) !important;
}

.text-indigo-warm-vivid-20 {
  color: var(--indigo-warm-vivid-20) !important;
}

.border-indigo-warm-vivid-20 {
  border-color: var(--indigo-warm-vivid-20) !important;
}

.bg-indigo-warm-vivid-10 {
  --background: var(--indigo-warm-vivid-10);
  background: var(--indigo-warm-vivid-10) !important;
}

.text-indigo-warm-vivid-10 {
  color: var(--indigo-warm-vivid-10) !important;
}

.border-indigo-warm-vivid-10 {
  border-color: var(--indigo-warm-vivid-10) !important;
}

.bg-indigo-warm-vivid-5 {
  --background: var(--indigo-warm-vivid-5);
  background: var(--indigo-warm-vivid-5) !important;
}

.text-indigo-warm-vivid-5 {
  color: var(--indigo-warm-vivid-5) !important;
}

.border-indigo-warm-vivid-5 {
  border-color: var(--indigo-warm-vivid-5) !important;
}

.bg-magenta-90 {
  --background: var(--magenta-90);
  background: var(--magenta-90) !important;
}

.text-magenta-90 {
  color: var(--magenta-90) !important;
}

.border-magenta-90 {
  border-color: var(--magenta-90) !important;
}

.bg-magenta-80 {
  --background: var(--magenta-80);
  background: var(--magenta-80) !important;
}

.text-magenta-80 {
  color: var(--magenta-80) !important;
}

.border-magenta-80 {
  border-color: var(--magenta-80) !important;
}

.bg-magenta-70 {
  --background: var(--magenta-70);
  background: var(--magenta-70) !important;
}

.text-magenta-70 {
  color: var(--magenta-70) !important;
}

.border-magenta-70 {
  border-color: var(--magenta-70) !important;
}

.bg-magenta-60 {
  --background: var(--magenta-60);
  background: var(--magenta-60) !important;
}

.text-magenta-60 {
  color: var(--magenta-60) !important;
}

.border-magenta-60 {
  border-color: var(--magenta-60) !important;
}

.bg-magenta-50 {
  --background: var(--magenta-50);
  background: var(--magenta-50) !important;
}

.text-magenta-50 {
  color: var(--magenta-50) !important;
}

.border-magenta-50 {
  border-color: var(--magenta-50) !important;
}

.bg-magenta-40 {
  --background: var(--magenta-40);
  background: var(--magenta-40) !important;
}

.text-magenta-40 {
  color: var(--magenta-40) !important;
}

.border-magenta-40 {
  border-color: var(--magenta-40) !important;
}

.bg-magenta-30 {
  --background: var(--magenta-30);
  background: var(--magenta-30) !important;
}

.text-magenta-30 {
  color: var(--magenta-30) !important;
}

.border-magenta-30 {
  border-color: var(--magenta-30) !important;
}

.bg-magenta-20 {
  --background: var(--magenta-20);
  background: var(--magenta-20) !important;
}

.text-magenta-20 {
  color: var(--magenta-20) !important;
}

.border-magenta-20 {
  border-color: var(--magenta-20) !important;
}

.bg-magenta-10 {
  --background: var(--magenta-10);
  background: var(--magenta-10) !important;
}

.text-magenta-10 {
  color: var(--magenta-10) !important;
}

.border-magenta-10 {
  border-color: var(--magenta-10) !important;
}

.bg-magenta-5 {
  --background: var(--magenta-5);
  background: var(--magenta-5) !important;
}

.text-magenta-5 {
  color: var(--magenta-5) !important;
}

.border-magenta-5 {
  border-color: var(--magenta-5) !important;
}

.bg-magenta-vivid-80 {
  --background: var(--magenta-vivid-80);
  background: var(--magenta-vivid-80) !important;
}

.text-magenta-vivid-80 {
  color: var(--magenta-vivid-80) !important;
}

.border-magenta-vivid-80 {
  border-color: var(--magenta-vivid-80) !important;
}

.bg-magenta-vivid-70 {
  --background: var(--magenta-vivid-70);
  background: var(--magenta-vivid-70) !important;
}

.text-magenta-vivid-70 {
  color: var(--magenta-vivid-70) !important;
}

.border-magenta-vivid-70 {
  border-color: var(--magenta-vivid-70) !important;
}

.bg-magenta-vivid-60 {
  --background: var(--magenta-vivid-60);
  background: var(--magenta-vivid-60) !important;
}

.text-magenta-vivid-60 {
  color: var(--magenta-vivid-60) !important;
}

.border-magenta-vivid-60 {
  border-color: var(--magenta-vivid-60) !important;
}

.bg-magenta-vivid-50 {
  --background: var(--magenta-vivid-50);
  background: var(--magenta-vivid-50) !important;
}

.text-magenta-vivid-50 {
  color: var(--magenta-vivid-50) !important;
}

.border-magenta-vivid-50 {
  border-color: var(--magenta-vivid-50) !important;
}

.bg-magenta-vivid-40 {
  --background: var(--magenta-vivid-40);
  background: var(--magenta-vivid-40) !important;
}

.text-magenta-vivid-40 {
  color: var(--magenta-vivid-40) !important;
}

.border-magenta-vivid-40 {
  border-color: var(--magenta-vivid-40) !important;
}

.bg-magenta-vivid-30 {
  --background: var(--magenta-vivid-30);
  background: var(--magenta-vivid-30) !important;
}

.text-magenta-vivid-30 {
  color: var(--magenta-vivid-30) !important;
}

.border-magenta-vivid-30 {
  border-color: var(--magenta-vivid-30) !important;
}

.bg-magenta-vivid-20 {
  --background: var(--magenta-vivid-20);
  background: var(--magenta-vivid-20) !important;
}

.text-magenta-vivid-20 {
  color: var(--magenta-vivid-20) !important;
}

.border-magenta-vivid-20 {
  border-color: var(--magenta-vivid-20) !important;
}

.bg-magenta-vivid-10 {
  --background: var(--magenta-vivid-10);
  background: var(--magenta-vivid-10) !important;
}

.text-magenta-vivid-10 {
  color: var(--magenta-vivid-10) !important;
}

.border-magenta-vivid-10 {
  border-color: var(--magenta-vivid-10) !important;
}

.bg-magenta-vivid-5 {
  --background: var(--magenta-vivid-5);
  background: var(--magenta-vivid-5) !important;
}

.text-magenta-vivid-5 {
  color: var(--magenta-vivid-5) !important;
}

.border-magenta-vivid-5 {
  border-color: var(--magenta-vivid-5) !important;
}

.bg-mint-90 {
  --background: var(--mint-90);
  background: var(--mint-90) !important;
}

.text-mint-90 {
  color: var(--mint-90) !important;
}

.border-mint-90 {
  border-color: var(--mint-90) !important;
}

.bg-mint-80 {
  --background: var(--mint-80);
  background: var(--mint-80) !important;
}

.text-mint-80 {
  color: var(--mint-80) !important;
}

.border-mint-80 {
  border-color: var(--mint-80) !important;
}

.bg-mint-70 {
  --background: var(--mint-70);
  background: var(--mint-70) !important;
}

.text-mint-70 {
  color: var(--mint-70) !important;
}

.border-mint-70 {
  border-color: var(--mint-70) !important;
}

.bg-mint-60 {
  --background: var(--mint-60);
  background: var(--mint-60) !important;
}

.text-mint-60 {
  color: var(--mint-60) !important;
}

.border-mint-60 {
  border-color: var(--mint-60) !important;
}

.bg-mint-50 {
  --background: var(--mint-50);
  background: var(--mint-50) !important;
}

.text-mint-50 {
  color: var(--mint-50) !important;
}

.border-mint-50 {
  border-color: var(--mint-50) !important;
}

.bg-mint-40 {
  --background: var(--mint-40);
  background: var(--mint-40) !important;
}

.text-mint-40 {
  color: var(--mint-40) !important;
}

.border-mint-40 {
  border-color: var(--mint-40) !important;
}

.bg-mint-30 {
  --background: var(--mint-30);
  background: var(--mint-30) !important;
}

.text-mint-30 {
  color: var(--mint-30) !important;
}

.border-mint-30 {
  border-color: var(--mint-30) !important;
}

.bg-mint-20 {
  --background: var(--mint-20);
  background: var(--mint-20) !important;
}

.text-mint-20 {
  color: var(--mint-20) !important;
}

.border-mint-20 {
  border-color: var(--mint-20) !important;
}

.bg-mint-10 {
  --background: var(--mint-10);
  background: var(--mint-10) !important;
}

.text-mint-10 {
  color: var(--mint-10) !important;
}

.border-mint-10 {
  border-color: var(--mint-10) !important;
}

.bg-mint-5 {
  --background: var(--mint-5);
  background: var(--mint-5) !important;
}

.text-mint-5 {
  color: var(--mint-5) !important;
}

.border-mint-5 {
  border-color: var(--mint-5) !important;
}

.bg-mint-cool-90 {
  --background: var(--mint-cool-90);
  background: var(--mint-cool-90) !important;
}

.text-mint-cool-90 {
  color: var(--mint-cool-90) !important;
}

.border-mint-cool-90 {
  border-color: var(--mint-cool-90) !important;
}

.bg-mint-cool-80 {
  --background: var(--mint-cool-80);
  background: var(--mint-cool-80) !important;
}

.text-mint-cool-80 {
  color: var(--mint-cool-80) !important;
}

.border-mint-cool-80 {
  border-color: var(--mint-cool-80) !important;
}

.bg-mint-cool-70 {
  --background: var(--mint-cool-70);
  background: var(--mint-cool-70) !important;
}

.text-mint-cool-70 {
  color: var(--mint-cool-70) !important;
}

.border-mint-cool-70 {
  border-color: var(--mint-cool-70) !important;
}

.bg-mint-cool-60 {
  --background: var(--mint-cool-60);
  background: var(--mint-cool-60) !important;
}

.text-mint-cool-60 {
  color: var(--mint-cool-60) !important;
}

.border-mint-cool-60 {
  border-color: var(--mint-cool-60) !important;
}

.bg-mint-cool-50 {
  --background: var(--mint-cool-50);
  background: var(--mint-cool-50) !important;
}

.text-mint-cool-50 {
  color: var(--mint-cool-50) !important;
}

.border-mint-cool-50 {
  border-color: var(--mint-cool-50) !important;
}

.bg-mint-cool-40 {
  --background: var(--mint-cool-40);
  background: var(--mint-cool-40) !important;
}

.text-mint-cool-40 {
  color: var(--mint-cool-40) !important;
}

.border-mint-cool-40 {
  border-color: var(--mint-cool-40) !important;
}

.bg-mint-cool-30 {
  --background: var(--mint-cool-30);
  background: var(--mint-cool-30) !important;
}

.text-mint-cool-30 {
  color: var(--mint-cool-30) !important;
}

.border-mint-cool-30 {
  border-color: var(--mint-cool-30) !important;
}

.bg-mint-cool-20 {
  --background: var(--mint-cool-20);
  background: var(--mint-cool-20) !important;
}

.text-mint-cool-20 {
  color: var(--mint-cool-20) !important;
}

.border-mint-cool-20 {
  border-color: var(--mint-cool-20) !important;
}

.bg-mint-cool-10 {
  --background: var(--mint-cool-10);
  background: var(--mint-cool-10) !important;
}

.text-mint-cool-10 {
  color: var(--mint-cool-10) !important;
}

.border-mint-cool-10 {
  border-color: var(--mint-cool-10) !important;
}

.bg-mint-cool-5 {
  --background: var(--mint-cool-5);
  background: var(--mint-cool-5) !important;
}

.text-mint-cool-5 {
  color: var(--mint-cool-5) !important;
}

.border-mint-cool-5 {
  border-color: var(--mint-cool-5) !important;
}

.bg-mint-vivid-80 {
  --background: var(--mint-vivid-80);
  background: var(--mint-vivid-80) !important;
}

.text-mint-vivid-80 {
  color: var(--mint-vivid-80) !important;
}

.border-mint-vivid-80 {
  border-color: var(--mint-vivid-80) !important;
}

.bg-mint-vivid-70 {
  --background: var(--mint-vivid-70);
  background: var(--mint-vivid-70) !important;
}

.text-mint-vivid-70 {
  color: var(--mint-vivid-70) !important;
}

.border-mint-vivid-70 {
  border-color: var(--mint-vivid-70) !important;
}

.bg-mint-vivid-60 {
  --background: var(--mint-vivid-60);
  background: var(--mint-vivid-60) !important;
}

.text-mint-vivid-60 {
  color: var(--mint-vivid-60) !important;
}

.border-mint-vivid-60 {
  border-color: var(--mint-vivid-60) !important;
}

.bg-mint-vivid-50 {
  --background: var(--mint-vivid-50);
  background: var(--mint-vivid-50) !important;
}

.text-mint-vivid-50 {
  color: var(--mint-vivid-50) !important;
}

.border-mint-vivid-50 {
  border-color: var(--mint-vivid-50) !important;
}

.bg-mint-vivid-40 {
  --background: var(--mint-vivid-40);
  background: var(--mint-vivid-40) !important;
}

.text-mint-vivid-40 {
  color: var(--mint-vivid-40) !important;
}

.border-mint-vivid-40 {
  border-color: var(--mint-vivid-40) !important;
}

.bg-mint-vivid-30 {
  --background: var(--mint-vivid-30);
  background: var(--mint-vivid-30) !important;
}

.text-mint-vivid-30 {
  color: var(--mint-vivid-30) !important;
}

.border-mint-vivid-30 {
  border-color: var(--mint-vivid-30) !important;
}

.bg-mint-vivid-20 {
  --background: var(--mint-vivid-20);
  background: var(--mint-vivid-20) !important;
}

.text-mint-vivid-20 {
  color: var(--mint-vivid-20) !important;
}

.border-mint-vivid-20 {
  border-color: var(--mint-vivid-20) !important;
}

.bg-mint-vivid-10 {
  --background: var(--mint-vivid-10);
  background: var(--mint-vivid-10) !important;
}

.text-mint-vivid-10 {
  color: var(--mint-vivid-10) !important;
}

.border-mint-vivid-10 {
  border-color: var(--mint-vivid-10) !important;
}

.bg-mint-vivid-5 {
  --background: var(--mint-vivid-5);
  background: var(--mint-vivid-5) !important;
}

.text-mint-vivid-5 {
  color: var(--mint-vivid-5) !important;
}

.border-mint-vivid-5 {
  border-color: var(--mint-vivid-5) !important;
}

.bg-mint-cool-vivid-80 {
  --background: var(--mint-cool-vivid-80);
  background: var(--mint-cool-vivid-80) !important;
}

.text-mint-cool-vivid-80 {
  color: var(--mint-cool-vivid-80) !important;
}

.border-mint-cool-vivid-80 {
  border-color: var(--mint-cool-vivid-80) !important;
}

.bg-mint-cool-vivid-70 {
  --background: var(--mint-cool-vivid-70);
  background: var(--mint-cool-vivid-70) !important;
}

.text-mint-cool-vivid-70 {
  color: var(--mint-cool-vivid-70) !important;
}

.border-mint-cool-vivid-70 {
  border-color: var(--mint-cool-vivid-70) !important;
}

.bg-mint-cool-vivid-60 {
  --background: var(--mint-cool-vivid-60);
  background: var(--mint-cool-vivid-60) !important;
}

.text-mint-cool-vivid-60 {
  color: var(--mint-cool-vivid-60) !important;
}

.border-mint-cool-vivid-60 {
  border-color: var(--mint-cool-vivid-60) !important;
}

.bg-mint-cool-vivid-50 {
  --background: var(--mint-cool-vivid-50);
  background: var(--mint-cool-vivid-50) !important;
}

.text-mint-cool-vivid-50 {
  color: var(--mint-cool-vivid-50) !important;
}

.border-mint-cool-vivid-50 {
  border-color: var(--mint-cool-vivid-50) !important;
}

.bg-mint-cool-vivid-40 {
  --background: var(--mint-cool-vivid-40);
  background: var(--mint-cool-vivid-40) !important;
}

.text-mint-cool-vivid-40 {
  color: var(--mint-cool-vivid-40) !important;
}

.border-mint-cool-vivid-40 {
  border-color: var(--mint-cool-vivid-40) !important;
}

.bg-mint-cool-vivid-30 {
  --background: var(--mint-cool-vivid-30);
  background: var(--mint-cool-vivid-30) !important;
}

.text-mint-cool-vivid-30 {
  color: var(--mint-cool-vivid-30) !important;
}

.border-mint-cool-vivid-30 {
  border-color: var(--mint-cool-vivid-30) !important;
}

.bg-mint-cool-vivid-20 {
  --background: var(--mint-cool-vivid-20);
  background: var(--mint-cool-vivid-20) !important;
}

.text-mint-cool-vivid-20 {
  color: var(--mint-cool-vivid-20) !important;
}

.border-mint-cool-vivid-20 {
  border-color: var(--mint-cool-vivid-20) !important;
}

.bg-mint-cool-vivid-10 {
  --background: var(--mint-cool-vivid-10);
  background: var(--mint-cool-vivid-10) !important;
}

.text-mint-cool-vivid-10 {
  color: var(--mint-cool-vivid-10) !important;
}

.border-mint-cool-vivid-10 {
  border-color: var(--mint-cool-vivid-10) !important;
}

.bg-mint-cool-vivid-5 {
  --background: var(--mint-cool-vivid-5);
  background: var(--mint-cool-vivid-5) !important;
}

.text-mint-cool-vivid-5 {
  color: var(--mint-cool-vivid-5) !important;
}

.border-mint-cool-vivid-5 {
  border-color: var(--mint-cool-vivid-5) !important;
}

.bg-orange-90 {
  --background: var(--orange-90);
  background: var(--orange-90) !important;
}

.text-orange-90 {
  color: var(--orange-90) !important;
}

.border-orange-90 {
  border-color: var(--orange-90) !important;
}

.bg-orange-80 {
  --background: var(--orange-80);
  background: var(--orange-80) !important;
}

.text-orange-80 {
  color: var(--orange-80) !important;
}

.border-orange-80 {
  border-color: var(--orange-80) !important;
}

.bg-orange-70 {
  --background: var(--orange-70);
  background: var(--orange-70) !important;
}

.text-orange-70 {
  color: var(--orange-70) !important;
}

.border-orange-70 {
  border-color: var(--orange-70) !important;
}

.bg-orange-60 {
  --background: var(--orange-60);
  background: var(--orange-60) !important;
}

.text-orange-60 {
  color: var(--orange-60) !important;
}

.border-orange-60 {
  border-color: var(--orange-60) !important;
}

.bg-orange-50 {
  --background: var(--orange-50);
  background: var(--orange-50) !important;
}

.text-orange-50 {
  color: var(--orange-50) !important;
}

.border-orange-50 {
  border-color: var(--orange-50) !important;
}

.bg-orange-40 {
  --background: var(--orange-40);
  background: var(--orange-40) !important;
}

.text-orange-40 {
  color: var(--orange-40) !important;
}

.border-orange-40 {
  border-color: var(--orange-40) !important;
}

.bg-orange-30 {
  --background: var(--orange-30);
  background: var(--orange-30) !important;
}

.text-orange-30 {
  color: var(--orange-30) !important;
}

.border-orange-30 {
  border-color: var(--orange-30) !important;
}

.bg-orange-20 {
  --background: var(--orange-20);
  background: var(--orange-20) !important;
}

.text-orange-20 {
  color: var(--orange-20) !important;
}

.border-orange-20 {
  border-color: var(--orange-20) !important;
}

.bg-orange-10 {
  --background: var(--orange-10);
  background: var(--orange-10) !important;
}

.text-orange-10 {
  color: var(--orange-10) !important;
}

.border-orange-10 {
  border-color: var(--orange-10) !important;
}

.bg-orange-5 {
  --background: var(--orange-5);
  background: var(--orange-5) !important;
}

.text-orange-5 {
  color: var(--orange-5) !important;
}

.border-orange-5 {
  border-color: var(--orange-5) !important;
}

.bg-orange-warm-90 {
  --background: var(--orange-warm-90);
  background: var(--orange-warm-90) !important;
}

.text-orange-warm-90 {
  color: var(--orange-warm-90) !important;
}

.border-orange-warm-90 {
  border-color: var(--orange-warm-90) !important;
}

.bg-orange-warm-80 {
  --background: var(--orange-warm-80);
  background: var(--orange-warm-80) !important;
}

.text-orange-warm-80 {
  color: var(--orange-warm-80) !important;
}

.border-orange-warm-80 {
  border-color: var(--orange-warm-80) !important;
}

.bg-orange-warm-70 {
  --background: var(--orange-warm-70);
  background: var(--orange-warm-70) !important;
}

.text-orange-warm-70 {
  color: var(--orange-warm-70) !important;
}

.border-orange-warm-70 {
  border-color: var(--orange-warm-70) !important;
}

.bg-orange-warm-60 {
  --background: var(--orange-warm-60);
  background: var(--orange-warm-60) !important;
}

.text-orange-warm-60 {
  color: var(--orange-warm-60) !important;
}

.border-orange-warm-60 {
  border-color: var(--orange-warm-60) !important;
}

.bg-orange-warm-50 {
  --background: var(--orange-warm-50);
  background: var(--orange-warm-50) !important;
}

.text-orange-warm-50 {
  color: var(--orange-warm-50) !important;
}

.border-orange-warm-50 {
  border-color: var(--orange-warm-50) !important;
}

.bg-orange-warm-40 {
  --background: var(--orange-warm-40);
  background: var(--orange-warm-40) !important;
}

.text-orange-warm-40 {
  color: var(--orange-warm-40) !important;
}

.border-orange-warm-40 {
  border-color: var(--orange-warm-40) !important;
}

.bg-orange-warm-30 {
  --background: var(--orange-warm-30);
  background: var(--orange-warm-30) !important;
}

.text-orange-warm-30 {
  color: var(--orange-warm-30) !important;
}

.border-orange-warm-30 {
  border-color: var(--orange-warm-30) !important;
}

.bg-orange-warm-20 {
  --background: var(--orange-warm-20);
  background: var(--orange-warm-20) !important;
}

.text-orange-warm-20 {
  color: var(--orange-warm-20) !important;
}

.border-orange-warm-20 {
  border-color: var(--orange-warm-20) !important;
}

.bg-orange-warm-10 {
  --background: var(--orange-warm-10);
  background: var(--orange-warm-10) !important;
}

.text-orange-warm-10 {
  color: var(--orange-warm-10) !important;
}

.border-orange-warm-10 {
  border-color: var(--orange-warm-10) !important;
}

.bg-orange-warm-5 {
  --background: var(--orange-warm-5);
  background: var(--orange-warm-5) !important;
}

.text-orange-warm-5 {
  color: var(--orange-warm-5) !important;
}

.border-orange-warm-5 {
  border-color: var(--orange-warm-5) !important;
}

.bg-orange-vivid-80 {
  --background: var(--orange-vivid-80);
  background: var(--orange-vivid-80) !important;
}

.text-orange-vivid-80 {
  color: var(--orange-vivid-80) !important;
}

.border-orange-vivid-80 {
  border-color: var(--orange-vivid-80) !important;
}

.bg-orange-vivid-70 {
  --background: var(--orange-vivid-70);
  background: var(--orange-vivid-70) !important;
}

.text-orange-vivid-70 {
  color: var(--orange-vivid-70) !important;
}

.border-orange-vivid-70 {
  border-color: var(--orange-vivid-70) !important;
}

.bg-orange-vivid-60 {
  --background: var(--orange-vivid-60);
  background: var(--orange-vivid-60) !important;
}

.text-orange-vivid-60 {
  color: var(--orange-vivid-60) !important;
}

.border-orange-vivid-60 {
  border-color: var(--orange-vivid-60) !important;
}

.bg-orange-vivid-50 {
  --background: var(--orange-vivid-50);
  background: var(--orange-vivid-50) !important;
}

.text-orange-vivid-50 {
  color: var(--orange-vivid-50) !important;
}

.border-orange-vivid-50 {
  border-color: var(--orange-vivid-50) !important;
}

.bg-orange-vivid-40 {
  --background: var(--orange-vivid-40);
  background: var(--orange-vivid-40) !important;
}

.text-orange-vivid-40 {
  color: var(--orange-vivid-40) !important;
}

.border-orange-vivid-40 {
  border-color: var(--orange-vivid-40) !important;
}

.bg-orange-vivid-30 {
  --background: var(--orange-vivid-30);
  background: var(--orange-vivid-30) !important;
}

.text-orange-vivid-30 {
  color: var(--orange-vivid-30) !important;
}

.border-orange-vivid-30 {
  border-color: var(--orange-vivid-30) !important;
}

.bg-orange-vivid-20 {
  --background: var(--orange-vivid-20);
  background: var(--orange-vivid-20) !important;
}

.text-orange-vivid-20 {
  color: var(--orange-vivid-20) !important;
}

.border-orange-vivid-20 {
  border-color: var(--orange-vivid-20) !important;
}

.bg-orange-vivid-10 {
  --background: var(--orange-vivid-10);
  background: var(--orange-vivid-10) !important;
}

.text-orange-vivid-10 {
  color: var(--orange-vivid-10) !important;
}

.border-orange-vivid-10 {
  border-color: var(--orange-vivid-10) !important;
}

.bg-orange-vivid-5 {
  --background: var(--orange-vivid-5);
  background: var(--orange-vivid-5) !important;
}

.text-orange-vivid-5 {
  color: var(--orange-vivid-5) !important;
}

.border-orange-vivid-5 {
  border-color: var(--orange-vivid-5) !important;
}

.bg-orange-warm-vivid-80 {
  --background: var(--orange-warm-vivid-80);
  background: var(--orange-warm-vivid-80) !important;
}

.text-orange-warm-vivid-80 {
  color: var(--orange-warm-vivid-80) !important;
}

.border-orange-warm-vivid-80 {
  border-color: var(--orange-warm-vivid-80) !important;
}

.bg-orange-warm-vivid-70 {
  --background: var(--orange-warm-vivid-70);
  background: var(--orange-warm-vivid-70) !important;
}

.text-orange-warm-vivid-70 {
  color: var(--orange-warm-vivid-70) !important;
}

.border-orange-warm-vivid-70 {
  border-color: var(--orange-warm-vivid-70) !important;
}

.bg-orange-warm-vivid-60 {
  --background: var(--orange-warm-vivid-60);
  background: var(--orange-warm-vivid-60) !important;
}

.text-orange-warm-vivid-60 {
  color: var(--orange-warm-vivid-60) !important;
}

.border-orange-warm-vivid-60 {
  border-color: var(--orange-warm-vivid-60) !important;
}

.bg-orange-warm-vivid-50 {
  --background: var(--orange-warm-vivid-50);
  background: var(--orange-warm-vivid-50) !important;
}

.text-orange-warm-vivid-50 {
  color: var(--orange-warm-vivid-50) !important;
}

.border-orange-warm-vivid-50 {
  border-color: var(--orange-warm-vivid-50) !important;
}

.bg-orange-warm-vivid-40 {
  --background: var(--orange-warm-vivid-40);
  background: var(--orange-warm-vivid-40) !important;
}

.text-orange-warm-vivid-40 {
  color: var(--orange-warm-vivid-40) !important;
}

.border-orange-warm-vivid-40 {
  border-color: var(--orange-warm-vivid-40) !important;
}

.bg-orange-warm-vivid-30 {
  --background: var(--orange-warm-vivid-30);
  background: var(--orange-warm-vivid-30) !important;
}

.text-orange-warm-vivid-30 {
  color: var(--orange-warm-vivid-30) !important;
}

.border-orange-warm-vivid-30 {
  border-color: var(--orange-warm-vivid-30) !important;
}

.bg-orange-warm-vivid-20 {
  --background: var(--orange-warm-vivid-20);
  background: var(--orange-warm-vivid-20) !important;
}

.text-orange-warm-vivid-20 {
  color: var(--orange-warm-vivid-20) !important;
}

.border-orange-warm-vivid-20 {
  border-color: var(--orange-warm-vivid-20) !important;
}

.bg-orange-warm-vivid-10 {
  --background: var(--orange-warm-vivid-10);
  background: var(--orange-warm-vivid-10) !important;
}

.text-orange-warm-vivid-10 {
  color: var(--orange-warm-vivid-10) !important;
}

.border-orange-warm-vivid-10 {
  border-color: var(--orange-warm-vivid-10) !important;
}

.bg-orange-warm-vivid-5 {
  --background: var(--orange-warm-vivid-5);
  background: var(--orange-warm-vivid-5) !important;
}

.text-orange-warm-vivid-5 {
  color: var(--orange-warm-vivid-5) !important;
}

.border-orange-warm-vivid-5 {
  border-color: var(--orange-warm-vivid-5) !important;
}

.bg-pure-100 {
  --background: var(--pure-100);
  background: var(--pure-100) !important;
}

.text-pure-100 {
  color: var(--pure-100) !important;
}

.border-pure-100 {
  border-color: var(--pure-100) !important;
}

.bg-pure-0 {
  --background: var(--pure-0);
  background: var(--pure-0) !important;
}

.text-pure-0 {
  color: var(--pure-0) !important;
}

.border-pure-0 {
  border-color: var(--pure-0) !important;
}

.bg-red-90 {
  --background: var(--red-90);
  background: var(--red-90) !important;
}

.text-red-90 {
  color: var(--red-90) !important;
}

.border-red-90 {
  border-color: var(--red-90) !important;
}

.bg-red-80 {
  --background: var(--red-80);
  background: var(--red-80) !important;
}

.text-red-80 {
  color: var(--red-80) !important;
}

.border-red-80 {
  border-color: var(--red-80) !important;
}

.bg-red-70 {
  --background: var(--red-70);
  background: var(--red-70) !important;
}

.text-red-70 {
  color: var(--red-70) !important;
}

.border-red-70 {
  border-color: var(--red-70) !important;
}

.bg-red-60 {
  --background: var(--red-60);
  background: var(--red-60) !important;
}

.text-red-60 {
  color: var(--red-60) !important;
}

.border-red-60 {
  border-color: var(--red-60) !important;
}

.bg-red-50 {
  --background: var(--red-50);
  background: var(--red-50) !important;
}

.text-red-50 {
  color: var(--red-50) !important;
}

.border-red-50 {
  border-color: var(--red-50) !important;
}

.bg-red-40 {
  --background: var(--red-40);
  background: var(--red-40) !important;
}

.text-red-40 {
  color: var(--red-40) !important;
}

.border-red-40 {
  border-color: var(--red-40) !important;
}

.bg-red-30 {
  --background: var(--red-30);
  background: var(--red-30) !important;
}

.text-red-30 {
  color: var(--red-30) !important;
}

.border-red-30 {
  border-color: var(--red-30) !important;
}

.bg-red-20 {
  --background: var(--red-20);
  background: var(--red-20) !important;
}

.text-red-20 {
  color: var(--red-20) !important;
}

.border-red-20 {
  border-color: var(--red-20) !important;
}

.bg-red-10 {
  --background: var(--red-10);
  background: var(--red-10) !important;
}

.text-red-10 {
  color: var(--red-10) !important;
}

.border-red-10 {
  border-color: var(--red-10) !important;
}

.bg-red-5 {
  --background: var(--red-5);
  background: var(--red-5) !important;
}

.text-red-5 {
  color: var(--red-5) !important;
}

.border-red-5 {
  border-color: var(--red-5) !important;
}

.bg-red-cool-90 {
  --background: var(--red-cool-90);
  background: var(--red-cool-90) !important;
}

.text-red-cool-90 {
  color: var(--red-cool-90) !important;
}

.border-red-cool-90 {
  border-color: var(--red-cool-90) !important;
}

.bg-red-cool-80 {
  --background: var(--red-cool-80);
  background: var(--red-cool-80) !important;
}

.text-red-cool-80 {
  color: var(--red-cool-80) !important;
}

.border-red-cool-80 {
  border-color: var(--red-cool-80) !important;
}

.bg-red-cool-70 {
  --background: var(--red-cool-70);
  background: var(--red-cool-70) !important;
}

.text-red-cool-70 {
  color: var(--red-cool-70) !important;
}

.border-red-cool-70 {
  border-color: var(--red-cool-70) !important;
}

.bg-red-cool-60 {
  --background: var(--red-cool-60);
  background: var(--red-cool-60) !important;
}

.text-red-cool-60 {
  color: var(--red-cool-60) !important;
}

.border-red-cool-60 {
  border-color: var(--red-cool-60) !important;
}

.bg-red-cool-50 {
  --background: var(--red-cool-50);
  background: var(--red-cool-50) !important;
}

.text-red-cool-50 {
  color: var(--red-cool-50) !important;
}

.border-red-cool-50 {
  border-color: var(--red-cool-50) !important;
}

.bg-red-cool-40 {
  --background: var(--red-cool-40);
  background: var(--red-cool-40) !important;
}

.text-red-cool-40 {
  color: var(--red-cool-40) !important;
}

.border-red-cool-40 {
  border-color: var(--red-cool-40) !important;
}

.bg-red-cool-30 {
  --background: var(--red-cool-30);
  background: var(--red-cool-30) !important;
}

.text-red-cool-30 {
  color: var(--red-cool-30) !important;
}

.border-red-cool-30 {
  border-color: var(--red-cool-30) !important;
}

.bg-red-cool-20 {
  --background: var(--red-cool-20);
  background: var(--red-cool-20) !important;
}

.text-red-cool-20 {
  color: var(--red-cool-20) !important;
}

.border-red-cool-20 {
  border-color: var(--red-cool-20) !important;
}

.bg-red-cool-10 {
  --background: var(--red-cool-10);
  background: var(--red-cool-10) !important;
}

.text-red-cool-10 {
  color: var(--red-cool-10) !important;
}

.border-red-cool-10 {
  border-color: var(--red-cool-10) !important;
}

.bg-red-cool-5 {
  --background: var(--red-cool-5);
  background: var(--red-cool-5) !important;
}

.text-red-cool-5 {
  color: var(--red-cool-5) !important;
}

.border-red-cool-5 {
  border-color: var(--red-cool-5) !important;
}

.bg-red-warm-90 {
  --background: var(--red-warm-90);
  background: var(--red-warm-90) !important;
}

.text-red-warm-90 {
  color: var(--red-warm-90) !important;
}

.border-red-warm-90 {
  border-color: var(--red-warm-90) !important;
}

.bg-red-warm-80 {
  --background: var(--red-warm-80);
  background: var(--red-warm-80) !important;
}

.text-red-warm-80 {
  color: var(--red-warm-80) !important;
}

.border-red-warm-80 {
  border-color: var(--red-warm-80) !important;
}

.bg-red-warm-70 {
  --background: var(--red-warm-70);
  background: var(--red-warm-70) !important;
}

.text-red-warm-70 {
  color: var(--red-warm-70) !important;
}

.border-red-warm-70 {
  border-color: var(--red-warm-70) !important;
}

.bg-red-warm-60 {
  --background: var(--red-warm-60);
  background: var(--red-warm-60) !important;
}

.text-red-warm-60 {
  color: var(--red-warm-60) !important;
}

.border-red-warm-60 {
  border-color: var(--red-warm-60) !important;
}

.bg-red-warm-50 {
  --background: var(--red-warm-50);
  background: var(--red-warm-50) !important;
}

.text-red-warm-50 {
  color: var(--red-warm-50) !important;
}

.border-red-warm-50 {
  border-color: var(--red-warm-50) !important;
}

.bg-red-warm-40 {
  --background: var(--red-warm-40);
  background: var(--red-warm-40) !important;
}

.text-red-warm-40 {
  color: var(--red-warm-40) !important;
}

.border-red-warm-40 {
  border-color: var(--red-warm-40) !important;
}

.bg-red-warm-30 {
  --background: var(--red-warm-30);
  background: var(--red-warm-30) !important;
}

.text-red-warm-30 {
  color: var(--red-warm-30) !important;
}

.border-red-warm-30 {
  border-color: var(--red-warm-30) !important;
}

.bg-red-warm-20 {
  --background: var(--red-warm-20);
  background: var(--red-warm-20) !important;
}

.text-red-warm-20 {
  color: var(--red-warm-20) !important;
}

.border-red-warm-20 {
  border-color: var(--red-warm-20) !important;
}

.bg-red-warm-10 {
  --background: var(--red-warm-10);
  background: var(--red-warm-10) !important;
}

.text-red-warm-10 {
  color: var(--red-warm-10) !important;
}

.border-red-warm-10 {
  border-color: var(--red-warm-10) !important;
}

.bg-red-warm-5 {
  --background: var(--red-warm-5);
  background: var(--red-warm-5) !important;
}

.text-red-warm-5 {
  color: var(--red-warm-5) !important;
}

.border-red-warm-5 {
  border-color: var(--red-warm-5) !important;
}

.bg-red-vivid-80 {
  --background: var(--red-vivid-80);
  background: var(--red-vivid-80) !important;
}

.text-red-vivid-80 {
  color: var(--red-vivid-80) !important;
}

.border-red-vivid-80 {
  border-color: var(--red-vivid-80) !important;
}

.bg-red-vivid-70 {
  --background: var(--red-vivid-70);
  background: var(--red-vivid-70) !important;
}

.text-red-vivid-70 {
  color: var(--red-vivid-70) !important;
}

.border-red-vivid-70 {
  border-color: var(--red-vivid-70) !important;
}

.bg-red-vivid-60 {
  --background: var(--red-vivid-60);
  background: var(--red-vivid-60) !important;
}

.text-red-vivid-60 {
  color: var(--red-vivid-60) !important;
}

.border-red-vivid-60 {
  border-color: var(--red-vivid-60) !important;
}

.bg-red-vivid-50 {
  --background: var(--red-vivid-50);
  background: var(--red-vivid-50) !important;
}

.text-red-vivid-50 {
  color: var(--red-vivid-50) !important;
}

.border-red-vivid-50 {
  border-color: var(--red-vivid-50) !important;
}

.bg-red-vivid-40 {
  --background: var(--red-vivid-40);
  background: var(--red-vivid-40) !important;
}

.text-red-vivid-40 {
  color: var(--red-vivid-40) !important;
}

.border-red-vivid-40 {
  border-color: var(--red-vivid-40) !important;
}

.bg-red-vivid-30 {
  --background: var(--red-vivid-30);
  background: var(--red-vivid-30) !important;
}

.text-red-vivid-30 {
  color: var(--red-vivid-30) !important;
}

.border-red-vivid-30 {
  border-color: var(--red-vivid-30) !important;
}

.bg-red-vivid-20 {
  --background: var(--red-vivid-20);
  background: var(--red-vivid-20) !important;
}

.text-red-vivid-20 {
  color: var(--red-vivid-20) !important;
}

.border-red-vivid-20 {
  border-color: var(--red-vivid-20) !important;
}

.bg-red-vivid-10 {
  --background: var(--red-vivid-10);
  background: var(--red-vivid-10) !important;
}

.text-red-vivid-10 {
  color: var(--red-vivid-10) !important;
}

.border-red-vivid-10 {
  border-color: var(--red-vivid-10) !important;
}

.bg-red-vivid-5 {
  --background: var(--red-vivid-5);
  background: var(--red-vivid-5) !important;
}

.text-red-vivid-5 {
  color: var(--red-vivid-5) !important;
}

.border-red-vivid-5 {
  border-color: var(--red-vivid-5) !important;
}

.bg-red-cool-vivid-80 {
  --background: var(--red-cool-vivid-80);
  background: var(--red-cool-vivid-80) !important;
}

.text-red-cool-vivid-80 {
  color: var(--red-cool-vivid-80) !important;
}

.border-red-cool-vivid-80 {
  border-color: var(--red-cool-vivid-80) !important;
}

.bg-red-cool-vivid-70 {
  --background: var(--red-cool-vivid-70);
  background: var(--red-cool-vivid-70) !important;
}

.text-red-cool-vivid-70 {
  color: var(--red-cool-vivid-70) !important;
}

.border-red-cool-vivid-70 {
  border-color: var(--red-cool-vivid-70) !important;
}

.bg-red-cool-vivid-60 {
  --background: var(--red-cool-vivid-60);
  background: var(--red-cool-vivid-60) !important;
}

.text-red-cool-vivid-60 {
  color: var(--red-cool-vivid-60) !important;
}

.border-red-cool-vivid-60 {
  border-color: var(--red-cool-vivid-60) !important;
}

.bg-red-cool-vivid-50 {
  --background: var(--red-cool-vivid-50);
  background: var(--red-cool-vivid-50) !important;
}

.text-red-cool-vivid-50 {
  color: var(--red-cool-vivid-50) !important;
}

.border-red-cool-vivid-50 {
  border-color: var(--red-cool-vivid-50) !important;
}

.bg-red-cool-vivid-40 {
  --background: var(--red-cool-vivid-40);
  background: var(--red-cool-vivid-40) !important;
}

.text-red-cool-vivid-40 {
  color: var(--red-cool-vivid-40) !important;
}

.border-red-cool-vivid-40 {
  border-color: var(--red-cool-vivid-40) !important;
}

.bg-red-cool-vivid-30 {
  --background: var(--red-cool-vivid-30);
  background: var(--red-cool-vivid-30) !important;
}

.text-red-cool-vivid-30 {
  color: var(--red-cool-vivid-30) !important;
}

.border-red-cool-vivid-30 {
  border-color: var(--red-cool-vivid-30) !important;
}

.bg-red-cool-vivid-20 {
  --background: var(--red-cool-vivid-20);
  background: var(--red-cool-vivid-20) !important;
}

.text-red-cool-vivid-20 {
  color: var(--red-cool-vivid-20) !important;
}

.border-red-cool-vivid-20 {
  border-color: var(--red-cool-vivid-20) !important;
}

.bg-red-cool-vivid-10 {
  --background: var(--red-cool-vivid-10);
  background: var(--red-cool-vivid-10) !important;
}

.text-red-cool-vivid-10 {
  color: var(--red-cool-vivid-10) !important;
}

.border-red-cool-vivid-10 {
  border-color: var(--red-cool-vivid-10) !important;
}

.bg-red-cool-vivid-5 {
  --background: var(--red-cool-vivid-5);
  background: var(--red-cool-vivid-5) !important;
}

.text-red-cool-vivid-5 {
  color: var(--red-cool-vivid-5) !important;
}

.border-red-cool-vivid-5 {
  border-color: var(--red-cool-vivid-5) !important;
}

.bg-red-warm-vivid-80 {
  --background: var(--red-warm-vivid-80);
  background: var(--red-warm-vivid-80) !important;
}

.text-red-warm-vivid-80 {
  color: var(--red-warm-vivid-80) !important;
}

.border-red-warm-vivid-80 {
  border-color: var(--red-warm-vivid-80) !important;
}

.bg-red-warm-vivid-70 {
  --background: var(--red-warm-vivid-70);
  background: var(--red-warm-vivid-70) !important;
}

.text-red-warm-vivid-70 {
  color: var(--red-warm-vivid-70) !important;
}

.border-red-warm-vivid-70 {
  border-color: var(--red-warm-vivid-70) !important;
}

.bg-red-warm-vivid-60 {
  --background: var(--red-warm-vivid-60);
  background: var(--red-warm-vivid-60) !important;
}

.text-red-warm-vivid-60 {
  color: var(--red-warm-vivid-60) !important;
}

.border-red-warm-vivid-60 {
  border-color: var(--red-warm-vivid-60) !important;
}

.bg-red-warm-vivid-50 {
  --background: var(--red-warm-vivid-50);
  background: var(--red-warm-vivid-50) !important;
}

.text-red-warm-vivid-50 {
  color: var(--red-warm-vivid-50) !important;
}

.border-red-warm-vivid-50 {
  border-color: var(--red-warm-vivid-50) !important;
}

.bg-red-warm-vivid-40 {
  --background: var(--red-warm-vivid-40);
  background: var(--red-warm-vivid-40) !important;
}

.text-red-warm-vivid-40 {
  color: var(--red-warm-vivid-40) !important;
}

.border-red-warm-vivid-40 {
  border-color: var(--red-warm-vivid-40) !important;
}

.bg-red-warm-vivid-30 {
  --background: var(--red-warm-vivid-30);
  background: var(--red-warm-vivid-30) !important;
}

.text-red-warm-vivid-30 {
  color: var(--red-warm-vivid-30) !important;
}

.border-red-warm-vivid-30 {
  border-color: var(--red-warm-vivid-30) !important;
}

.bg-red-warm-vivid-20 {
  --background: var(--red-warm-vivid-20);
  background: var(--red-warm-vivid-20) !important;
}

.text-red-warm-vivid-20 {
  color: var(--red-warm-vivid-20) !important;
}

.border-red-warm-vivid-20 {
  border-color: var(--red-warm-vivid-20) !important;
}

.bg-red-warm-vivid-10 {
  --background: var(--red-warm-vivid-10);
  background: var(--red-warm-vivid-10) !important;
}

.text-red-warm-vivid-10 {
  color: var(--red-warm-vivid-10) !important;
}

.border-red-warm-vivid-10 {
  border-color: var(--red-warm-vivid-10) !important;
}

.bg-red-warm-vivid-5 {
  --background: var(--red-warm-vivid-5);
  background: var(--red-warm-vivid-5) !important;
}

.text-red-warm-vivid-5 {
  color: var(--red-warm-vivid-5) !important;
}

.border-red-warm-vivid-5 {
  border-color: var(--red-warm-vivid-5) !important;
}

.bg-violet-90 {
  --background: var(--violet-90);
  background: var(--violet-90) !important;
}

.text-violet-90 {
  color: var(--violet-90) !important;
}

.border-violet-90 {
  border-color: var(--violet-90) !important;
}

.bg-violet-80 {
  --background: var(--violet-80);
  background: var(--violet-80) !important;
}

.text-violet-80 {
  color: var(--violet-80) !important;
}

.border-violet-80 {
  border-color: var(--violet-80) !important;
}

.bg-violet-70 {
  --background: var(--violet-70);
  background: var(--violet-70) !important;
}

.text-violet-70 {
  color: var(--violet-70) !important;
}

.border-violet-70 {
  border-color: var(--violet-70) !important;
}

.bg-violet-60 {
  --background: var(--violet-60);
  background: var(--violet-60) !important;
}

.text-violet-60 {
  color: var(--violet-60) !important;
}

.border-violet-60 {
  border-color: var(--violet-60) !important;
}

.bg-violet-50 {
  --background: var(--violet-50);
  background: var(--violet-50) !important;
}

.text-violet-50 {
  color: var(--violet-50) !important;
}

.border-violet-50 {
  border-color: var(--violet-50) !important;
}

.bg-violet-40 {
  --background: var(--violet-40);
  background: var(--violet-40) !important;
}

.text-violet-40 {
  color: var(--violet-40) !important;
}

.border-violet-40 {
  border-color: var(--violet-40) !important;
}

.bg-violet-30 {
  --background: var(--violet-30);
  background: var(--violet-30) !important;
}

.text-violet-30 {
  color: var(--violet-30) !important;
}

.border-violet-30 {
  border-color: var(--violet-30) !important;
}

.bg-violet-20 {
  --background: var(--violet-20);
  background: var(--violet-20) !important;
}

.text-violet-20 {
  color: var(--violet-20) !important;
}

.border-violet-20 {
  border-color: var(--violet-20) !important;
}

.bg-violet-10 {
  --background: var(--violet-10);
  background: var(--violet-10) !important;
}

.text-violet-10 {
  color: var(--violet-10) !important;
}

.border-violet-10 {
  border-color: var(--violet-10) !important;
}

.bg-violet-5 {
  --background: var(--violet-5);
  background: var(--violet-5) !important;
}

.text-violet-5 {
  color: var(--violet-5) !important;
}

.border-violet-5 {
  border-color: var(--violet-5) !important;
}

.bg-violet-warm-90 {
  --background: var(--violet-warm-90);
  background: var(--violet-warm-90) !important;
}

.text-violet-warm-90 {
  color: var(--violet-warm-90) !important;
}

.border-violet-warm-90 {
  border-color: var(--violet-warm-90) !important;
}

.bg-violet-warm-80 {
  --background: var(--violet-warm-80);
  background: var(--violet-warm-80) !important;
}

.text-violet-warm-80 {
  color: var(--violet-warm-80) !important;
}

.border-violet-warm-80 {
  border-color: var(--violet-warm-80) !important;
}

.bg-violet-warm-70 {
  --background: var(--violet-warm-70);
  background: var(--violet-warm-70) !important;
}

.text-violet-warm-70 {
  color: var(--violet-warm-70) !important;
}

.border-violet-warm-70 {
  border-color: var(--violet-warm-70) !important;
}

.bg-violet-warm-60 {
  --background: var(--violet-warm-60);
  background: var(--violet-warm-60) !important;
}

.text-violet-warm-60 {
  color: var(--violet-warm-60) !important;
}

.border-violet-warm-60 {
  border-color: var(--violet-warm-60) !important;
}

.bg-violet-warm-50 {
  --background: var(--violet-warm-50);
  background: var(--violet-warm-50) !important;
}

.text-violet-warm-50 {
  color: var(--violet-warm-50) !important;
}

.border-violet-warm-50 {
  border-color: var(--violet-warm-50) !important;
}

.bg-violet-warm-40 {
  --background: var(--violet-warm-40);
  background: var(--violet-warm-40) !important;
}

.text-violet-warm-40 {
  color: var(--violet-warm-40) !important;
}

.border-violet-warm-40 {
  border-color: var(--violet-warm-40) !important;
}

.bg-violet-warm-30 {
  --background: var(--violet-warm-30);
  background: var(--violet-warm-30) !important;
}

.text-violet-warm-30 {
  color: var(--violet-warm-30) !important;
}

.border-violet-warm-30 {
  border-color: var(--violet-warm-30) !important;
}

.bg-violet-warm-20 {
  --background: var(--violet-warm-20);
  background: var(--violet-warm-20) !important;
}

.text-violet-warm-20 {
  color: var(--violet-warm-20) !important;
}

.border-violet-warm-20 {
  border-color: var(--violet-warm-20) !important;
}

.bg-violet-warm-10 {
  --background: var(--violet-warm-10);
  background: var(--violet-warm-10) !important;
}

.text-violet-warm-10 {
  color: var(--violet-warm-10) !important;
}

.border-violet-warm-10 {
  border-color: var(--violet-warm-10) !important;
}

.bg-violet-warm-5 {
  --background: var(--violet-warm-5);
  background: var(--violet-warm-5) !important;
}

.text-violet-warm-5 {
  color: var(--violet-warm-5) !important;
}

.border-violet-warm-5 {
  border-color: var(--violet-warm-5) !important;
}

.bg-violet-vivid-80 {
  --background: var(--violet-vivid-80);
  background: var(--violet-vivid-80) !important;
}

.text-violet-vivid-80 {
  color: var(--violet-vivid-80) !important;
}

.border-violet-vivid-80 {
  border-color: var(--violet-vivid-80) !important;
}

.bg-violet-vivid-70 {
  --background: var(--violet-vivid-70);
  background: var(--violet-vivid-70) !important;
}

.text-violet-vivid-70 {
  color: var(--violet-vivid-70) !important;
}

.border-violet-vivid-70 {
  border-color: var(--violet-vivid-70) !important;
}

.bg-violet-vivid-60 {
  --background: var(--violet-vivid-60);
  background: var(--violet-vivid-60) !important;
}

.text-violet-vivid-60 {
  color: var(--violet-vivid-60) !important;
}

.border-violet-vivid-60 {
  border-color: var(--violet-vivid-60) !important;
}

.bg-violet-vivid-50 {
  --background: var(--violet-vivid-50);
  background: var(--violet-vivid-50) !important;
}

.text-violet-vivid-50 {
  color: var(--violet-vivid-50) !important;
}

.border-violet-vivid-50 {
  border-color: var(--violet-vivid-50) !important;
}

.bg-violet-vivid-40 {
  --background: var(--violet-vivid-40);
  background: var(--violet-vivid-40) !important;
}

.text-violet-vivid-40 {
  color: var(--violet-vivid-40) !important;
}

.border-violet-vivid-40 {
  border-color: var(--violet-vivid-40) !important;
}

.bg-violet-vivid-30 {
  --background: var(--violet-vivid-30);
  background: var(--violet-vivid-30) !important;
}

.text-violet-vivid-30 {
  color: var(--violet-vivid-30) !important;
}

.border-violet-vivid-30 {
  border-color: var(--violet-vivid-30) !important;
}

.bg-violet-vivid-20 {
  --background: var(--violet-vivid-20);
  background: var(--violet-vivid-20) !important;
}

.text-violet-vivid-20 {
  color: var(--violet-vivid-20) !important;
}

.border-violet-vivid-20 {
  border-color: var(--violet-vivid-20) !important;
}

.bg-violet-vivid-10 {
  --background: var(--violet-vivid-10);
  background: var(--violet-vivid-10) !important;
}

.text-violet-vivid-10 {
  color: var(--violet-vivid-10) !important;
}

.border-violet-vivid-10 {
  border-color: var(--violet-vivid-10) !important;
}

.bg-violet-vivid-5 {
  --background: var(--violet-vivid-5);
  background: var(--violet-vivid-5) !important;
}

.text-violet-vivid-5 {
  color: var(--violet-vivid-5) !important;
}

.border-violet-vivid-5 {
  border-color: var(--violet-vivid-5) !important;
}

.bg-violet-warm-vivid-80 {
  --background: var(--violet-warm-vivid-80);
  background: var(--violet-warm-vivid-80) !important;
}

.text-violet-warm-vivid-80 {
  color: var(--violet-warm-vivid-80) !important;
}

.border-violet-warm-vivid-80 {
  border-color: var(--violet-warm-vivid-80) !important;
}

.bg-violet-warm-vivid-70 {
  --background: var(--violet-warm-vivid-70);
  background: var(--violet-warm-vivid-70) !important;
}

.text-violet-warm-vivid-70 {
  color: var(--violet-warm-vivid-70) !important;
}

.border-violet-warm-vivid-70 {
  border-color: var(--violet-warm-vivid-70) !important;
}

.bg-violet-warm-vivid-60 {
  --background: var(--violet-warm-vivid-60);
  background: var(--violet-warm-vivid-60) !important;
}

.text-violet-warm-vivid-60 {
  color: var(--violet-warm-vivid-60) !important;
}

.border-violet-warm-vivid-60 {
  border-color: var(--violet-warm-vivid-60) !important;
}

.bg-violet-warm-vivid-50 {
  --background: var(--violet-warm-vivid-50);
  background: var(--violet-warm-vivid-50) !important;
}

.text-violet-warm-vivid-50 {
  color: var(--violet-warm-vivid-50) !important;
}

.border-violet-warm-vivid-50 {
  border-color: var(--violet-warm-vivid-50) !important;
}

.bg-violet-warm-vivid-40 {
  --background: var(--violet-warm-vivid-40);
  background: var(--violet-warm-vivid-40) !important;
}

.text-violet-warm-vivid-40 {
  color: var(--violet-warm-vivid-40) !important;
}

.border-violet-warm-vivid-40 {
  border-color: var(--violet-warm-vivid-40) !important;
}

.bg-violet-warm-vivid-30 {
  --background: var(--violet-warm-vivid-30);
  background: var(--violet-warm-vivid-30) !important;
}

.text-violet-warm-vivid-30 {
  color: var(--violet-warm-vivid-30) !important;
}

.border-violet-warm-vivid-30 {
  border-color: var(--violet-warm-vivid-30) !important;
}

.bg-violet-warm-vivid-20 {
  --background: var(--violet-warm-vivid-20);
  background: var(--violet-warm-vivid-20) !important;
}

.text-violet-warm-vivid-20 {
  color: var(--violet-warm-vivid-20) !important;
}

.border-violet-warm-vivid-20 {
  border-color: var(--violet-warm-vivid-20) !important;
}

.bg-violet-warm-vivid-10 {
  --background: var(--violet-warm-vivid-10);
  background: var(--violet-warm-vivid-10) !important;
}

.text-violet-warm-vivid-10 {
  color: var(--violet-warm-vivid-10) !important;
}

.border-violet-warm-vivid-10 {
  border-color: var(--violet-warm-vivid-10) !important;
}

.bg-violet-warm-vivid-5 {
  --background: var(--violet-warm-vivid-5);
  background: var(--violet-warm-vivid-5) !important;
}

.text-violet-warm-vivid-5 {
  color: var(--violet-warm-vivid-5) !important;
}

.border-violet-warm-vivid-5 {
  border-color: var(--violet-warm-vivid-5) !important;
}

.bg-yellow-90 {
  --background: var(--yellow-90);
  background: var(--yellow-90) !important;
}

.text-yellow-90 {
  color: var(--yellow-90) !important;
}

.border-yellow-90 {
  border-color: var(--yellow-90) !important;
}

.bg-yellow-80 {
  --background: var(--yellow-80);
  background: var(--yellow-80) !important;
}

.text-yellow-80 {
  color: var(--yellow-80) !important;
}

.border-yellow-80 {
  border-color: var(--yellow-80) !important;
}

.bg-yellow-70 {
  --background: var(--yellow-70);
  background: var(--yellow-70) !important;
}

.text-yellow-70 {
  color: var(--yellow-70) !important;
}

.border-yellow-70 {
  border-color: var(--yellow-70) !important;
}

.bg-yellow-60 {
  --background: var(--yellow-60);
  background: var(--yellow-60) !important;
}

.text-yellow-60 {
  color: var(--yellow-60) !important;
}

.border-yellow-60 {
  border-color: var(--yellow-60) !important;
}

.bg-yellow-50 {
  --background: var(--yellow-50);
  background: var(--yellow-50) !important;
}

.text-yellow-50 {
  color: var(--yellow-50) !important;
}

.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.bg-yellow-40 {
  --background: var(--yellow-40);
  background: var(--yellow-40) !important;
}

.text-yellow-40 {
  color: var(--yellow-40) !important;
}

.border-yellow-40 {
  border-color: var(--yellow-40) !important;
}

.bg-yellow-30 {
  --background: var(--yellow-30);
  background: var(--yellow-30) !important;
}

.text-yellow-30 {
  color: var(--yellow-30) !important;
}

.border-yellow-30 {
  border-color: var(--yellow-30) !important;
}

.bg-yellow-20 {
  --background: var(--yellow-20);
  background: var(--yellow-20) !important;
}

.text-yellow-20 {
  color: var(--yellow-20) !important;
}

.border-yellow-20 {
  border-color: var(--yellow-20) !important;
}

.bg-yellow-10 {
  --background: var(--yellow-10);
  background: var(--yellow-10) !important;
}

.text-yellow-10 {
  color: var(--yellow-10) !important;
}

.border-yellow-10 {
  border-color: var(--yellow-10) !important;
}

.bg-yellow-5 {
  --background: var(--yellow-5);
  background: var(--yellow-5) !important;
}

.text-yellow-5 {
  color: var(--yellow-5) !important;
}

.border-yellow-5 {
  border-color: var(--yellow-5) !important;
}

.bg-yellow-vivid-80 {
  --background: var(--yellow-vivid-80);
  background: var(--yellow-vivid-80) !important;
}

.text-yellow-vivid-80 {
  color: var(--yellow-vivid-80) !important;
}

.border-yellow-vivid-80 {
  border-color: var(--yellow-vivid-80) !important;
}

.bg-yellow-vivid-70 {
  --background: var(--yellow-vivid-70);
  background: var(--yellow-vivid-70) !important;
}

.text-yellow-vivid-70 {
  color: var(--yellow-vivid-70) !important;
}

.border-yellow-vivid-70 {
  border-color: var(--yellow-vivid-70) !important;
}

.bg-yellow-vivid-60 {
  --background: var(--yellow-vivid-60);
  background: var(--yellow-vivid-60) !important;
}

.text-yellow-vivid-60 {
  color: var(--yellow-vivid-60) !important;
}

.border-yellow-vivid-60 {
  border-color: var(--yellow-vivid-60) !important;
}

.bg-yellow-vivid-50 {
  --background: var(--yellow-vivid-50);
  background: var(--yellow-vivid-50) !important;
}

.text-yellow-vivid-50 {
  color: var(--yellow-vivid-50) !important;
}

.border-yellow-vivid-50 {
  border-color: var(--yellow-vivid-50) !important;
}

.bg-yellow-vivid-40 {
  --background: var(--yellow-vivid-40);
  background: var(--yellow-vivid-40) !important;
}

.text-yellow-vivid-40 {
  color: var(--yellow-vivid-40) !important;
}

.border-yellow-vivid-40 {
  border-color: var(--yellow-vivid-40) !important;
}

.bg-yellow-vivid-30 {
  --background: var(--yellow-vivid-30);
  background: var(--yellow-vivid-30) !important;
}

.text-yellow-vivid-30 {
  color: var(--yellow-vivid-30) !important;
}

.border-yellow-vivid-30 {
  border-color: var(--yellow-vivid-30) !important;
}

.bg-yellow-vivid-20 {
  --background: var(--yellow-vivid-20);
  background: var(--yellow-vivid-20) !important;
}

.text-yellow-vivid-20 {
  color: var(--yellow-vivid-20) !important;
}

.border-yellow-vivid-20 {
  border-color: var(--yellow-vivid-20) !important;
}

.bg-yellow-vivid-10 {
  --background: var(--yellow-vivid-10);
  background: var(--yellow-vivid-10) !important;
}

.text-yellow-vivid-10 {
  color: var(--yellow-vivid-10) !important;
}

.border-yellow-vivid-10 {
  border-color: var(--yellow-vivid-10) !important;
}

.bg-yellow-vivid-5 {
  --background: var(--yellow-vivid-5);
  background: var(--yellow-vivid-5) !important;
}

.text-yellow-vivid-5 {
  color: var(--yellow-vivid-5) !important;
}

.border-yellow-vivid-5 {
  border-color: var(--yellow-vivid-5) !important;
}

.bg-interactive {
  --background: var(--interactive);
  background: var(--interactive) !important;
}

.text-interactive {
  color: var(--interactive) !important;
}

.border-interactive {
  border-color: var(--interactive) !important;
}

.bg-interactive-dark {
  --background: var(--interactive-dark);
  background: var(--interactive-dark) !important;
}

.text-interactive-dark {
  color: var(--interactive-dark) !important;
}

.border-interactive-dark {
  border-color: var(--interactive-dark) !important;
}

.bg-danger {
  --background: var(--danger);
  background: var(--danger) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.border-danger {
  border-color: var(--danger) !important;
}

.bg-warning {
  --background: var(--warning);
  background: var(--warning) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.border-warning {
  border-color: var(--warning) !important;
}

.bg-success {
  --background: var(--success);
  background: var(--success) !important;
}

.text-success {
  color: var(--success) !important;
}

.border-success {
  border-color: var(--success) !important;
}

.bg-info {
  --background: var(--info);
  background: var(--info) !important;
}

.text-info {
  color: var(--info) !important;
}

.border-info {
  border-color: var(--info) !important;
}

.bg-primary-pastel-01 {
  background: var(--color-primary-pastel-01) !important;
}

.text-primary-pastel-01 {
  color: var(--color-primary-pastel-01) !important;
}

.border-primary-pastel-01 {
  border-color: var(--color-primary-pastel-01) !important;
}

.bg-primary-pastel-02 {
  background: var(--color-primary-pastel-02) !important;
}

.text-primary-pastel-02 {
  color: var(--color-primary-pastel-02) !important;
}

.border-primary-pastel-02 {
  border-color: var(--color-primary-pastel-02) !important;
}

.bg-primary-lighten-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-lighten-01) !important;
}

.text-primary-lighten-01 {
  color: var(--color-primary-lighten-01) !important;
}

.border-primary-lighten-01 {
  border-color: var(--color-primary-lighten-01) !important;
}

.bg-primary-lighten-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-lighten-02) !important;
}

.text-primary-lighten-02 {
  color: var(--color-primary-lighten-02) !important;
}

.border-primary-lighten-02 {
  border-color: var(--color-primary-lighten-02) !important;
}

.bg-primary-default {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-default) !important;
}

.text-primary-default {
  color: var(--color-primary-default) !important;
}

.border-primary-default {
  border-color: var(--color-primary-default) !important;
}

.bg-primary-darken-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-darken-01) !important;
}

.text-primary-darken-01 {
  color: var(--color-primary-darken-01) !important;
}

.border-primary-darken-01 {
  border-color: var(--color-primary-darken-01) !important;
}

.bg-primary-darken-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-darken-02) !important;
}

.text-primary-darken-02 {
  color: var(--color-primary-darken-02) !important;
}

.border-primary-darken-02 {
  border-color: var(--color-primary-darken-02) !important;
}

.bg-secondary-01 {
  background: var(--color-secondary-01) !important;
}

.text-secondary-01 {
  color: var(--color-secondary-01) !important;
}

.border-secondary-01 {
  border-color: var(--color-secondary-01) !important;
}

.bg-secondary-02 {
  background: var(--color-secondary-02) !important;
}

.text-secondary-02 {
  color: var(--color-secondary-02) !important;
}

.border-secondary-02 {
  border-color: var(--color-secondary-02) !important;
}

.bg-secondary-03 {
  background: var(--color-secondary-03) !important;
}

.text-secondary-03 {
  color: var(--color-secondary-03) !important;
}

.border-secondary-03 {
  border-color: var(--color-secondary-03) !important;
}

.bg-secondary-04 {
  background: var(--color-secondary-04) !important;
}

.text-secondary-04 {
  color: var(--color-secondary-04) !important;
}

.border-secondary-04 {
  border-color: var(--color-secondary-04) !important;
}

.bg-secondary-05 {
  background: var(--color-secondary-05) !important;
}

.text-secondary-05 {
  color: var(--color-secondary-05) !important;
}

.border-secondary-05 {
  border-color: var(--color-secondary-05) !important;
}

.bg-secondary-06 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-06) !important;
}

.text-secondary-06 {
  color: var(--color-secondary-06) !important;
}

.border-secondary-06 {
  border-color: var(--color-secondary-06) !important;
}

.bg-secondary-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-07) !important;
}

.text-secondary-07 {
  color: var(--color-secondary-07) !important;
}

.border-secondary-07 {
  border-color: var(--color-secondary-07) !important;
}

.bg-secondary-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-08) !important;
}

.text-secondary-08 {
  color: var(--color-secondary-08) !important;
}

.border-secondary-08 {
  border-color: var(--color-secondary-08) !important;
}

.bg-secondary-09 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-09) !important;
}

.text-secondary-09 {
  color: var(--color-secondary-09) !important;
}

.border-secondary-09 {
  border-color: var(--color-secondary-09) !important;
}

.bg-highlight {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-highlight) !important;
}

.text-highlight {
  color: var(--color-highlight) !important;
}

.border-highlight {
  border-color: var(--color-highlight) !important;
}

.bg-support-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-01) !important;
}

.text-support-01 {
  color: var(--color-support-01) !important;
}

.border-support-01 {
  border-color: var(--color-support-01) !important;
}

.bg-support-02 {
  background: var(--color-support-02) !important;
}

.text-support-02 {
  color: var(--color-support-02) !important;
}

.border-support-02 {
  border-color: var(--color-support-02) !important;
}

.bg-support-03 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-03) !important;
}

.text-support-03 {
  color: var(--color-support-03) !important;
}

.border-support-03 {
  border-color: var(--color-support-03) !important;
}

.bg-support-04 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-04) !important;
}

.text-support-04 {
  color: var(--color-support-04) !important;
}

.border-support-04 {
  border-color: var(--color-support-04) !important;
}

.bg-support-05 {
  background: var(--color-support-05) !important;
}

.text-support-05 {
  color: var(--color-support-05) !important;
}

.border-support-05 {
  border-color: var(--color-support-05) !important;
}

.bg-support-06 {
  background: var(--color-support-06) !important;
}

.text-support-06 {
  color: var(--color-support-06) !important;
}

.border-support-06 {
  border-color: var(--color-support-06) !important;
}

.bg-support-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-07) !important;
}

.text-support-07 {
  color: var(--color-support-07) !important;
}

.border-support-07 {
  border-color: var(--color-support-07) !important;
}

.bg-support-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-08) !important;
}

.text-support-08 {
  color: var(--color-support-08) !important;
}

.border-support-08 {
  border-color: var(--color-support-08) !important;
}

.bg-support-09 {
  background: var(--color-support-09) !important;
}

.text-support-09 {
  color: var(--color-support-09) !important;
}

.border-support-09 {
  border-color: var(--color-support-09) !important;
}

.bg-support-10 {
  background: var(--color-support-10) !important;
}

.text-support-10 {
  color: var(--color-support-10) !important;
}

.border-support-10 {
  border-color: var(--color-support-10) !important;
}

.bg-support-11 {
  background: var(--color-support-11) !important;
}

.text-support-11 {
  color: var(--color-support-11) !important;
}

.border-support-11 {
  border-color: var(--color-support-11) !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-thin,
.text-weight-thin {
  font-weight: 100 !important;
}

.text-extra-light,
.text-weight-extra-light {
  font-weight: 200 !important;
}

.text-light,
.text-weight-light {
  font-weight: 300 !important;
}

.text-regular,
.text-weight-regular {
  font-weight: 400 !important;
}

.text-medium,
.text-weight-medium {
  font-weight: 500 !important;
}

.text-semi-bold,
.text-weight-semi-bold {
  font-weight: 600 !important;
}

.text-bold,
.text-weight-bold {
  font-weight: 700 !important;
}

.text-extra-bold,
.text-weight-extra-bold {
  font-weight: 800 !important;
}

.text-black,
.text-weight-black {
  font-weight: 900 !important;
}

.text-base {
  font-size: var(--font-size-scale-base) !important;
}

.text-down-01 {
  font-size: var(--font-size-scale-down-01) !important;
}

.text-down-02 {
  font-size: var(--font-size-scale-down-02) !important;
}

.text-down-03 {
  font-size: var(--font-size-scale-down-03) !important;
}

.text-up-01 {
  font-size: var(--font-size-scale-up-01) !important;
}

.text-up-02 {
  font-size: var(--font-size-scale-up-02) !important;
}

.text-up-03 {
  font-size: var(--font-size-scale-up-03) !important;
}

.text-up-04 {
  font-size: var(--font-size-scale-up-04) !important;
}

.text-up-05 {
  font-size: var(--font-size-scale-up-05) !important;
}

.text-up-06 {
  font-size: var(--font-size-scale-up-06) !important;
}

.text-up-07 {
  font-size: var(--font-size-scale-up-07) !important;
}

.text-up-08 {
  font-size: var(--font-size-scale-up-08) !important;
}

.text-up-09 {
  font-size: var(--font-size-scale-up-09) !important;
}

.text-up-10 {
  font-size: var(--font-size-scale-up-10) !important;
}

.text-up-11 {
  font-size: var(--font-size-scale-up-11) !important;
}

@media (min-width: 576px) {
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-wrap {
    white-space: normal !important;
  }
  .text-sm-nowrap {
    white-space: nowrap !important;
  }
  .text-sm-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-sm-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .text-sm-capitalize {
    text-transform: capitalize !important;
  }
  .text-sm-thin,
  .text-sm-weight-thin {
    font-weight: 100 !important;
  }
  .text-sm-extra-light,
  .text-sm-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-sm-light,
  .text-sm-weight-light {
    font-weight: 300 !important;
  }
  .text-sm-regular,
  .text-sm-weight-regular {
    font-weight: 400 !important;
  }
  .text-sm-medium,
  .text-sm-weight-medium {
    font-weight: 500 !important;
  }
  .text-sm-semi-bold,
  .text-sm-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-sm-bold,
  .text-sm-weight-bold {
    font-weight: 700 !important;
  }
  .text-sm-extra-bold,
  .text-sm-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-sm-black,
  .text-sm-weight-black {
    font-weight: 900 !important;
  }
  .text-sm-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-sm-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-sm-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-sm-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-sm-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-sm-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-sm-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-sm-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-sm-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-sm-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-sm-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-sm-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-sm-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-sm-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-sm-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 992px) {
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-wrap {
    white-space: normal !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
  .text-md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-md-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-md-lowercase {
    text-transform: lowercase !important;
  }
  .text-md-uppercase {
    text-transform: uppercase !important;
  }
  .text-md-capitalize {
    text-transform: capitalize !important;
  }
  .text-md-thin,
  .text-md-weight-thin {
    font-weight: 100 !important;
  }
  .text-md-extra-light,
  .text-md-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-md-light,
  .text-md-weight-light {
    font-weight: 300 !important;
  }
  .text-md-regular,
  .text-md-weight-regular {
    font-weight: 400 !important;
  }
  .text-md-medium,
  .text-md-weight-medium {
    font-weight: 500 !important;
  }
  .text-md-semi-bold,
  .text-md-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-md-bold,
  .text-md-weight-bold {
    font-weight: 700 !important;
  }
  .text-md-extra-bold,
  .text-md-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-md-black,
  .text-md-weight-black {
    font-weight: 900 !important;
  }
  .text-md-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-md-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-md-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-md-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-md-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-md-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-md-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-md-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-md-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-md-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-md-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-md-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-md-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-md-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-md-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 1280px) {
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-wrap {
    white-space: normal !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
  .text-lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-lg-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .text-lg-capitalize {
    text-transform: capitalize !important;
  }
  .text-lg-thin,
  .text-lg-weight-thin {
    font-weight: 100 !important;
  }
  .text-lg-extra-light,
  .text-lg-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-lg-light,
  .text-lg-weight-light {
    font-weight: 300 !important;
  }
  .text-lg-regular,
  .text-lg-weight-regular {
    font-weight: 400 !important;
  }
  .text-lg-medium,
  .text-lg-weight-medium {
    font-weight: 500 !important;
  }
  .text-lg-semi-bold,
  .text-lg-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-lg-bold,
  .text-lg-weight-bold {
    font-weight: 700 !important;
  }
  .text-lg-extra-bold,
  .text-lg-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-lg-black,
  .text-lg-weight-black {
    font-weight: 900 !important;
  }
  .text-lg-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-lg-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-lg-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-lg-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-lg-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-lg-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-lg-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-lg-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-lg-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-lg-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-lg-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-lg-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-lg-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-lg-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-lg-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 1600px) {
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-wrap {
    white-space: normal !important;
  }
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
  .text-xl-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-xl-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .text-xl-capitalize {
    text-transform: capitalize !important;
  }
  .text-xl-thin,
  .text-xl-weight-thin {
    font-weight: 100 !important;
  }
  .text-xl-extra-light,
  .text-xl-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-xl-light,
  .text-xl-weight-light {
    font-weight: 300 !important;
  }
  .text-xl-regular,
  .text-xl-weight-regular {
    font-weight: 400 !important;
  }
  .text-xl-medium,
  .text-xl-weight-medium {
    font-weight: 500 !important;
  }
  .text-xl-semi-bold,
  .text-xl-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-xl-bold,
  .text-xl-weight-bold {
    font-weight: 700 !important;
  }
  .text-xl-extra-bold,
  .text-xl-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-xl-black,
  .text-xl-weight-black {
    font-weight: 900 !important;
  }
  .text-xl-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-xl-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-xl-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-xl-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-xl-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-xl-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-xl-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-xl-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-xl-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-xl-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-xl-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-xl-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-xl-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-xl-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-xl-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
.shadow-color {
  box-shadow: var(--rgb-secondary-09);
}

.shadow-none {
  box-shadow: none;
}

.shadow-sm {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-right {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-right {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-right {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-right {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-right {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-right {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-right {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-right {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-left {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-left {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-left {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-left {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-left {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-left {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-left {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-left {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.layer-0 {
  z-index: var(--z-index-layer-0);
}

.layer-1 {
  z-index: var(--z-index-layer-1);
}

.layer-2 {
  z-index: var(--z-index-layer-2);
}

.layer-3 {
  z-index: var(--z-index-layer-3);
}

.layer-4 {
  z-index: var(--z-index-layer-4);
}

.ease {
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ease-in {
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.ease-in-out {
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.ease-linear {
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

.very-fast {
  animation-duration: var(--duration-very-fast);
}

.fast {
  animation-duration: var(--duration-fast);
}

.moderate {
  animation-duration: var(--duration-moderate);
}

.slow {
  animation-duration: var(--duration-slow);
}

.very-slow {
  animation-duration: var(--duration-very-slow);
}

.svg-inline--fa,
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  --icon-size: var(--icon-size-base);
  display: inline-block;
  font-size: var(--icon-size);
  text-align: center;
  width: calc(var(--icon-size) + 8px);
}

.svg-inline--fa.fa-w-20, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-9, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-1 {
  width: calc(var(--icon-size) + 8px);
}

.fa-xs,
.svg-inline--fa.fa-xs {
  --icon-size: var(--icon-size-xs);
}

.fa-sm,
.svg-inline--fa.fa-sm {
  --icon-size: var(--icon-size-sm);
}

.fa-lg,
.svg-inline--fa.fa-lg {
  --icon-size: var(--icon-size-lg);
  vertical-align: -0.125em;
}

.fa-2x,
.svg-inline--fa.fa-2x {
  --icon-size: var(--icon-size-2x);
}

.fa-3x,
.svg-inline--fa.fa-3x {
  --icon-size: var(--icon-size-3x);
}

.fa-4x,
.svg-inline--fa.fa-4x {
  --icon-size: var(--icon-size-4x);
}

.fa-5x,
.svg-inline--fa.fa-5x {
  --icon-size: var(--icon-size-5x);
}

.fa-6x,
.svg-inline--fa.fa-6x {
  --icon-size: var(--icon-size-6x);
}

.fa-7x,
.svg-inline--fa.fa-7x {
  --icon-size: var(--icon-size-7x);
}

.fa-8x,
.svg-inline--fa.fa-8x {
  --icon-size: var(--icon-size-8x);
}

.fa-9x,
.svg-inline--fa.fa-9x {
  --icon-size: var(--icon-size-9x);
}

.fa-10x,
.svg-inline--fa.fa-10x {
  --icon-size: var(--icon-size-10x);
}

.highlight {
  background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
  color: var(--status-highlight-text);
  padding: 0 var(--spacing-scale-half);
}

[disabled],
.disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
[disabled] *,
.disabled * {
  pointer-events: none;
}

.dragged {
  background: var(--status-dragged-background);
  box-shadow: 0 3px 6px var(--status-dragged-shadow);
  color: var(--status-dragged-text);
}

[data-toggle=dropdown] + * {
  position: absolute;
}

.dropdown {
  position: relative;
}
.dropdown [data-toggle=dropdown] + *,
.dropdown [data-toggle=dropdown-legacy] + * {
  box-shadow: var(--surface-shadow-sm);
  left: 0;
  position: absolute;
  top: 100%;
}
.dropdown > .br-notification {
  left: auto;
  right: 0;
}
.dropdown .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--color-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
  background-color: var(--background-light);
  color: var(--color);
}
.dropdown .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.dropdown .br-item.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

*[data-toggle=collapse]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
*[data-toggle=collapse]:focus {
  outline: none;
}
*[data-toggle=collapse].focus-visible, *[data-toggle=collapse]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.template-base {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.br-accordion {
  background: var(--bg-color);
  border-top: 1px solid var(--color-secondary-04);
}
.br-accordion .item {
  border-bottom: 1px solid var(--color-secondary-04);
  display: flex;
  flex-direction: column;
}
.br-accordion .item[active] {
  border-bottom: 0;
}
.br-accordion .item[active] .header {
  font-weight: var(--font-weight-semi-bold);
}
.br-accordion .item[active] + .content {
  border-bottom: 1px solid var(--color-secondary-04);
  display: block;
}
.br-accordion .header {
  --bg-color: transparent;
  background: var(--bg-color);
  border: 0;
  color: var(--interactive);
  display: flex;
  font-size: var(--font-size-scale-up-01);
  justify-content: space-between;
  outline: none;
  padding: var(--spacing-scale-2x) 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.br-accordion .header .icon {
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
}
.br-accordion .header .title {
  flex: 1;
  margin: 0;
}
.br-accordion .header:focus {
  outline: none;
}
.br-accordion .header.focus-visible, .br-accordion .header:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-accordion .header:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-accordion .content {
  color: var(--text-color);
  display: none;
  font-size: var(--font-size-scale-base);
  margin: 0 var(--spacing-scale-base);
  padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
}
.br-accordion .content *:last-child {
  margin-bottom: 0;
}
.br-accordion[negative] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  --bg-color: var(--background-dark);
}

.br-avatar {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
  --avatar-small: 40px;
  --avatar-medium: 100px;
  --avatar-large: 160px;
  --avatar-icon-small: var(--icon-size-2x);
  --avatar-icon-medium: var(--icon-size-5x);
  --avatar-icon-large: var(--icon-size-8x);
  --avatar-text-small: var(--font-size-scale-up-03);
  --avatar-text-medium: var(--font-size-scale-up-07);
  --avatar-text-large: var(--font-size-scale-up-11);
  align-items: center;
  background-color: transparent;
  border: 0;
  display: inline-flex;
  font-size: var(--avatar-text-size);
  font-weight: var(--font-weight-bold);
  justify-content: center;
  line-height: var(--avatar-size);
  vertical-align: middle;
}
.br-avatar .content {
  align-items: center;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  height: var(--avatar-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .content img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .content .svg-inline--fa,
.br-avatar .content .fa,
.br-avatar .content .fab,
.br-avatar .content .fad,
.br-avatar .content .fal,
.br-avatar .content .far,
.br-avatar .content .fas {
  --icon-size: var(--avatar-icon-size);
  margin-top: 0.25em;
}
.br-avatar.is-small, .br-avatar.small, .br-avatar[small] {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
}
.br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] {
  --avatar-size: var(--avatar-medium);
  --avatar-icon-size: var(--avatar-icon-medium);
  --avatar-text-size: var(--avatar-text-medium);
}
.br-avatar.is-large, .br-avatar.large, .br-avatar[large] {
  --avatar-size: var(--avatar-large);
  --avatar-icon-size: var(--avatar-icon-large);
  --avatar-text-size: var(--avatar-text-large);
}
.br-avatar-action {
  background: transparent;
  border: 0;
}
.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-avatar-action:focus {
  outline: none;
}
.br-avatar-action.focus-visible, .br-avatar-action:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-avatar[data-toggle=dropdown]:focus {
  outline: none;
}
.br-avatar[data-toggle=dropdown].focus-visible, .br-avatar[data-toggle=dropdown]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-avatar .image,
.br-avatar .letter {
  align-items: center;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  height: var(--avatar-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .image img,
.br-avatar .letter img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .image .svg-inline--fa,
.br-avatar .image .fa,
.br-avatar .image .fab,
.br-avatar .image .fad,
.br-avatar .image .fal,
.br-avatar .image .far,
.br-avatar .image .fas,
.br-avatar .letter .svg-inline--fa,
.br-avatar .letter .fa,
.br-avatar .letter .fab,
.br-avatar .letter .fad,
.br-avatar .letter .fal,
.br-avatar .letter .far,
.br-avatar .letter .fas {
  --icon-size: var(--avatar-icon-size);
  margin-top: 0.25em;
}

.br-breadcrumb {
  display: inline-grid;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-7x);
  position: relative;
}
.br-breadcrumb .crumb-list {
  align-items: center;
  border: 0;
  display: flex;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 0 var(--spacing-scale-base);
}
.br-breadcrumb .crumb {
  align-items: center;
  display: flex;
  height: var(--spacing-scale-5x);
}
.br-breadcrumb .crumb .icon {
  color: var(--border-color);
  font-size: var(--icon-size-sm);
  margin-right: -6px;
}
.br-breadcrumb .crumb a {
  max-width: 180px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.br-breadcrumb .crumb:last-child span {
  font-weight: var(--font-weight-medium);
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-breadcrumb .crumb[data-active=active] span:focus:focus, .br-breadcrumb .crumb[data-active=active] span:focus-visible:focus, .br-breadcrumb .crumb[data-active=active] span.focus-visible:focus {
  outline: none;
}
.br-breadcrumb .crumb[data-active=active] span:focus.focus-visible, .br-breadcrumb .crumb[data-active=active] span:focus:focus-visible, .br-breadcrumb .crumb[data-active=active] span:focus-visible.focus-visible, .br-breadcrumb .crumb[data-active=active] span:focus-visible:focus-visible, .br-breadcrumb .crumb[data-active=active] span.focus-visible.focus-visible, .br-breadcrumb .crumb[data-active=active] span.focus-visible:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-breadcrumb .crumb a:not(.br-button) {
  margin: 0 var(--spacing-scale-base);
}
.br-breadcrumb .home,
.br-breadcrumb .menu-mobil {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  margin: 0 var(--spacing-scale-base) 0 0;
}
@media (max-width: 991px) {
  .br-breadcrumb .crumb a:not(.br-button) {
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .br-breadcrumb .menu-mobil,
  .br-breadcrumb .menu-mobil + .crumb,
  .br-breadcrumb .home + .crumb {
    display: flex;
  }
}
.br-breadcrumb .br-card {
  left: var(--spacing-scale-9x);
  min-width: fit-content;
  position: absolute;
  top: var(--spacing-scale-7x);
  z-index: var(--z-index-layer-1);
}
.br-breadcrumb .br-item {
  color: var(--color);
  cursor: pointer;
  padding: 0;
}
.br-breadcrumb .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.br-breadcrumb .br-item a {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
  display: block;
  padding: var(--spacing-scale-2x);
}
@media (max-width: 575px) {
  .br-breadcrumb .menu-mobil > .icon {
    display: none;
  }
  .br-breadcrumb .br-card {
    left: var(--spacing-scale-base);
    width: 250px;
  }
}

.br-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.block {
  width: 100%;
}
@media (min-width: 576px) {
  .br-button.block-sm {
    width: 100%;
  }
  .br-button.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-button.block-md {
    width: 100%;
  }
  .br-button.auto-md {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .br-button.block-lg {
    width: 100%;
  }
  .br-button.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-button.block-xl {
    width: 100%;
  }
  .br-button.auto-xl {
    width: auto;
  }
}
.br-button.circle, .br-button[circle], .br-button.is-circle {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.xsmall, .br-button[xsmall], .br-button.is-xsmall {
  --button-size: var(--button-xsmall);
}
.br-button.small, .br-button[small], .br-button.is-small {
  --button-size: var(--button-small);
}
.br-button.medium, .br-button[medium], .br-button.is-medium {
  --button-size: var(--button-medium);
}
.br-button.large, .br-button[large], .br-button.is-large {
  --button-size: var(--button-large);
}
.br-button.primary, .br-button[primary], .br-button.is-primary {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-button.secondary, .br-button[secondary], .br-button.is-secondary {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-button.danger, .br-button[danger], .br-button.is-danger {
  background-color: var(--danger);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button.success, .br-button[success], .br-button.is-success {
  background-color: var(--success);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button.warning, .br-button[warning], .br-button.is-warning {
  background-color: var(--warning);
  --interactive-rgb: var(--color-light-rgb);
  color: var(--color-light);
}
.br-button.info, .br-button[info], .br-button.is-info {
  background-color: var(--info);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button:disabled {
  cursor: not-allowed;
}
.br-button:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}
.br-button:not(:disabled):focus {
  outline: none;
}
.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.active, .br-button.is-active, .br-button[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-button.loading {
  color: transparent !important;
  cursor: progress;
}
.br-button.loading:not(:disabled):hover {
  background-image: none;
}
.br-button.loading::before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.loading.primary::before, .br-button.loading.danger::before, .br-button.loading.success::before, .br-button.loading.info::before {
  border-color: var(--background) var(--background) transparent;
}
.br-button.inverted, .br-button.is-inverted, .br-button[inverted], .br-button.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  color: var(--interactive-dark);
}
.br-button.inverted.primary, .br-button.inverted[primary], .br-button.inverted.is-primary, .br-button.is-inverted.primary, .br-button.is-inverted[primary], .br-button.is-inverted.is-primary, .br-button[inverted].primary, .br-button[inverted][primary], .br-button[inverted].is-primary, .br-button.dark-mode.primary, .br-button.dark-mode[primary], .br-button.dark-mode.is-primary {
  --interactive-rgb: var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-button.inverted.secondary, .br-button.inverted[secondary], .br-button.inverted.is-secondary, .br-button.is-inverted.secondary, .br-button.is-inverted[secondary], .br-button.is-inverted.is-secondary, .br-button[inverted].secondary, .br-button[inverted][secondary], .br-button[inverted].is-secondary, .br-button.dark-mode.secondary, .br-button.dark-mode[secondary], .br-button.dark-mode.is-secondary {
  background-color: var(--background-dark);
}
.br-button.inverted.active, .br-button.is-inverted.active, .br-button[inverted].active, .br-button.dark-mode.active {
  --hover: var(--hover-light);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

a.br-button {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none !important;
}

.br-card {
  --card-padding: var(--spacing-scale-2x);
  --card-height-fixed: 250px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  color: var(--color);
  margin-bottom: var(--spacing-scale-2x);
}
.br-card .card-content,
.br-card .front .content {
  padding: var(--card-padding);
}
.br-card .card-content *:last-child,
.br-card .front .content *:last-child {
  margin-bottom: 0;
}
.br-card .front .header,
.br-card .card-header {
  padding: var(--card-padding) var(--card-padding) 0;
}
.br-card .front .footer,
.br-card .card-footer {
  padding: 0 var(--card-padding) var(--card-padding);
}
.br-card.h-fixed .card-content {
  max-height: var(--card-height-fixed);
  overflow-y: auto;
}
.br-card.h-fixed .card-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-card.h-fixed .card-footer {
  padding-top: var(--card-padding);
}
.br-card.hover:hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-card.inverted, .br-card.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-checkbox {
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  display: flex;
  position: relative;
}
.br-checkbox + .br-checkbox {
  margin-top: var(--spacing-scale-base);
}
.br-checkbox input {
  margin: 0;
  opacity: 0;
  position: absolute;
}
.br-checkbox input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  padding-left: calc(var(--spacing-scale-base) + var(--checkbox-size));
  position: relative;
}
.br-checkbox input + label::before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.br-checkbox input + label:empty {
  padding: 0;
}
.br-checkbox label {
  font-weight: var(--font-weight-medium);
}
.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}
.br-checkbox input:checked + label::after, .br-checkbox input:indeterminate + label::after {
  border: solid var(--selected);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}
.br-checkbox input[indeterminate] + label::before,
.br-checkbox input:indeterminate + label::before {
  --interactive-rgb: var(--color-rgb);
  background: var(--selected);
  border-color: var(--selected);
}
.br-checkbox input[indeterminate]:hover:not(:disabled) + label::before,
.br-checkbox input:indeterminate:hover:not(:disabled) + label::before {
  --interactive-rgb: var(--color-dark-rgb);
}
.br-checkbox input[indeterminate]:checked + label::after,
.br-checkbox input[indeterminate] + label::after,
.br-checkbox input:indeterminate:checked + label::after,
.br-checkbox input:indeterminate + label::after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}
.br-checkbox.is-invalid input + label::before, .br-checkbox.invalid input + label::before, .br-checkbox[invalid] input + label::before {
  --border-color: var(--danger);
}
.br-checkbox.is-invalid input:focus-visible:checked + label::before,
.br-checkbox.is-invalid input:focus-visible + label::before, .br-checkbox.is-invalid input.focus-visible:checked + label::before,
.br-checkbox.is-invalid input.focus-visible + label::before, .br-checkbox.invalid input:focus-visible:checked + label::before,
.br-checkbox.invalid input:focus-visible + label::before, .br-checkbox.invalid input.focus-visible:checked + label::before,
.br-checkbox.invalid input.focus-visible + label::before, .br-checkbox[invalid] input:focus-visible:checked + label::before,
.br-checkbox[invalid] input:focus-visible + label::before, .br-checkbox[invalid] input.focus-visible:checked + label::before,
.br-checkbox[invalid] input.focus-visible + label::before {
  --border-color: var(--focus-color);
}
.br-checkbox.is-invalid input:checked + label::before, .br-checkbox.invalid input:checked + label::before, .br-checkbox[invalid] input:checked + label::before {
  --border-color: var(--danger);
}
.br-checkbox.is-valid input + label::before, .br-checkbox.valid input + label::before, .br-checkbox[valid] input + label::before {
  --border-color: var(--success);
}
.br-checkbox.is-valid input:focus-visible:checked + label::before,
.br-checkbox.is-valid input:focus-visible + label::before, .br-checkbox.is-valid input.focus-visible:checked + label::before,
.br-checkbox.is-valid input.focus-visible + label::before, .br-checkbox.valid input:focus-visible:checked + label::before,
.br-checkbox.valid input:focus-visible + label::before, .br-checkbox.valid input.focus-visible:checked + label::before,
.br-checkbox.valid input.focus-visible + label::before, .br-checkbox[valid] input:focus-visible:checked + label::before,
.br-checkbox[valid] input:focus-visible + label::before, .br-checkbox[valid] input.focus-visible:checked + label::before,
.br-checkbox[valid] input.focus-visible + label::before {
  --border-color: var(--focus-color);
}
.br-checkbox.is-valid input:checked + label::before, .br-checkbox.valid input:checked + label::before, .br-checkbox[valid] input:checked + label::before {
  --border-color: var(--success);
}
.br-checkbox.is-small input + label, .br-checkbox.small input + label, .br-checkbox[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input + label::before, .br-checkbox.small input + label::before, .br-checkbox[small] input + label::before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input:checked + label::after, .br-checkbox.small input:checked + label::after, .br-checkbox[small] input:checked + label::after {
  border-width: 0 2px 2px 0;
  height: var(--icon-size-sm);
  left: 7px;
  top: 4px;
  width: 6px;
}
.br-checkbox.is-small input[indeterminate] + label::after, .br-checkbox.is-small input:indeterminate + label::after, .br-checkbox.small input[indeterminate] + label::after, .br-checkbox.small input:indeterminate + label::after, .br-checkbox[small] input[indeterminate] + label::after, .br-checkbox[small] input:indeterminate + label::after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  left: 7px;
  top: 1px;
  transform: none;
  width: 6px;
}
.br-checkbox input:invalid + label::before {
  --border-color: var(--danger);
}
.br-checkbox input:focus-visible:checked + label::before,
.br-checkbox input:focus-visible + label::before, .br-checkbox input.focus-visible:checked + label::before,
.br-checkbox input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-checkbox input:hover:not(:disabled) + label::before {
  --interactive-rgb: var(--interactive-light-rgb);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-checkbox:not(.disabled) input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-checkbox:not(.disabled) input:disabled + label * {
  pointer-events: none;
}
.br-checkbox.inverted,
.br-checkbox.inverted label, .br-checkbox.dark-mode,
.br-checkbox.dark-mode label {
  color: var(--color-dark);
}

.br-radio {
  --radio-size: 24px;
  --radio-bullet-size: 16px;
  --radio-bullet-position: calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);
  display: block;
}
.br-radio + .br-radio {
  margin-top: var(--spacing-scale-base);
}
.br-radio input {
  opacity: 0;
  position: absolute;
}
.br-radio input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--radio-size);
  min-width: var(--radio-size);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size));
  position: relative;
}
.br-radio input + label::before {
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  content: "";
  height: var(--radio-size);
  left: 0;
  position: absolute;
  top: -1px;
  width: var(--radio-size);
}
.br-radio input + label:empty {
  padding: 0;
}
.br-radio input + label:empty::before {
  top: 0;
}
.br-radio label {
  font-weight: var(--font-weight-medium);
}
.br-radio input:checked + label::after {
  background: var(--selected);
  border: 7px solid var(--selected);
  border-radius: 50%;
  content: "";
  height: var(--radio-bullet-size);
  left: var(--radio-bullet-position);
  position: absolute;
  right: 0;
  top: calc(var(--radio-bullet-position) - 1px);
  width: var(--radio-bullet-size);
}
.br-radio input:checked + label:empty::after {
  top: var(--radio-bullet-position);
}
.br-radio.is-valid input + label::before, .br-radio.valid input + label::before, .br-radio[valid] input + label::before {
  border-color: var(--success);
}
.br-radio.is-invalid input + label::before, .br-radio.invalid input + label::before, .br-radio[invalid] input + label::before {
  border-color: var(--danger);
}
.br-radio.is-small input + label, .br-radio.small input + label, .br-radio[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.br-radio.is-small input + label::before, .br-radio.small input + label::before, .br-radio[small] input + label::before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.br-radio.is-small input:checked + label::after, .br-radio.small input:checked + label::after, .br-radio[small] input:checked + label::after {
  border-width: 4px;
  height: 10px;
  width: 10px;
}
.br-radio input:invalid + label::before {
  border-color: var(--danger);
}
.br-radio input:focus-visible:checked + label::before,
.br-radio input:focus-visible + label::before, .br-radio input.focus-visible:checked + label::before,
.br-radio input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-radio input:hover:not(:disabled) + label::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio.inverted,
.br-radio.inverted label, .br-radio.dark-mode,
.br-radio.dark-mode label {
  color: var(--color-dark);
}

.br-carousel {
  --carousel-button-margin: var(--spacing-scale-default);
  --carousel-buton-icon-size: var(--–icon-size-base);
  --carousel-step-height: 40px;
  --carousel-step-progress-min-height: 32px;
  --carousel-full-size: 100%;
  --carousel-min-height: 400px;
  --carousel-button-fix-height: 52px;
  --carousel-button-fix-width: 100px;
  --carousel-step-progress-background: transparent;
  display: flex;
  height: var(--carousel-full-size);
  min-height: var(--carousel-min-height);
  position: relative;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage {
  display: block;
  flex-wrap: nowrap;
  height: var(--carousel-step-height);
  overflow: hidden;
  position: relative;
  width: var(--carousel-full-width);
  z-index: 0;
}
.br-carousel .carousel-stage .carousel-page {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--carousel-full-size);
  justify-content: center;
  left: var(--carousel-full-size);
  margin-bottom: var(--spacing-scale-4x);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page[active] {
  height: var(--carousel-full-size);
  left: 0 !important;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  visibility: visible;
}
.br-carousel .carousel-stage .carousel-page .carousel-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--carousel-full-size);
  justify-content: center;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title {
  position: absolute;
}
.br-carousel .carousel-step {
  bottom: 8px;
  height: var(--carousel-step-height);
  position: absolute;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress {
  background: var(--carousel-step-progress-background);
  min-height: var(--carousel-step-progress-min-height);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
  top: 0;
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before {
  background-image: none;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
  cursor: default;
  margin: 0;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before {
  outline-color: transparent !important;
}
.br-carousel .carousel-button {
  align-items: center;
  display: flex;
  height: var(--carousel-full-size);
  left: unset;
  position: absolute;
  right: 0;
  width: fit-content;
  z-index: 1;
}
.br-carousel .carousel-button:first-child {
  left: 0;
  right: unset;
}
.br-carousel .carousel-button .carousel-btn-next,
.br-carousel .carousel-button .carousel-btn-prev {
  margin: var(--carousel-button-margin);
  padding: 0;
}
.br-carousel .carousel-button .carousel-btn-next i.fas,
.br-carousel .carousel-button .carousel-btn-prev i.fas {
  font-size: var(--carousel-buton-icon-size);
}
.br-carousel[data-stage=in] .carousel-button {
  height: var(--carousel-full-size);
}
.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=in] .carousel-stage {
  height: var(--carousel-full-size);
  left: 0;
  width: var(--carousel-full-size);
}
.br-carousel[data-stage=out] .carousel-button, .br-carousel .carousel-button {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
}
.br-carousel[data-stage=out] .carousel-stage, .br-carousel .carousel-stage {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.br-carousel[data-stage=hibh] .carousel-button {
  height: var(--carousel-full-size);
}
.br-carousel[data-stage=hibh] .carousel-stage {
  height: var(--carousel-full-size);
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.br-carousel[data-stage=hibw] .carousel-button {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
}
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=hibw] .carousel-stage {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  left: 0;
  width: var(--carousel-full-size);
}
@media (max-width: 991px) {
  .br-carousel {
    max-width: var(--carousel-full-size);
    width: var(--carousel-full-size);
  }
  .br-carousel .carousel-button {
    height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  }
  .br-carousel .carousel-button .carousel-btn-next,
  .br-carousel .carousel-button .carousel-btn-prev {
    border-radius: 0;
    display: none;
    height: var(--carousel-full-size);
    margin: 0;
    padding: 0 var(--spacing-scale-default);
  }
  .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,
  .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev {
    display: flex;
  }
  .br-carousel .carousel-stage {
    height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
    left: 0;
    width: var(--carousel-full-size);
  }
  .br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
  .br-carousel .carousel-step .br-step[data-type=text] .step-progress {
    padding-top: 0 !important;
  }
}
.br-carousel.inverted, .br-carousel.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-carousel.inverted .br-step, .br-carousel.dark-mode .br-step {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] {
  color: var(--success-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info {
  color: var(--success-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after {
  content: var(--step-alert-success-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] {
  color: var(--info-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info {
  color: var(--info-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after {
  content: var(--step-alert-info-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after {
  content: var(--step-alert-warning-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] {
  color: var(--danger-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after {
  content: var(--step-alert-danger-icon);
}
.br-carousel.inverted .br-step .step-progress-btn.active, .br-carousel.inverted .br-step .step-progress-btn[active], .br-carousel.dark-mode .br-step .step-progress-btn.active, .br-carousel.dark-mode .br-step .step-progress-btn[active] {
  color: var(--color-dark);
}
.br-carousel.inverted .br-step .step-progress-btn.active::before, .br-carousel.inverted .br-step .step-progress-btn[active]::before, .br-carousel.dark-mode .br-step .step-progress-btn.active::before, .br-carousel.dark-mode .br-step .step-progress-btn[active]::before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}
.br-carousel.inverted .br-step .step-progress-btn.active .step-icon, .br-carousel.inverted .br-step .step-progress-btn[active] .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon {
  color: var(--active);
}
.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert, .br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert, .br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert, .br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}
.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before, .br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before {
  background-color: transparent;
  color: var(--color);
}
.br-carousel .carousel-page[active]:focus,
.br-carousel .carousel-page[active]:focus-visible,
.br-carousel .carousel-page[active]:focus-within {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-cookiebar {
  --cookiebar-shadow: var(--surface-shadow-lg-up);
  --cookiebar-layer: var(--z-index-layer-4);
  bottom: 0;
  box-shadow: var(--cookiebar-shadow);
  color: var(--color-secondary-08);
  cursor: default;
  font-family: inherit;
  font-size: var(--font-size-scale-up-01);
  left: 0;
  outline: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--cookiebar-layer);
}
@media (min-width: 576px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-right: var(--spacing-scale-5x);
  }
}
@media (max-width: 575px) {
  .br-cookiebar {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .actions .br-button.primary {
    margin-bottom: var(--spacing-scale-2xh);
  }
  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: var(--spacing-scale-2xh);
    margin-right: 0;
  }
  .br-cookiebar .br-modal-header.entry-content .br-modal-title {
    margin-bottom: 0;
  }
  .br-cookiebar .br-modal-header.entry-content .br-modal-title p {
    font-size: var(--font-size-scale-up-02);
  }
  .br-cookiebar .br-modal-header.entry-content .last-update {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .group-description {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .br-switch label {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .br-switch .switch-data::before {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .group-name,
  .br-cookiebar .group-size {
    font-size: var(--font-size-scale-down-01);
  }
}
.br-cookiebar.default {
  top: unset;
}
.br-cookiebar.default .entry-content {
  display: none;
}
.br-cookiebar.default .info-text {
  display: block;
}
.br-cookiebar.default .main-content {
  display: none;
}
.br-cookiebar.default .complementary-content {
  display: none;
}
.br-cookiebar.default .br-modal > .br-card {
  --card-shadow: var(--surface-offset-none);
}
.br-cookiebar.default .br-modal .wrapper {
  overflow-y: unset;
}
.br-cookiebar.default .actions {
  border-top: 0;
}
.br-cookiebar.default .container-fluid.p-2xh {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.br-cookiebar .row {
  float: none;
  width: auto;
}
.br-cookiebar .entry-text {
  margin-bottom: 0;
}
.br-cookiebar .wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  padding-top: 6px !important;
}
.br-cookiebar .info-text {
  display: none;
  line-height: var(--font-line-height-medium);
}
.br-cookiebar .br-modal-header .br-modal-title {
  font-size: var(--font-size-scale-up-06);
  margin-bottom: 0;
  margin-right: 0;
  max-height: unset;
  width: auto;
}
.br-cookiebar .br-modal-header .close {
  margin-top: var(--spacing-scale-base);
  opacity: 1;
}
.br-cookiebar .br-modal-header .close:hover::after {
  background: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: var(--hover);
  position: absolute;
  right: 0;
  top: 0;
}
.br-cookiebar .br-modal-header .last-update {
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .br-modal-header .last-update span {
  display: inline-block;
  margin-left: var(--spacing-scale-half);
}
.br-cookiebar .br-modal-body {
  flex: 1;
  margin: 0;
  overflow: unset;
}
.br-cookiebar .br-modal-body:focus {
  outline: none;
}
.br-cookiebar .br-modal-body .br-list .br-list {
  max-height: 0;
  overflow: hidden;
  transition: all 400ms ease-in-out;
}
.br-cookiebar .br-modal-body .br-list .br-item.open + .br-list,
.br-cookiebar .br-modal-body .br-list .br-item.open .br-list {
  max-height: 200em;
}
.br-cookiebar .br-modal-body .br-list .header {
  display: block;
}
.br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2) {
  flex: 0 0 185px;
}
.br-cookiebar .br-modal-footer.actions {
  padding-top: var(--spacing-scale-2xh);
}
.br-cookiebar .group-name,
.br-cookiebar .cookies-checked,
.br-cookiebar .group-size {
  color: var(--color-primary-default);
  cursor: pointer;
}
.br-cookiebar .group-info .row div:nth-child(2) {
  flex: 0 0 225px;
}
.br-cookiebar .group-info .fa {
  font-weight: 900;
}
.br-cookiebar .group-info .group-size {
  display: inline-block;
}
.br-cookiebar .group-info.selected {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--background);
}
.br-cookiebar .group-info .br-button {
  color: var(--color-primary-default);
}
.br-cookiebar .group-info .br-switch,
.br-cookiebar .cookie-info .br-switch {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding: var(--spacing-scale-half);
  width: 120px;
}
.br-cookiebar .group-info .fixed-width,
.br-cookiebar .cookie-info .fixed-width {
  padding-left: var(--spacing-scale-base);
  width: 100px;
}
.br-cookiebar .always-active {
  color: var(--color-highlight);
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .cookie-info .br-card {
  margin-bottom: var(--card-margin);
}
.br-cookiebar .cookie-info .cookie-term {
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .notes p:first-child {
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .actions {
  border-top: 1px solid var(--color-secondary-05);
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-2xh);
  padding-top: var(--spacing-scale-3x);
}
.br-cookiebar .complementary-content {
  padding: var(--spacing-scale-base) 0;
}
.br-cookiebar [class^=container] {
  --grid-margin: 0;
}
.br-cookiebar .br-checkbox:not(.hidden-label) {
  --item-padding-y: 1px;
}
.br-cookiebar .br-modal {
  --modal-size: var(--modal-auto);
}

.flatpickr-calendar {
  --flatpicker-padding: var(--spacing-scale-2x);
  --datetimepicker-day-size: 24px;
  --datetimepicker-arrows: 32px;
  box-shadow: var(--surface-shadow-md);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after {
  border-color: transparent;
}
.flatpickr-calendar.open {
  z-index: var(--z-index-layer-2);
}
.flatpickr-calendar .flatpickr-months {
  align-items: center;
  display: flex;
  padding: var(--flatpicker-padding) var(--flatpicker-padding) 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  height: auto;
  padding: 0;
  position: static;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled *,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled * {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: block;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  flex: 1;
  height: auto;
  overflow: visible;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  display: flex;
  height: auto;
  padding: 0 var(--flatpicker-padding);
  position: static;
  width: 100%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  border-radius: var(--surface-rounder-sm);
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  padding: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  color: var(--color);
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
  flex: 1;
  margin-left: var(--flatpicker-padding);
  width: auto;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year {
  border: var(--surface-width-sm) solid var(--border-color);
  border-radius: var(--surface-rounder-sm);
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  padding: 0 var(--spacing-scale-base);
}
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp,
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown {
  display: none;
}
.flatpickr-calendar .flatpickr-weekdaycontainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding);
}
.flatpickr-calendar span.flatpickr-weekday {
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight-medium);
}
.flatpickr-calendar .dayContainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-day {
  color: var(--interactive);
  font-weight: var(--font-weight-semi-bold);
  height: var(--datetimepicker-day-size);
  line-height: var(--font-line-height-medium);
  margin: calc(var(--flatpicker-padding) * 0.25) auto;
  max-width: var(--datetimepicker-day-size);
  width: var(--datetimepicker-day-size);
}
.flatpickr-calendar .flatpickr-day:focus {
  outline: none;
}
.flatpickr-calendar .flatpickr-day.focus-visible, .flatpickr-calendar .flatpickr-day:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.flatpickr-calendar .flatpickr-day.focus-visible {
  --focus-offset: 0;
  background: transparent;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day:hover {
  background: var(--hover-effect);
}
.flatpickr-calendar .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-day.nextMonthDay {
  font-weight: var(--font-weight-medium);
  opacity: 0.6;
}
.flatpickr-calendar .flatpickr-day.today {
  background: var(--orange-vivid-5);
  border-color: transparent;
  color: var(--red-warm-vivid-50);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled * {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: var(--color);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-day.inRange {
  --interactive-rgb: var(--blue-warm-vivid-50-rgb);
  --hover: var(--hover-dark);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  border-color: transparent;
  box-shadow: none;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange {
  background: var(--selected);
  border-color: transparent;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-time {
  display: flex;
  justify-content: center;
  margin: 0 var(--flatpicker-padding);
  max-height: none;
}
.flatpickr-calendar .flatpickr-time input {
  --input-background: var(--bg-color);
  --input-border-color: var(--color-secondary-06);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-padding: 0 var(--spacing-scale-half);
  --input-radius: var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
}
.flatpickr-calendar .flatpickr-time input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:focus-visible, .flatpickr-calendar .flatpickr-time input.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.flatpickr-calendar .flatpickr-time input.has-icon {
  padding-right: var(--spacing-scale-5x);
}
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-reveal, .flatpickr-calendar .flatpickr-time input[type=password]::-ms-clear {
  display: none;
}
.flatpickr-calendar .flatpickr-time input {
  margin: calc(var(--flatpicker-padding) * 0.25) 0;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
  align-items: center;
  display: flex;
  flex: 0 1 90px;
  flex-flow: column;
  height: auto;
  padding: calc(var(--flatpicker-padding) * 0.5) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  align-items: center;
  border: 0;
  border-radius: 50px;
  color: var(--interactive);
  display: flex;
  height: var(--datetimepicker-arrows);
  justify-content: center;
  opacity: 1;
  padding: 0;
  position: static;
  width: var(--datetimepicker-arrows);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span::after {
  border: none;
  position: static;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp {
  order: -1;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
  transform: rotate(225deg) translate(-1px, -1px);
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--border-color);
  height: auto;
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
  border-color: transparent;
}

.br-datetimepicker.inverted .br-input,
.br-datetimepicker.inverted .br-input label, .br-datetimepicker.dark-mode .br-input,
.br-datetimepicker.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-datetimepicker input[disabled] {
  cursor: not-allowed;
}

.br-divider,
hr {
  --divider-size: var(--surface-width-sm);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  display: block;
}
.br-divider.content,
hr.content {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center;
}
.br-divider.content::after, .br-divider.content::before,
hr.content::after,
hr.content::before {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  content: "";
  flex: 1;
}
.br-divider.content::after,
hr.content::after {
  margin-left: var(--spacing-scale-base);
}
.br-divider.content::before,
hr.content::before {
  margin-right: var(--spacing-scale-base);
}
.br-divider.vertical,
hr.vertical {
  align-self: stretch;
  border-right-width: var(--divider-size);
  border-top-width: 0;
}
.br-divider.vertical.content,
hr.vertical.content {
  flex-direction: column;
}
.br-divider.vertical.content::after, .br-divider.vertical.content::before,
hr.vertical.content::after,
hr.vertical.content::before {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  margin: 0;
}
.br-divider.inverted, .br-divider.dark-mode,
hr.inverted,
hr.dark-mode {
  --border-color: var(--pure-0);
}
.br-divider.dashed,
hr.dashed {
  border-style: dashed;
}
.br-divider.sm,
hr.sm {
  --divider-size: var(--surface-width-sm);
}
.br-divider.md,
hr.md {
  --divider-size: var(--surface-width-md);
}
.br-divider.lg,
hr.lg {
  --divider-size: var(--surface-width-lg);
}

hr {
  --divider-padding: var(--spacing-scale-2x);
  margin: var(--divider-padding) 0;
}

/* ----------------------------------------------------------------------- */
/* Código criado para ajustar os espaçamentos entre as áreas do footer     */
/* Deve ser removido na V4                                                 */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.br-footer {
  --footer-logo-height: 48px;
  --footer-logo-width: 180px;
  --footer-padding: var(--spacing-scale-6x) 0 0;
  --footer-padding-bottom: 0 0 var(--spacing-scale-6x);
  --footer-assigns-height: 46px;
  --footer-assigns-width: 180px;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  color: var(--color);
  display: block;
  padding: var(--footer-padding);
}
.br-footer.no-divider {
  border-top: none;
  padding-top: 0;
}
.br-footer {
  --background: var(--background-dark);
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-footer .br-item {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-footer[inverted], .br-footer.inverted {
  --background: var(--background-light);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}
.br-footer[inverted] .br-item, .br-footer.inverted .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}
.br-footer .logo {
  padding: var(--footer-padding-bottom);
}
.br-footer .logo img {
  max-height: var(--footer-logo-height);
  max-width: var(--footer-logo-width);
}
.br-footer .br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
  padding: var(--footer-padding-bottom);
}
.br-footer .br-list.horizontal .header {
  width: 100%;
}
.br-footer .br-list.horizontal .col,
.br-footer .br-list.horizontal [class*=col-] {
  flex-grow: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .br-footer .br-list.horizontal .col,
  .br-footer .br-list.horizontal [class*=col-] {
    flex-basis: 100% !important;
    max-width: 100%;
  }
}
.br-footer .social-network {
  border: 0;
}
.br-footer .social-network .social-network-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: var(--spacing-scale-3x);
  text-transform: uppercase;
}
.br-footer .social-network a:not(:last-of-type) {
  margin-right: var(--spacing-scale-2x);
}
.br-footer .social-network a:hover {
  background-image: none;
}
.br-footer .social-network img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-height);
}
.br-footer .assigns img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-width);
}
.br-footer .info {
  text-align: center;
}
.br-footer .br-divider {
  margin-top: 0 !important;
}
.br-footer .d-none.d-sm-block > .row.align-items-end.justify-content-between.py-5 {
  padding: var(--footer-padding-bottom) !important;
}
.br-footer .br-list {
  --background: var(--background-dark);
}
.br-footer .br-list.horizontal .br-item,
.br-footer .br-list.horizontal .br-list .br-item {
  min-height: 4em;
}
.br-footer .br-list.horizontal .br-item .content,
.br-footer .br-list.horizontal .br-list .br-item .content {
  height: auto;
  line-height: 16px;
  padding: 0 var(--spacing-scale-2x);
}
@media (min-width: 992px) {
  .br-footer .br-item.horizontal .br- {
    background-image: none;
    max-height: 200em !important;
  }
}
.br-footer .br-item.horizontal .br-item {
  min-height: 4em;
}
.br-footer .br-item.horizontal .br-item .content {
  height: auto;
  line-height: 16px;
  padding: 0 var(--spacing-scale-2x);
}
.br-footer .br-item.horizontal .col .br-item.header.active,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active {
  border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item.horizontal .col .br-item.header.active + .br-list,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active + .br-list {
  border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item {
  align-items: center;
  display: flex;
}
.br-footer .br-item .content {
  flex: 1;
}
.br-footer .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-footer .br-item.active {
  background: transparent;
}
@media (min-width: 992px) {
  .br-footer .br-item .support:last-child {
    display: none;
    pointer-events: none;
  }
  .br-footer .br-item .content {
    flex: 1;
  }
}
.br-footer[inverted] .br-list, .br-footer.inverted .br-list {
  --background: var(--background-light);
}

.br-header {
  --header-padding: var(--header-padding-medium);
  --header-padding-small: var(--spacing-scale-base);
  --header-padding-medium: var(--spacing-scale-2x);
  --header-padding-large: var(--spacing-scale-3x);
  --header-logo-size: var(--header-logo-medium);
  --header-logo-small: 16px;
  --header-logo-medium: 24px;
  --header-logo-large: 40px;
  --header-title-size: var(--font-size-scale-base);
  --header-subtitle-size: var(--font-size-scale-down-01);
  --header-logo-desktop-width: 120px;
  --header-logo-desktop-height: 48px;
  --header-logo-compact: 60px;
  --header-logo-compact-height: 32px;
  --header-logo-mobile-width: 80px;
  --header-logo-mobile-height: 40px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  padding: var(--header-padding) 0;
  position: relative;
}
.br-header .header-top,
.br-header .header-bottom {
  display: flex;
}
.br-header .header-top {
  justify-content: flex-end;
}
.br-header .header-bottom {
  justify-content: space-between;
  margin-top: var(--header-padding-small);
}
@media (min-width: 576px) {
  .br-header {
    --header-padding: var(--header-padding-medium);
  }
}
.br-header.small {
  --header-padding: var(--header-padding-small);
}
.br-header.medium {
  --header-padding: var(--header-padding-medium);
}
.br-header.large {
  --header-padding: var(--header-padding-large);
}
.br-header .header-logo {
  align-items: center;
  display: flex;
  flex: 1;
  float: left;
  gap: var(--spacing-scale-2x);
}
.br-header .header-logo img,
.br-header .header-logo svg {
  max-height: var(--header-logo-size);
}
.br-header .header-logo .br-divider {
  display: none;
}
.br-header .header-logo .header-sign {
  color: var(--color);
  display: none;
  font-weight: 500;
  overflow: hidden;
}
.br-header[data-no-logo] .header-logo img {
  display: none;
}
.br-header[data-no-sign] .header-logo .header-sign {
  display: none;
}
@media (min-width: 576px) {
  .br-header .header-logo {
    --header-logo-size: var(--header-logo-large);
    margin: 0;
  }
  .br-header .header-logo .br-divider {
    display: block;
  }
  .br-header .header-logo .header-sign {
    display: block;
  }
}
.br-header .header-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.br-header .header-actions .dropdown.show .br-list {
  display: block;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa,
.br-header .header-actions .dropdown.show .br-button.active .fa,
.br-header .header-actions .dropdown.show .br-button.active .fab,
.br-header .header-actions .dropdown.show .br-button.active .fad,
.br-header .header-actions .dropdown.show .br-button.active .fal,
.br-header .header-actions .dropdown.show .br-button.active .far,
.br-header .header-actions .dropdown.show .br-button.active .fas {
  transform: rotate(180deg);
}
.br-header .header-actions .dropdown.show .br-notification {
  display: block;
  right: -16px;
  width: 100vw;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-notification div.close {
  display: none;
}
.br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none;
}
@media (max-width: 1279px) {
  .br-header .header-actions .dropdown:not(.show) .br-list {
    display: none;
  }
}
.br-header .header-actions .header-links .br-list,
.br-header .header-actions .header-functions .br-list {
  background: var(--background);
  left: -4em;
}
.br-header .header-actions .header-links .br-item,
.br-header .header-actions .header-functions .br-item {
  white-space: nowrap;
}
.br-header .header-actions .header-links ul,
.br-header .header-actions .header-functions ul {
  display: none;
}
.br-header .header-actions .header-functions .br-list .br-button {
  --button-size: auto;
  --button-font-size: var(--font-size-scale-base);
  --button-font-weight: var(--item-font-weight);
  border-radius: 0;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--item-font-weight);
  justify-content: flex-start;
  padding: var(--item-padding);
  width: 100%;
}
.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-actions .header-functions .br-item {
  padding: 0;
}
.br-header .header-actions .header-functions ul {
  display: none;
}
.br-header .header-actions .header-login {
  margin-left: var(--spacing-scale-base);
}
.br-header .header-actions .sign-in {
  --button-padding: 0 var(--spacing-scale-2x);
}
.br-header .header-actions .avatar {
  align-items: center;
  display: flex;
}
.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  right: 0;
  top: 100%;
}
.br-header[data-no-links] .header-actions .header-links {
  display: none;
}
.br-header[data-no-functions] .header-actions .header-functions {
  display: none;
}
.br-header[data-no-login] .header-actions .header-login {
  display: none;
}
@media (min-width: 576px) {
  .br-header .header-actions .header-links .br-list,
  .br-header .header-actions .header-functions .br-list {
    background: var(--background);
    left: auto;
    right: 0;
  }
  .br-header .header-actions .header-links .br-notification,
  .br-header .header-actions .header-functions .br-notification {
    width: 100vw;
  }
}
@media (min-width: 1280px) {
  .br-header .header-actions .header-links [data-toggle=dropdown],
  .br-header .header-actions .header-functions [data-toggle=dropdown] {
    display: none;
  }
  .br-header .header-actions .header-links .br-list,
  .br-header .header-actions .header-functions .br-list {
    box-shadow: none;
    display: flex;
    margin-right: var(--spacing-scale-2x);
    position: static;
  }
  .br-header .header-actions .header-links .br-list .header,
  .br-header .header-actions .header-functions .br-list .header {
    display: none;
  }
  .br-header .header-actions .header-links .br-item,
  .br-header .header-actions .header-functions .br-item {
    --focus-offset: var(--spacing-scale-half);
    --interactive-rgb: var(--interactive-light-rgb);
    color: var(--interactive-light);
    padding: 0;
  }
  .br-header .header-actions .header-links .br-item:not(:last-child),
  .br-header .header-actions .header-functions .br-item:not(:last-child) {
    border-bottom: 0;
    margin-right: var(--spacing-scale-3x);
  }
  .br-header .header-actions .header-links .br-notification,
  .br-header .header-actions .header-functions .br-notification {
    width: 50vw;
  }
  .br-header .header-actions .header-functions .br-list {
    margin-right: 0;
  }
  .br-header .header-actions .header-functions .br-list .br-button {
    --button-size: var(--button-small);
    border-radius: 50%;
    color: var(--interactive);
    justify-content: center;
    padding: 0;
    width: var(--button-size);
  }
  .br-header .header-actions .header-functions .br-list .br-button .text {
    display: none;
  }
  .br-header .header-actions .header-functions .br-item {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-functions .br-item:not(:last-child) {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-search-trigger {
    display: none;
  }
}
.br-header .header-menu {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-menu .header-menu-trigger + .header-info {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-menu .header-title {
  color: var(--color);
  font-size: var(--header-title-size);
}
.br-header .header-menu .header-subtitle {
  color: var(--color);
  display: none;
  font-size: var(--header-subtitle-size);
  font-weight: 500;
  margin-top: var(--spacing-scale-half);
}
.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none;
}
@media (min-width: 576px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
    align-items: flex-start;
  }
  .br-header .header-menu .header-menu-trigger {
    margin-top: 3px;
  }
  .br-header .header-menu .header-info {
    padding-top: var(--spacing-scale-half);
  }
  .br-header .header-menu .header-subtitle {
    display: block;
  }
}
@media (min-width: 1280px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-03);
    --header-subtitle-size: var(--font-size-scale-base);
  }
  .br-header .header-menu .header-info {
    padding-top: 0;
  }
}
.br-header .header-search, .br-header.compact .header-search {
  align-items: center;
  background: var(--background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-header .header-search .br-input, .br-header.compact .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-search .br-input label, .br-header.compact .header-search .br-input label {
  display: none;
}
.br-header .header-search .br-input input, .br-header.compact .header-search .br-input input {
  border-color: transparent;
}
.br-header .header-search .br-input input:not(:focus), .br-header.compact .header-search .br-input input:not(:focus) {
  background: var(--gray-2);
}
.br-header .header-search .br-input .icon,
.br-header .header-search .br-input .br-button, .br-header.compact .header-search .br-input .icon,
.br-header.compact .header-search .br-input .br-button {
  --focus-offset: 0;
  bottom: auto;
  right: 4px;
  top: auto;
}
.br-header .header-search .search-close, .br-header.compact .header-search .search-close {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  display: none;
}
.br-header .header-search.active, .br-header.compact .header-search.active {
  display: flex;
}
.br-header .header-search.active .search-close, .br-header.compact .header-search.active .search-close {
  display: inline-flex;
}
.br-header[data-no-search] .header-search {
  display: none;
}
@media (min-width: 1280px) {
  .br-header .header-search {
    display: flex;
    padding: 0;
    position: static;
  }
  .br-header .header-search.active .search-close {
    display: none;
  }
  .br-header .br-input {
    min-width: 385px;
  }
}
.br-header .br-input.has-icon .br-button.circle {
  margin-top: 0;
  position: absolute;
  right: 4px;
}
.br-header.compact {
  --header-logo-size: var(--header-logo-small);
  --header-padding: var(--header-padding-small);
}
.br-header.compact .header-actions .header-search-trigger {
  display: block;
}
@media (min-width: 576px) {
  .br-header.compact .container-lg {
    position: relative;
  }
  .br-header.compact .header-top {
    display: block;
  }
  .br-header.compact .header-logo {
    --header-logo-size: var(--header-logo-small);
    float: left;
  }
  .br-header.compact .header-logo .br-divider {
    display: none;
  }
  .br-header.compact .header-sign {
    display: none;
  }
  .br-header.compact .header-actions {
    float: right;
    margin-top: var(--spacing-scale-2x);
    position: relative;
  }
  .br-header.compact .header-bottom {
    clear: left;
  }
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-01);
  }
  .br-header.compact .header-menu .header-menu-trigger {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
  }
}
.br-header[data-sticky] {
  position: sticky;
  top: 0;
  transition: all 150ms ease;
  z-index: var(--z-index-layer-2);
}
.br-header[data-sticky] .header-logo img,
.br-header[data-sticky] .header-actions,
.br-header[data-sticky] .header-menu-trigger,
.br-header[data-sticky] .header-title {
  transition: all 150ms ease;
}
.br-header[data-sticky] .header-logo img {
  margin-right: var(--spacing-scale-base);
}

.br-input {
  --input-button-margin: var(--spacing-scale-half);
  --input-padding: 0 var(--spacing-scale-2x);
  --input-padding-button: var(--spacing-scale-5x);
  --input-padding-icon: var(--spacing-scale-5x);
  --input-size: var(--input-medium);
  --input-small: 32px;
  --input-medium: 40px;
  --input-large: 48px;
  --input-highlight: 56px;
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  color: var(--color);
  position: relative;
}
.br-input input {
  background-color: var(--background-light);
  border-color: var(--border-color-alternative);
  border-radius: var(--surface-rounder-sm);
  border-style: var(--border-style);
  border-width: var(--border-width);
  color: var(--color-light);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
}
.br-input input::-ms-reveal, .br-input input::-ms-clear, .br-input input::-webkit-calendar-picker-indicator {
  display: none;
}
.br-input input[type=search]::-webkit-search-decoration, .br-input input[type=search]::-webkit-search-cancel-button, .br-input input[type=search]::-webkit-search-results-button, .br-input input[type=search]::-webkit-search-results-decoration {
  appearance: none;
}
.br-input.input-inline {
  display: flex;
}
.br-input.input-inline .input-label {
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(var(--input-size) * 0.5 - var(--spacing-scale-half));
}
.br-input.input-inline .input-content {
  flex: 1;
}
.br-input .input-group {
  position: relative;
}
.br-input .input-icon {
  align-items: center;
  color: var(--border-color-alternative);
  display: flex;
  height: var(--input-size);
  margin-left: var(--spacing-scale-baseh);
  position: absolute;
}
.br-input .input-icon + input {
  padding-left: var(--input-padding-icon);
}
.br-input .br-button {
  --button-size: var(--button-small);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  border-radius: 50%;
  float: right;
  margin-right: var(--input-button-margin);
  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);
  padding: 0;
  position: relative;
  transform: translateY(calc((var(--input-size) - var(--button-size)) * 0.5));
  width: var(--button-size);
}
.br-input.input-button input {
  padding-right: var(--input-padding-button);
}
.br-input.has-icon input {
  padding-right: var(--input-padding-icon);
}
.br-input.has-icon .br-button.circle {
  float: right;
  margin-right: var(--spacing-scale-half);
  margin-top: calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);
  transform: translateY(0);
}
.br-input.has-icon.small .br-button.circle {
  margin-top: calc((var(--button-size) + var(--spacing-scale-base)) * -1);
}
.br-input.has-icon.large .br-button.circle {
  margin-top: calc(var(--button-size) * -1);
}
.br-input.input-highlight {
  --input-button-margin: var(--spacing-scale-2x);
  --input-padding: 0 var(--spacing-scale-3x);
  --input-padding-button: var(--spacing-scale-7x);
  --input-padding-icon: var(--spacing-scale-7x);
  --input-size: var(--input-highlight);
}
.br-input.input-highlight input {
  background-color: var(--gray-2);
  border-color: transparent;
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon {
  margin-left: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon + input {
  padding-left: var(--spacing-scale-7x);
}
.br-input .br-list {
  box-shadow: var(--surface-shadow-md);
  max-height: 530px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: var(--z-index-layer-2);
}
.br-input .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-input .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-input .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-input .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-input .br-list .br-item {
  --item-padding-y: var(--spacing-scale-2x);
}
.br-input .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input .br-list .br-item:not(:first-child) {
  border-top: var(--surface-width-sm) solid var(--border-color);
}
.br-input.success input, .br-input[data-success] input {
  border-color: var(--success);
  border-width: 2px;
}
.br-input.danger input, .br-input[data-danger] input {
  border-color: var(--danger);
  border-width: 2px;
}
.br-input.warning input, .br-input[data-warning] input {
  border-color: var(--warning);
  border-width: 2px;
}
.br-input.info input, .br-input[data-info] input {
  border-color: var(--info);
  border-width: 2px;
}
.br-input input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input input:focus, .br-input input:focus-visible, .br-input input.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-input .feedback {
  margin-bottom: var(--spacing-scale-half);
}
.br-input.small, .br-input[data-small] {
  --input-size: var(--input-small);
}
.br-input.medium, .br-input[data-medium] {
  --input-size: var(--input-medium);
}
.br-input.large, .br-input[data-large] {
  --input-size: var(--input-large);
}
.br-input.inverted,
.br-input.inverted label, .br-input.dark-mode,
.br-input.dark-mode label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-item {
  background: var(--background);
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-base);
  --item-padding: var(--item-padding-y) var(--item-padding-x);
  --focus-offset: calc(var(--focus-width) * -1);
  border: 0;
  color: var(--color);
  display: block;
  font-weight: var(--font-weight);
  padding: var(--item-padding);
  text-align: left;
  width: 100%;
}
.br-item .row {
  margin-left: calc(-1 * var(--spacing-scale-base));
  margin-right: calc(-1 * var(--spacing-scale-base));
}
.br-item .row .col,
.br-item .row [class*=col-] {
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}
.br-item::after {
  clear: both;
  content: "";
  display: block;
}
.br-item[data-toggle] {
  cursor: pointer;
}
.br-item[data-toggle=selection]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item > .br-checkbox:not(.hidden-label), .br-item > .br-radio:not(.hidden-label) {
  margin-bottom: calc(var(--item-padding-y) * -1);
  margin-left: calc(var(--item-padding-x) * -1);
  margin-right: calc(var(--item-padding-x) * -1);
  margin-top: calc(var(--item-padding-y) * -1);
}
.br-item > .br-checkbox:not(.hidden-label) input + label, .br-item > .br-radio:not(.hidden-label) input + label {
  padding-bottom: var(--item-padding-y);
  padding-top: var(--item-padding-y);
  top: 1px;
  width: 100%;
}
.br-item > .br-checkbox:not(.hidden-label) input + label::before, .br-item > .br-radio:not(.hidden-label) input + label::before {
  left: var(--item-padding-x);
  top: calc(var(--item-padding-y) - 1px);
}
.br-item > .br-checkbox:not(.hidden-label) input + label:empty, .br-item > .br-radio:not(.hidden-label) input + label:empty {
  left: 0;
  top: 1px;
}
.br-item > .br-checkbox:not(.hidden-label) input:hover:not(:disabled) + label::before, .br-item > .br-radio:not(.hidden-label) input:hover:not(:disabled) + label::before {
  background-image: none;
}
.br-item > .br-checkbox input:not(:indeterminate) + label {
  min-height: calc(var(--checkbox-size) + var(--item-padding-y) * 2);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:not(:empty) {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-item > .br-checkbox input:not(:indeterminate) + label::after {
  left: calc(var(--item-padding-x) + 8px);
  top: calc(var(--item-padding-y) + 4px);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty {
  min-height: var(--checkbox-size);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty::after {
  left: 8px;
  top: 4px;
}
.br-item .br-radio input + label {
  min-height: calc(var(--radio-size) + var(--item-padding-y) * 2);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x));
}
.br-item .br-radio input + label::after {
  left: calc(var(--item-padding-x) + var(--radio-bullet-position));
  top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px);
}
.br-item .br-radio input + label:empty {
  min-height: var(--radio-size);
}
.br-item .br-radio input + label:empty::after {
  left: var(--radio-bullet-position);
  top: var(--radio-bullet-position);
}
.br-item.primary-lighten-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.primary-lighten-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.primary-default {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.primary-darken-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.primary-darken-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.secondary-06 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.secondary-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.secondary-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.secondary-09 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.highlight {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.support-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.support-03 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.support-04 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.support-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.support-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background-color: var(--selected);
}
.br-item.active {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background-color: var(--active);
  color: var(--color);
}
.br-item.inverted, .br-item.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.inverted.active, .br-item.dark-mode.active {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--active-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--background-light);
  color: var(--active);
}
.br-item[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item[data-toggle] .content i {
  color: var(--interactive);
}
.br-item .content {
  align-items: center;
  display: flex;
}
.br-item [class*=fa-] {
  height: 16px;
  width: 14px !important;
}
.br-item .toogle-icon-interactive {
  color: var(--interactive);
}

a.br-item {
  color: var(--interactive);
}
a.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
a.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

button.br-item {
  background-color: transparent;
  color: var(--color);
}
button.br-item:focus {
  outline: none;
}
button.br-item.focus-visible, button.br-item:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
button.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
button.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)));
}

.br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--border-color);
  width: 100%;
}
.br-list.horizontal > .br-item + .br-divider,
.br-list.horizontal > .group + .br-divider {
  border-width: 0 1px 0 0;
  width: 1px;
}
.br-list.horizontal > .br-item,
.br-list.horizontal > .group {
  flex: 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.br-list.horizontal > .br-item.one-line > .content,
.br-list.horizontal > .group.one-line > .content {
  height: 56px;
}
.br-list.horizontal > .br-item.two-lines > .content,
.br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}
.br-list.horizontal > .br-item.three-lines > .content,
.br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}
.br-list.horizontal[data-toggle] > .br-item, .br-list.horizontal.toggle > .br-item {
  display: block;
}
.br-list {
  background-color: var(--background);
}
.br-list .br-item {
  text-align: left;
  width: 100%;
}
.br-list .br-item .svg-inline--fa,
.br-list .br-item .fa,
.br-list .br-item .fab,
.br-list .br-item .fad,
.br-list .br-item .fal,
.br-list .br-item .far,
.br-list .br-item .fas {
  text-align: center;
}
.br-list .br-item > .content {
  align-items: var(--spacing-vertical-top);
  display: flex;
}
.br-list .br-item > .content > .content {
  flex: 1;
}
.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-item[data-toggle] {
  cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .br-list {
  overflow: hidden;
  transition: all 400ms ease-in-out;
}
.br-list .header {
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-list[data-one-line] .br-item, .br-list[data-one-line] .br-list .br-item {
  height: 2em;
}
.br-list[data-one-line] .br-item .content, .br-list[data-one-line] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}
.br-list[data-two-lines] .br-item, .br-list[data-two-lines] .br-list .br-item {
  height: 4em;
}
.br-list[data-two-lines] .br-item .content, .br-list[data-two-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}
.br-list[data-three-lines] .br-item, .br-list[data-three-lines] .br-list .br-item {
  height: 6em;
}
.br-list[data-three-lines] .br-item .content, .br-list[data-three-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}

.br-menu {
  --menu-zindex: var(--z-index-layer-3);
  --menu-background-submenu: var(--gray-2);
  --menu-logo: 40px;
  --menu-item-ng: var(--menu-item-medium);
  --menu-item-padding: var(--menu-item-medium);
  --menu-item-small: var(--spacing-scale-base);
  --menu-item-medium: var(--spacing-scale-2x);
  --menu-item-large: var(--spacing-scale-3x);
}
.br-menu .menu-container {
  display: none;
}
.br-menu .menu-scrim {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.br-menu .menu-panel {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: var(--background);
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.br-menu.active .menu-container {
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--menu-zindex);
}
.br-menu.active .menu-panel {
  flex: 1;
  overflow: auto;
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.active .menu-scrim {
  position: absolute;
}
.br-menu .menu-header {
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title {
  align-items: center;
  display: flex;
  flex: 1;
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo);
}
.br-menu .menu-header .menu-title img + * {
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-body ul,
.br-menu .menu-body li {
  margin: 0;
  padding: 0;
}
.br-menu .menu-body ul {
  list-style: none;
}
.br-menu .menu-body > .divider {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > .menu-item + ul {
  background: var(--menu-background-submenu);
}
.br-menu .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-5x);
}
.br-menu .menu-body .drop-menu > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .drop-menu.active > .menu-item {
  border-bottom: 0;
}
.br-menu .menu-body .drop-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) {
  background-color: var(--background);
}
.br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fab,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fad,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fal,
.br-menu .menu-body .drop-menu.active > .menu-item .support .far,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fas {
  transform: rotate(180deg);
}
.br-menu .menu-body .drop-menu.active > ul {
  display: block;
}
.br-menu .menu-footer > *:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-footer .menu-logos {
  column-gap: var(--spacing-scale-2x);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  row-gap: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links {
  --focus-offset: var(--spacing-scale-half);
  padding: var(--spacing-scale-2x) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-links a {
  display: block;
}
.br-menu .menu-footer .menu-links a:not(:last-child) {
  margin-bottom: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-menu .menu-footer .social-network,
.br-menu .menu-footer .menu-social {
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
}
.br-menu .menu-footer .social-network .social-network-title,
.br-menu .menu-footer .menu-social .social-network-title {
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: var(--spacing-scale-half);
}
.br-menu .menu-footer .social-network .sharegroup,
.br-menu .menu-footer .menu-social .sharegroup {
  display: flex;
}
.br-menu .menu-footer .menu-info {
  padding: var(--spacing-scale-2x);
}
.br-menu .menu-item {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: transparent;
  display: flex;
  padding: var(--menu-item-padding) var(--spacing-scale-2x);
}
.br-menu .menu-item .icon {
  margin-right: var(--spacing-scale-2x);
}
.br-menu .menu-item .content {
  flex: 1;
}
.br-menu a.menu-item {
  color: var(--interactive);
}
.br-menu .side-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .side-menu.active > .menu-item {
  --interactive: var(--active);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background);
  flex-direction: row-reverse;
  font-weight: var(--font-weight-semi-bold);
}
.br-menu .side-menu.active > .menu-item .icon {
  margin-right: 0;
}
.br-menu .side-menu.active > .menu-item .support {
  margin-right: var(--spacing-scale-2x);
}
.br-menu .side-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .side-menu.active > .menu-item .support .fa,
.br-menu .side-menu.active > .menu-item .support .fab,
.br-menu .side-menu.active > .menu-item .support .fad,
.br-menu .side-menu.active > .menu-item .support .fal,
.br-menu .side-menu.active > .menu-item .support .far,
.br-menu .side-menu.active > .menu-item .support .fas {
  transform: rotate(180deg);
}
.br-menu .side-menu.active > ul {
  display: block;
}
.br-menu .side-menu.active .menu-item {
  padding-left: var(--spacing-scale-2x) !important;
}
.br-menu.small .menu-item {
  --menu-item-padding: var(--menu-item-small);
}
.br-menu.medium .menu-item {
  --menu-item-padding: var(--menu-item-medium);
}
.br-menu.large .menu-item {
  --menu-item-padding: var(--menu-item-large);
}
.br-menu.push .menu-trigger,
.br-menu.push .menu-scrim {
  display: none;
}
@media (min-width: 576px) {
  .br-menu.push {
    --menu-zindex: var(--z-index-layer-0);
  }
}
@media (min-width: 576px) {
  .br-menu.push .menu-header,
  .br-menu.push .menu-footer {
    display: none;
  }
  .br-menu.push .menu-header[data-visible=true] {
    display: flex;
  }
  .br-menu.push .menu-footer[data-visible=true] {
    display: block;
  }
  .br-menu.push .menu-panel {
    height: auto;
  }
  .br-menu.push .menu-scrim {
    display: none;
  }
  .br-menu.push.active .menu-container {
    position: static;
  }
}
.br-menu.contextual {
  --menu-zindex: calc(var(--z-index-layer-3) - 10);
  overflow: auto;
}
.br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-2x);
}
.br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 0;
}
.br-menu.contextual .menu-trigger {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: calc(var(--menu-zindex) - 1);
}
.br-menu.contextual .menu-trigger .br-button {
  --button-radius: 0;
}
.br-menu.contextual .menu-container {
  display: none;
  flex-direction: column-reverse;
  position: static;
}
.br-menu.contextual .menu-panel {
  height: auto;
}
.br-menu.contextual.active {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--menu-zindex);
}
.br-menu.contextual.active .menu-trigger {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.contextual.active .menu-trigger .svg-inline--fa,
.br-menu.contextual.active .menu-trigger .fa,
.br-menu.contextual.active .menu-trigger .fab,
.br-menu.contextual.active .menu-trigger .fad,
.br-menu.contextual.active .menu-trigger .fal,
.br-menu.contextual.active .menu-trigger .far,
.br-menu.contextual.active .menu-trigger .fas {
  transform: rotate(180deg);
}
.br-menu.contextual.active .menu-container {
  display: flex;
  overflow: auto;
}
@media (min-width: 992px) {
  .br-menu.contextual .menu-trigger {
    display: none;
    position: absolute;
  }
  .br-menu.contextual .menu-container {
    display: block;
  }
  .br-menu.contextual.active {
    height: 100%;
    position: absolute;
  }
}
.br-menu .menu-item[hidden] {
  display: none;
}
.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-menu .menu-item:disabled * {
  pointer-events: none;
}
.br-menu a.menu-item:not(:disabled).active {
  --interactive: var(--color-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--active);
}
.br-menu a.menu-item:not(:disabled).active:focus {
  outline-color: var(--focus-color-dark);
}
.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.loading,
.br-loading {
  --loading-size: var(--loading-indetermined-diameter-sm);
  --loading-diameter: 84px;
  --loading-stroke: 5px;
  --loading-indetermined-color: var(--interactive);
  --loading-indetermined-diameter-md: 44px;
  --loading-indetermined-diameter-sm: 24px;
  position: relative;
  z-index: var(--z-index-layer-4);
}
.loading[data-progress]:not(:empty),
.br-loading[data-progress]:not(:empty) {
  background-color: var(--border-color);
  border-radius: 50%;
}
.loading[data-progress]:not(:empty)::before,
.br-loading[data-progress]:not(:empty)::before {
  content: none;
}
.loading[data-progress]::after,
.br-loading[data-progress]::after {
  --loading-size: calc(var(--loading-diameter) - var(--loading-stroke) * 2);
  background: var(--background);
  border-radius: 50%;
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  height: var(--loading-size);
  line-height: var(--loading-size);
  margin: var(--loading-stroke);
  position: absolute;
  text-align: center;
  width: var(--loading-size);
}
.loading[data-progress].loading-mask, .loading[data-progress].loading-fill,
.loading[data-progress] .br-loading-mask,
.loading[data-progress] .br-loading-fill,
.br-loading[data-progress].loading-mask,
.br-loading[data-progress].loading-fill,
.br-loading[data-progress] .br-loading-mask,
.br-loading[data-progress] .br-loading-fill {
  backface-visibility: hidden;
  border-radius: 50%;
  clip: rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));
  height: var(--loading-diameter);
  overflow: hidden;
  position: absolute;
  width: var(--loading-diameter);
}
.loading[data-progress].loading-fill,
.loading[data-progress] .br-loading-fill,
.br-loading[data-progress].loading-fill,
.br-loading[data-progress] .br-loading-fill {
  background: var(--interactive);
  clip: rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0);
}
.loading::before,
.br-loading::before {
  animation: spinAround 1.3s infinite linear;
  border: 2px solid var(--loading-indetermined-color);
  border-radius: 50%;
  border-right-color: transparent;
  content: "";
  display: block;
  height: var(--loading-size);
  left: calc(50% - var(--loading-size) * 0.5);
  position: absolute;
  top: calc(50% - var(--loading-size) * 0.5);
  width: var(--loading-size);
}
.loading:not(.br-button),
.br-loading:not(.br-button) {
  height: var(--loading-size);
  width: var(--loading-size);
}
.loading:not(.br-button).medium,
.br-loading:not(.br-button).medium {
  --loading-size: var(--loading-indetermined-diameter-md);
}
.loading:not(.br-button).medium::before,
.br-loading:not(.br-button).medium::before {
  border-width: 4px;
}
.loading:not(.br-button)[data-progress],
.br-loading:not(.br-button)[data-progress] {
  --loading-size: var(--loading-diameter);
}
.loading:not(.br-button)[data-progress]::before,
.br-loading:not(.br-button)[data-progress]::before {
  border-width: var(--loading-stroke);
}
.loading[data-progress="1"] .br-loading-mask.full,
.loading[data-progress="1"] .br-loading-fill,
.br-loading[data-progress="1"] .br-loading-mask.full,
.br-loading[data-progress="1"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(1.8deg);
}
.loading[data-progress="2"] .br-loading-mask.full,
.loading[data-progress="2"] .br-loading-fill,
.br-loading[data-progress="2"] .br-loading-mask.full,
.br-loading[data-progress="2"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(3.6deg);
}
.loading[data-progress="3"] .br-loading-mask.full,
.loading[data-progress="3"] .br-loading-fill,
.br-loading[data-progress="3"] .br-loading-mask.full,
.br-loading[data-progress="3"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(5.4deg);
}
.loading[data-progress="4"] .br-loading-mask.full,
.loading[data-progress="4"] .br-loading-fill,
.br-loading[data-progress="4"] .br-loading-mask.full,
.br-loading[data-progress="4"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(7.2deg);
}
.loading[data-progress="5"] .br-loading-mask.full,
.loading[data-progress="5"] .br-loading-fill,
.br-loading[data-progress="5"] .br-loading-mask.full,
.br-loading[data-progress="5"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(9deg);
}
.loading[data-progress="6"] .br-loading-mask.full,
.loading[data-progress="6"] .br-loading-fill,
.br-loading[data-progress="6"] .br-loading-mask.full,
.br-loading[data-progress="6"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(10.8deg);
}
.loading[data-progress="7"] .br-loading-mask.full,
.loading[data-progress="7"] .br-loading-fill,
.br-loading[data-progress="7"] .br-loading-mask.full,
.br-loading[data-progress="7"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(12.6deg);
}
.loading[data-progress="8"] .br-loading-mask.full,
.loading[data-progress="8"] .br-loading-fill,
.br-loading[data-progress="8"] .br-loading-mask.full,
.br-loading[data-progress="8"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(14.4deg);
}
.loading[data-progress="9"] .br-loading-mask.full,
.loading[data-progress="9"] .br-loading-fill,
.br-loading[data-progress="9"] .br-loading-mask.full,
.br-loading[data-progress="9"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(16.2deg);
}
.loading[data-progress="10"] .br-loading-mask.full,
.loading[data-progress="10"] .br-loading-fill,
.br-loading[data-progress="10"] .br-loading-mask.full,
.br-loading[data-progress="10"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(18deg);
}
.loading[data-progress="11"] .br-loading-mask.full,
.loading[data-progress="11"] .br-loading-fill,
.br-loading[data-progress="11"] .br-loading-mask.full,
.br-loading[data-progress="11"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(19.8deg);
}
.loading[data-progress="12"] .br-loading-mask.full,
.loading[data-progress="12"] .br-loading-fill,
.br-loading[data-progress="12"] .br-loading-mask.full,
.br-loading[data-progress="12"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(21.6deg);
}
.loading[data-progress="13"] .br-loading-mask.full,
.loading[data-progress="13"] .br-loading-fill,
.br-loading[data-progress="13"] .br-loading-mask.full,
.br-loading[data-progress="13"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(23.4deg);
}
.loading[data-progress="14"] .br-loading-mask.full,
.loading[data-progress="14"] .br-loading-fill,
.br-loading[data-progress="14"] .br-loading-mask.full,
.br-loading[data-progress="14"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(25.2deg);
}
.loading[data-progress="15"] .br-loading-mask.full,
.loading[data-progress="15"] .br-loading-fill,
.br-loading[data-progress="15"] .br-loading-mask.full,
.br-loading[data-progress="15"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(27deg);
}
.loading[data-progress="16"] .br-loading-mask.full,
.loading[data-progress="16"] .br-loading-fill,
.br-loading[data-progress="16"] .br-loading-mask.full,
.br-loading[data-progress="16"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(28.8deg);
}
.loading[data-progress="17"] .br-loading-mask.full,
.loading[data-progress="17"] .br-loading-fill,
.br-loading[data-progress="17"] .br-loading-mask.full,
.br-loading[data-progress="17"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(30.6deg);
}
.loading[data-progress="18"] .br-loading-mask.full,
.loading[data-progress="18"] .br-loading-fill,
.br-loading[data-progress="18"] .br-loading-mask.full,
.br-loading[data-progress="18"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(32.4deg);
}
.loading[data-progress="19"] .br-loading-mask.full,
.loading[data-progress="19"] .br-loading-fill,
.br-loading[data-progress="19"] .br-loading-mask.full,
.br-loading[data-progress="19"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(34.2deg);
}
.loading[data-progress="20"] .br-loading-mask.full,
.loading[data-progress="20"] .br-loading-fill,
.br-loading[data-progress="20"] .br-loading-mask.full,
.br-loading[data-progress="20"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(36deg);
}
.loading[data-progress="21"] .br-loading-mask.full,
.loading[data-progress="21"] .br-loading-fill,
.br-loading[data-progress="21"] .br-loading-mask.full,
.br-loading[data-progress="21"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(37.8deg);
}
.loading[data-progress="22"] .br-loading-mask.full,
.loading[data-progress="22"] .br-loading-fill,
.br-loading[data-progress="22"] .br-loading-mask.full,
.br-loading[data-progress="22"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(39.6deg);
}
.loading[data-progress="23"] .br-loading-mask.full,
.loading[data-progress="23"] .br-loading-fill,
.br-loading[data-progress="23"] .br-loading-mask.full,
.br-loading[data-progress="23"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(41.4deg);
}
.loading[data-progress="24"] .br-loading-mask.full,
.loading[data-progress="24"] .br-loading-fill,
.br-loading[data-progress="24"] .br-loading-mask.full,
.br-loading[data-progress="24"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(43.2deg);
}
.loading[data-progress="25"] .br-loading-mask.full,
.loading[data-progress="25"] .br-loading-fill,
.br-loading[data-progress="25"] .br-loading-mask.full,
.br-loading[data-progress="25"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(45deg);
}
.loading[data-progress="26"] .br-loading-mask.full,
.loading[data-progress="26"] .br-loading-fill,
.br-loading[data-progress="26"] .br-loading-mask.full,
.br-loading[data-progress="26"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(46.8deg);
}
.loading[data-progress="27"] .br-loading-mask.full,
.loading[data-progress="27"] .br-loading-fill,
.br-loading[data-progress="27"] .br-loading-mask.full,
.br-loading[data-progress="27"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(48.6deg);
}
.loading[data-progress="28"] .br-loading-mask.full,
.loading[data-progress="28"] .br-loading-fill,
.br-loading[data-progress="28"] .br-loading-mask.full,
.br-loading[data-progress="28"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(50.4deg);
}
.loading[data-progress="29"] .br-loading-mask.full,
.loading[data-progress="29"] .br-loading-fill,
.br-loading[data-progress="29"] .br-loading-mask.full,
.br-loading[data-progress="29"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(52.2deg);
}
.loading[data-progress="30"] .br-loading-mask.full,
.loading[data-progress="30"] .br-loading-fill,
.br-loading[data-progress="30"] .br-loading-mask.full,
.br-loading[data-progress="30"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(54deg);
}
.loading[data-progress="31"] .br-loading-mask.full,
.loading[data-progress="31"] .br-loading-fill,
.br-loading[data-progress="31"] .br-loading-mask.full,
.br-loading[data-progress="31"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(55.8deg);
}
.loading[data-progress="32"] .br-loading-mask.full,
.loading[data-progress="32"] .br-loading-fill,
.br-loading[data-progress="32"] .br-loading-mask.full,
.br-loading[data-progress="32"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(57.6deg);
}
.loading[data-progress="33"] .br-loading-mask.full,
.loading[data-progress="33"] .br-loading-fill,
.br-loading[data-progress="33"] .br-loading-mask.full,
.br-loading[data-progress="33"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(59.4deg);
}
.loading[data-progress="34"] .br-loading-mask.full,
.loading[data-progress="34"] .br-loading-fill,
.br-loading[data-progress="34"] .br-loading-mask.full,
.br-loading[data-progress="34"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(61.2deg);
}
.loading[data-progress="35"] .br-loading-mask.full,
.loading[data-progress="35"] .br-loading-fill,
.br-loading[data-progress="35"] .br-loading-mask.full,
.br-loading[data-progress="35"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(63deg);
}
.loading[data-progress="36"] .br-loading-mask.full,
.loading[data-progress="36"] .br-loading-fill,
.br-loading[data-progress="36"] .br-loading-mask.full,
.br-loading[data-progress="36"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(64.8deg);
}
.loading[data-progress="37"] .br-loading-mask.full,
.loading[data-progress="37"] .br-loading-fill,
.br-loading[data-progress="37"] .br-loading-mask.full,
.br-loading[data-progress="37"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(66.6deg);
}
.loading[data-progress="38"] .br-loading-mask.full,
.loading[data-progress="38"] .br-loading-fill,
.br-loading[data-progress="38"] .br-loading-mask.full,
.br-loading[data-progress="38"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(68.4deg);
}
.loading[data-progress="39"] .br-loading-mask.full,
.loading[data-progress="39"] .br-loading-fill,
.br-loading[data-progress="39"] .br-loading-mask.full,
.br-loading[data-progress="39"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(70.2deg);
}
.loading[data-progress="40"] .br-loading-mask.full,
.loading[data-progress="40"] .br-loading-fill,
.br-loading[data-progress="40"] .br-loading-mask.full,
.br-loading[data-progress="40"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(72deg);
}
.loading[data-progress="41"] .br-loading-mask.full,
.loading[data-progress="41"] .br-loading-fill,
.br-loading[data-progress="41"] .br-loading-mask.full,
.br-loading[data-progress="41"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(73.8deg);
}
.loading[data-progress="42"] .br-loading-mask.full,
.loading[data-progress="42"] .br-loading-fill,
.br-loading[data-progress="42"] .br-loading-mask.full,
.br-loading[data-progress="42"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(75.6deg);
}
.loading[data-progress="43"] .br-loading-mask.full,
.loading[data-progress="43"] .br-loading-fill,
.br-loading[data-progress="43"] .br-loading-mask.full,
.br-loading[data-progress="43"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(77.4deg);
}
.loading[data-progress="44"] .br-loading-mask.full,
.loading[data-progress="44"] .br-loading-fill,
.br-loading[data-progress="44"] .br-loading-mask.full,
.br-loading[data-progress="44"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(79.2deg);
}
.loading[data-progress="45"] .br-loading-mask.full,
.loading[data-progress="45"] .br-loading-fill,
.br-loading[data-progress="45"] .br-loading-mask.full,
.br-loading[data-progress="45"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(81deg);
}
.loading[data-progress="46"] .br-loading-mask.full,
.loading[data-progress="46"] .br-loading-fill,
.br-loading[data-progress="46"] .br-loading-mask.full,
.br-loading[data-progress="46"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(82.8deg);
}
.loading[data-progress="47"] .br-loading-mask.full,
.loading[data-progress="47"] .br-loading-fill,
.br-loading[data-progress="47"] .br-loading-mask.full,
.br-loading[data-progress="47"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(84.6deg);
}
.loading[data-progress="48"] .br-loading-mask.full,
.loading[data-progress="48"] .br-loading-fill,
.br-loading[data-progress="48"] .br-loading-mask.full,
.br-loading[data-progress="48"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(86.4deg);
}
.loading[data-progress="49"] .br-loading-mask.full,
.loading[data-progress="49"] .br-loading-fill,
.br-loading[data-progress="49"] .br-loading-mask.full,
.br-loading[data-progress="49"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(88.2deg);
}
.loading[data-progress="50"] .br-loading-mask.full,
.loading[data-progress="50"] .br-loading-fill,
.br-loading[data-progress="50"] .br-loading-mask.full,
.br-loading[data-progress="50"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(90deg);
}
.loading[data-progress="51"] .br-loading-mask.full,
.loading[data-progress="51"] .br-loading-fill,
.br-loading[data-progress="51"] .br-loading-mask.full,
.br-loading[data-progress="51"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(91.8deg);
}
.loading[data-progress="52"] .br-loading-mask.full,
.loading[data-progress="52"] .br-loading-fill,
.br-loading[data-progress="52"] .br-loading-mask.full,
.br-loading[data-progress="52"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(93.6deg);
}
.loading[data-progress="53"] .br-loading-mask.full,
.loading[data-progress="53"] .br-loading-fill,
.br-loading[data-progress="53"] .br-loading-mask.full,
.br-loading[data-progress="53"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(95.4deg);
}
.loading[data-progress="54"] .br-loading-mask.full,
.loading[data-progress="54"] .br-loading-fill,
.br-loading[data-progress="54"] .br-loading-mask.full,
.br-loading[data-progress="54"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(97.2deg);
}
.loading[data-progress="55"] .br-loading-mask.full,
.loading[data-progress="55"] .br-loading-fill,
.br-loading[data-progress="55"] .br-loading-mask.full,
.br-loading[data-progress="55"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(99deg);
}
.loading[data-progress="56"] .br-loading-mask.full,
.loading[data-progress="56"] .br-loading-fill,
.br-loading[data-progress="56"] .br-loading-mask.full,
.br-loading[data-progress="56"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(100.8deg);
}
.loading[data-progress="57"] .br-loading-mask.full,
.loading[data-progress="57"] .br-loading-fill,
.br-loading[data-progress="57"] .br-loading-mask.full,
.br-loading[data-progress="57"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(102.6deg);
}
.loading[data-progress="58"] .br-loading-mask.full,
.loading[data-progress="58"] .br-loading-fill,
.br-loading[data-progress="58"] .br-loading-mask.full,
.br-loading[data-progress="58"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(104.4deg);
}
.loading[data-progress="59"] .br-loading-mask.full,
.loading[data-progress="59"] .br-loading-fill,
.br-loading[data-progress="59"] .br-loading-mask.full,
.br-loading[data-progress="59"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(106.2deg);
}
.loading[data-progress="60"] .br-loading-mask.full,
.loading[data-progress="60"] .br-loading-fill,
.br-loading[data-progress="60"] .br-loading-mask.full,
.br-loading[data-progress="60"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(108deg);
}
.loading[data-progress="61"] .br-loading-mask.full,
.loading[data-progress="61"] .br-loading-fill,
.br-loading[data-progress="61"] .br-loading-mask.full,
.br-loading[data-progress="61"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(109.8deg);
}
.loading[data-progress="62"] .br-loading-mask.full,
.loading[data-progress="62"] .br-loading-fill,
.br-loading[data-progress="62"] .br-loading-mask.full,
.br-loading[data-progress="62"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(111.6deg);
}
.loading[data-progress="63"] .br-loading-mask.full,
.loading[data-progress="63"] .br-loading-fill,
.br-loading[data-progress="63"] .br-loading-mask.full,
.br-loading[data-progress="63"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(113.4deg);
}
.loading[data-progress="64"] .br-loading-mask.full,
.loading[data-progress="64"] .br-loading-fill,
.br-loading[data-progress="64"] .br-loading-mask.full,
.br-loading[data-progress="64"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(115.2deg);
}
.loading[data-progress="65"] .br-loading-mask.full,
.loading[data-progress="65"] .br-loading-fill,
.br-loading[data-progress="65"] .br-loading-mask.full,
.br-loading[data-progress="65"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(117deg);
}
.loading[data-progress="66"] .br-loading-mask.full,
.loading[data-progress="66"] .br-loading-fill,
.br-loading[data-progress="66"] .br-loading-mask.full,
.br-loading[data-progress="66"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(118.8deg);
}
.loading[data-progress="67"] .br-loading-mask.full,
.loading[data-progress="67"] .br-loading-fill,
.br-loading[data-progress="67"] .br-loading-mask.full,
.br-loading[data-progress="67"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(120.6deg);
}
.loading[data-progress="68"] .br-loading-mask.full,
.loading[data-progress="68"] .br-loading-fill,
.br-loading[data-progress="68"] .br-loading-mask.full,
.br-loading[data-progress="68"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(122.4deg);
}
.loading[data-progress="69"] .br-loading-mask.full,
.loading[data-progress="69"] .br-loading-fill,
.br-loading[data-progress="69"] .br-loading-mask.full,
.br-loading[data-progress="69"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(124.2deg);
}
.loading[data-progress="70"] .br-loading-mask.full,
.loading[data-progress="70"] .br-loading-fill,
.br-loading[data-progress="70"] .br-loading-mask.full,
.br-loading[data-progress="70"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(126deg);
}
.loading[data-progress="71"] .br-loading-mask.full,
.loading[data-progress="71"] .br-loading-fill,
.br-loading[data-progress="71"] .br-loading-mask.full,
.br-loading[data-progress="71"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(127.8deg);
}
.loading[data-progress="72"] .br-loading-mask.full,
.loading[data-progress="72"] .br-loading-fill,
.br-loading[data-progress="72"] .br-loading-mask.full,
.br-loading[data-progress="72"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(129.6deg);
}
.loading[data-progress="73"] .br-loading-mask.full,
.loading[data-progress="73"] .br-loading-fill,
.br-loading[data-progress="73"] .br-loading-mask.full,
.br-loading[data-progress="73"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(131.4deg);
}
.loading[data-progress="74"] .br-loading-mask.full,
.loading[data-progress="74"] .br-loading-fill,
.br-loading[data-progress="74"] .br-loading-mask.full,
.br-loading[data-progress="74"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(133.2deg);
}
.loading[data-progress="75"] .br-loading-mask.full,
.loading[data-progress="75"] .br-loading-fill,
.br-loading[data-progress="75"] .br-loading-mask.full,
.br-loading[data-progress="75"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(135deg);
}
.loading[data-progress="76"] .br-loading-mask.full,
.loading[data-progress="76"] .br-loading-fill,
.br-loading[data-progress="76"] .br-loading-mask.full,
.br-loading[data-progress="76"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(136.8deg);
}
.loading[data-progress="77"] .br-loading-mask.full,
.loading[data-progress="77"] .br-loading-fill,
.br-loading[data-progress="77"] .br-loading-mask.full,
.br-loading[data-progress="77"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(138.6deg);
}
.loading[data-progress="78"] .br-loading-mask.full,
.loading[data-progress="78"] .br-loading-fill,
.br-loading[data-progress="78"] .br-loading-mask.full,
.br-loading[data-progress="78"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(140.4deg);
}
.loading[data-progress="79"] .br-loading-mask.full,
.loading[data-progress="79"] .br-loading-fill,
.br-loading[data-progress="79"] .br-loading-mask.full,
.br-loading[data-progress="79"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(142.2deg);
}
.loading[data-progress="80"] .br-loading-mask.full,
.loading[data-progress="80"] .br-loading-fill,
.br-loading[data-progress="80"] .br-loading-mask.full,
.br-loading[data-progress="80"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(144deg);
}
.loading[data-progress="81"] .br-loading-mask.full,
.loading[data-progress="81"] .br-loading-fill,
.br-loading[data-progress="81"] .br-loading-mask.full,
.br-loading[data-progress="81"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(145.8deg);
}
.loading[data-progress="82"] .br-loading-mask.full,
.loading[data-progress="82"] .br-loading-fill,
.br-loading[data-progress="82"] .br-loading-mask.full,
.br-loading[data-progress="82"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(147.6deg);
}
.loading[data-progress="83"] .br-loading-mask.full,
.loading[data-progress="83"] .br-loading-fill,
.br-loading[data-progress="83"] .br-loading-mask.full,
.br-loading[data-progress="83"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(149.4deg);
}
.loading[data-progress="84"] .br-loading-mask.full,
.loading[data-progress="84"] .br-loading-fill,
.br-loading[data-progress="84"] .br-loading-mask.full,
.br-loading[data-progress="84"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(151.2deg);
}
.loading[data-progress="85"] .br-loading-mask.full,
.loading[data-progress="85"] .br-loading-fill,
.br-loading[data-progress="85"] .br-loading-mask.full,
.br-loading[data-progress="85"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(153deg);
}
.loading[data-progress="86"] .br-loading-mask.full,
.loading[data-progress="86"] .br-loading-fill,
.br-loading[data-progress="86"] .br-loading-mask.full,
.br-loading[data-progress="86"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(154.8deg);
}
.loading[data-progress="87"] .br-loading-mask.full,
.loading[data-progress="87"] .br-loading-fill,
.br-loading[data-progress="87"] .br-loading-mask.full,
.br-loading[data-progress="87"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(156.6deg);
}
.loading[data-progress="88"] .br-loading-mask.full,
.loading[data-progress="88"] .br-loading-fill,
.br-loading[data-progress="88"] .br-loading-mask.full,
.br-loading[data-progress="88"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(158.4deg);
}
.loading[data-progress="89"] .br-loading-mask.full,
.loading[data-progress="89"] .br-loading-fill,
.br-loading[data-progress="89"] .br-loading-mask.full,
.br-loading[data-progress="89"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(160.2deg);
}
.loading[data-progress="90"] .br-loading-mask.full,
.loading[data-progress="90"] .br-loading-fill,
.br-loading[data-progress="90"] .br-loading-mask.full,
.br-loading[data-progress="90"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(162deg);
}
.loading[data-progress="91"] .br-loading-mask.full,
.loading[data-progress="91"] .br-loading-fill,
.br-loading[data-progress="91"] .br-loading-mask.full,
.br-loading[data-progress="91"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(163.8deg);
}
.loading[data-progress="92"] .br-loading-mask.full,
.loading[data-progress="92"] .br-loading-fill,
.br-loading[data-progress="92"] .br-loading-mask.full,
.br-loading[data-progress="92"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(165.6deg);
}
.loading[data-progress="93"] .br-loading-mask.full,
.loading[data-progress="93"] .br-loading-fill,
.br-loading[data-progress="93"] .br-loading-mask.full,
.br-loading[data-progress="93"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(167.4deg);
}
.loading[data-progress="94"] .br-loading-mask.full,
.loading[data-progress="94"] .br-loading-fill,
.br-loading[data-progress="94"] .br-loading-mask.full,
.br-loading[data-progress="94"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(169.2deg);
}
.loading[data-progress="95"] .br-loading-mask.full,
.loading[data-progress="95"] .br-loading-fill,
.br-loading[data-progress="95"] .br-loading-mask.full,
.br-loading[data-progress="95"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(171deg);
}
.loading[data-progress="96"] .br-loading-mask.full,
.loading[data-progress="96"] .br-loading-fill,
.br-loading[data-progress="96"] .br-loading-mask.full,
.br-loading[data-progress="96"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(172.8deg);
}
.loading[data-progress="97"] .br-loading-mask.full,
.loading[data-progress="97"] .br-loading-fill,
.br-loading[data-progress="97"] .br-loading-mask.full,
.br-loading[data-progress="97"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(174.6deg);
}
.loading[data-progress="98"] .br-loading-mask.full,
.loading[data-progress="98"] .br-loading-fill,
.br-loading[data-progress="98"] .br-loading-mask.full,
.br-loading[data-progress="98"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(176.4deg);
}
.loading[data-progress="99"] .br-loading-mask.full,
.loading[data-progress="99"] .br-loading-fill,
.br-loading[data-progress="99"] .br-loading-mask.full,
.br-loading[data-progress="99"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(178.2deg);
}
.loading[data-progress="100"] .br-loading-mask.full,
.loading[data-progress="100"] .br-loading-fill,
.br-loading[data-progress="100"] .br-loading-mask.full,
.br-loading[data-progress="100"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(180deg);
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
}

.br-magic-button {
  --magic-size: var(--magic-medium);
  --magic-small: var(--spacing-scale-4xh);
  --magic-medium: var(--spacing-scale-5xh);
  --magic-large: var(--spacing-scale-6xh);
  --magic-support-size: var(--magic-support-medium);
  --magic-support-small: var(--spacing-scale-7x);
  --magic-support-medium: var(--spacing-scale-8x);
  --magic-support-large: var(--spacing-scale-9x);
  --magic-z-index: var(--z-index-layer-1);
  align-items: center;
  background-color: var(--gray-5);
  border-radius: 100em;
  box-shadow: var(--surface-shadow-md);
  display: inline-flex;
  height: var(--magic-support-size);
  padding: calc((var(--magic-support-size) - var(--magic-size)) * 0.5);
}
.br-magic-button.small {
  --magic-size: var(--magic-small);
  --magic-support-size: var(--magic-support-small);
}
.br-magic-button.medium {
  --magic-size: var(--magic-medium);
  --magic-support-size: var(--magic-support-medium);
}
.br-magic-button.large {
  --magic-size: var(--magic-large);
  --magic-support-size: var(--magic-support-large);
}
.br-magic-button .svg-inline--fa,
.br-magic-button .fa,
.br-magic-button .fab,
.br-magic-button .fad,
.br-magic-button .fal,
.br-magic-button .far,
.br-magic-button .fas {
  --icon-size: var(--icon-size-lg);
}
.br-magic-button .br-button {
  --focus-offset: calc((var(--magic-support-size) - var(--magic-size)) * 0.5 + 4px);
  --button-size: var(--magic-size);
  background-color: var(--interactive-alternative);
  color: var(--color-dark);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
}
.br-magic-button .br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}
.br-magic-button .br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)));
}

.br-message {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  background: var(--message-background);
  display: flex;
  margin-bottom: var(--spacing-scale-2x);
}
.br-message .content {
  color: var(--message-text);
  flex: 1;
  font-size: var(--font-size-scale-up-01);
  padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
}
.br-message .content .message-title {
  font-weight: var(--font-weight-semi-bold);
}
.br-message .content .message-body {
  font-weight: var(--font-weigth-regular);
}
.br-message .content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.br-message .content *:last-child {
  margin-bottom: 0;
}
.br-message .icon {
  align-items: center;
  color: var(--message-color-icon);
  display: flex;
  justify-content: center;
  margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
}
.br-message .icon + .content {
  padding-left: 0;
}
.br-message .close {
  margin-right: var(--spacing-scale-base);
  margin-top: var(--spacing-scale-base);
}
.br-message.is-success, .br-message.success, .br-message[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}
.br-message.is-success .close .br-button, .br-message.success .close .br-button, .br-message[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}
.br-message.is-danger, .br-message.danger, .br-message[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}
.br-message.is-danger .close .br-button, .br-message.danger .close .br-button, .br-message[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}
.br-message.is-info, .br-message.info, .br-message[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}
.br-message.is-info .close .br-button, .br-message.info .close .br-button, .br-message[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}
.br-message.is-warning, .br-message.warning, .br-message[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}
.br-message.is-warning .close .br-button, .br-message.warning .close .br-button, .br-message[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.feedback {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  align-items: center;
  background: var(--feedback-background);
  color: var(--message-text);
  display: inline-flex;
  font-style: italic;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0;
  padding: var(--spacing-scale-half);
}
.feedback .svg-inline--fa,
.feedback .fa,
.feedback .fab,
.feedback .fad,
.feedback .fal,
.feedback .far,
.feedback .fas {
  margin-right: var(--spacing-scale-half);
}
.feedback:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--pure-0);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}
.feedback.is-success, .feedback.success, .feedback[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}
.feedback.is-success .close .br-button, .feedback.success .close .br-button, .feedback[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}
.feedback.is-danger, .feedback.danger, .feedback[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}
.feedback.is-danger .close .br-button, .feedback.danger .close .br-button, .feedback[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}
.feedback.is-info, .feedback.info, .feedback[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}
.feedback.is-info .close .br-button, .feedback.info .close .br-button, .feedback[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}
.feedback.is-warning .close .br-button, .feedback.warning .close .br-button, .feedback[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.br-modal {
  --modal-size: var(--modal-medium);
  --modal-xsmall: 220px;
  --modal-small: 300px;
  --modal-medium: 500px;
  --modal-large: 640px;
  --modal-auto: auto;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  flex-direction: column;
  max-width: var(--modal-size);
  z-index: var(--z-index-layer-4);
}
.br-modal-header {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
  position: relative;
}
.br-modal-header .close {
  position: absolute;
  right: var(--spacing-scale-base);
  top: var(--spacing-scale-base);
}
.br-modal .modal-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  margin-right: 40px;
  max-height: calc(var(--font-size-scale-up-01) * 3);
  overflow: hidden;
  text-overflow: ellipsis;
}
.br-modal-body {
  flex: 1;
  margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
  overflow: auto;
  padding: 0 var(--spacing-scale-2x);
  width: auto;
}
.br-modal-body::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-modal-body::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-modal-body::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-modal-body > *:last-child {
  margin-bottom: 0;
}
.br-modal-footer {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-scale-2x);
}
.br-modal.is-xsmall, .br-modal.xsmall {
  --modal-size: var(--modal-xsmall);
}
.br-modal.is-small, .br-modal.small {
  --modal-size: var(--modal-small);
}
.br-modal.is-medium, .br-modal.medium {
  --modal-size: var(--modal-medium);
}
.br-modal.is-large, .br-modal.large {
  --modal-size: var(--modal-large);
}
.br-modal.is-auto, .br-modal.auto {
  --modal-size: var(--modal-auto);
}
.br-modal .loading.medium {
  min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x) * 2);
}
.br-modal .terms {
  border: 0;
  box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-bottom: var(--spacing-scale-2x);
  margin-left: calc(var(--spacing-scale-2x) * -1);
  margin-right: calc(var(--spacing-scale-2x) * -1);
  overflow: auto;
  padding: var(--spacing-scale-2x);
  resize: none;
  width: auto;
}
.br-modal .terms::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-modal .terms::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-modal .terms::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-modal .terms:active {
  outline: none;
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}
@media (max-width: 991px) {
  .br-modal .terms {
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .br-modal-header .close {
    top: 0;
  }
}

.br-notification {
  --notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
  --notification-width: 50vw;
  --notification-height: calc(100vh - 86px);
  background: var(--background);
  box-shadow: var(--surface-shadow-md);
  max-height: var(--notification-height);
  max-width: var(--notification-width);
  overflow: auto;
  z-index: 1;
}
@media (max-width: 576px) {
  .br-notification {
    --item-padding-x: var(--spacing-scale-2x);
    --item-padding-y: var(--spacing-scale-base);
    --item-padding: var(--item-padding-y) var(--item-padding-x);
    --notification-padding: var(--item-padding);
    --notification-width: 100vw;
    min-height: var(--notification-height);
    overflow: hidden;
  }
  .br-notification .br-tab {
    --tab-size: var(--tab-small);
  }
  .br-notification .br-tab .tab-content {
    --notification-height: calc(100vh - 86px);
    height: var(--notification-height);
    overflow-x: auto;
  }
  .br-notification .status {
    left: var(--spacing-scale-half) !important;
    top: var(--spacing-scale-2x) !important;
  }
  .br-notification.close {
    display: none;
  }
}
@media (max-width: 992px) {
  .br-notification.close {
    display: none;
  }
}
@media (min-width: 992px) {
  .br-notification div.close {
    display: none;
  }
}
.br-notification .notification-header {
  border-bottom: 1px solid var(--border-color);
  padding: var(--notification-padding);
}
.br-notification .notification-header *:last-child {
  margin-bottom: 0;
}
.br-notification .notification-body .br-tab .tab-item {
  padding: 0;
}
.br-notification .notification-body .br-tab .tab-content {
  overflow-y: auto;
}
.br-notification .notification-body .br-tab .tab-content .br-item {
  --interactive-rgb: var(--rgb-secondary-08);
  --item-color: var(--text-color);
  padding: var(--notification-padding);
  position: relative;
  white-space: normal;
}
.br-notification .notification-body .br-tab .tab-content .br-item .status {
  left: var(--spacing-scale-base);
  position: absolute;
  top: var(--spacing-scale-3x);
}
.br-notification .notification-body .br-tab .tab-content .br-item span {
  display: block;
}

.br-pagination {
  --pagination-margin: var(--spacing-scale-base);
  --pagination-select-width: 88px;
  --pagination-size: var(--pagination-medium);
  --pagination-small: 24px;
  --pagination-medium: 32px;
  --pagination-large: 40px;
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--font-weight);
  justify-content: center;
}
.br-pagination ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.br-pagination li {
  padding: 0;
}
.br-pagination.dark-mode .page {
  color: var(--color-dark);
}
.br-pagination.dark-mode .br-select .br-item label {
  color: var(--color-dark);
}
.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-pagination .page {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 100em;
  color: var(--interactive);
  display: inline-flex;
  justify-content: center;
  margin: 0 calc(var(--pagination-margin) * 0.5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-pagination .page.active {
  background: var(--active);
  color: var(--color-dark);
  font-weight: var(--font-weight-semi-bold);
}
.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin) * 0.5);
  position: relative;
}
.br-pagination .pagination-ellipsis .br-button {
  --button-size: var(--pagination-size);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-pagination .pagination-ellipsis .br-list {
  max-height: 220px;
  min-width: 4em;
  overflow-y: auto;
  z-index: var(--z-index-layer-1);
}
.br-pagination.small {
  --pagination-size: var(--pagination-small);
}
.br-pagination.medium {
  --pagination-size: var(--pagination-medium);
}
.br-pagination.large {
  --pagination-size: var(--pagination-large);
}
.br-pagination .pagination-information {
  align-items: center;
  display: flex;
}
.br-pagination .pagination-per-page,
.br-pagination .pagination-go-to-page {
  align-items: center;
  display: flex;
}
.br-pagination .pagination-per-page .br-input,
.br-pagination .pagination-go-to-page .br-input {
  align-items: center;
  display: flex;
}
.br-pagination .pagination-per-page .br-input label,
.br-pagination .pagination-go-to-page .br-input label {
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-right: var(--spacing-scale-base);
  padding-bottom: 0;
}
.br-pagination .pagination-per-page .br-input input,
.br-pagination .pagination-go-to-page .br-input input {
  --input-size: var(--pagination-medium);
  padding-left: var(--spacing-scale-base);
  padding-right: calc(var(--spacing-scale-baseh) + 32px);
  text-align: right;
  width: var(--pagination-select-width);
}
.br-pagination .pagination-per-page .br-input input:not(:focus),
.br-pagination .pagination-go-to-page .br-input input:not(:focus) {
  border-color: transparent;
}
.br-pagination .pagination-per-page .br-list,
.br-pagination .pagination-go-to-page .br-list {
  min-width: 5em;
  right: 0;
  width: auto;
}
.br-pagination .pagination-arrows {
  align-items: center;
  display: flex;
}
.br-pagination .br-select .br-input .br-button {
  bottom: auto;
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: auto;
  transform: none;
}
.br-pagination .br-divider {
  border-right-width: var(--divider-size);
  border-top: 0;
}
.br-pagination.inverted, .br-pagination.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-pagination.inverted.inverted .br-input,
.br-pagination.inverted.inverted .br-input label, .br-pagination.inverted.dark-mode .br-input,
.br-pagination.inverted.dark-mode .br-input label, .br-pagination.dark-mode.inverted .br-input,
.br-pagination.dark-mode.inverted .br-input label, .br-pagination.dark-mode.dark-mode .br-input,
.br-pagination.dark-mode.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-pagination.inverted .page.active, .br-pagination.dark-mode .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-pagination .input-group .input-icon {
  display: none;
}

.br-scrim.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim.foco.active {
  display: block;
}
.br-scrim.inibicao {
  position: relative;
}
.br-scrim.inibicao::before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim.legibilidade {
  position: relative;
}
.br-scrim.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}

.br-scrim-util.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim-util.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim-util.foco.active {
  display: block;
}
.br-scrim-util.inibicao {
  position: relative;
}
.br-scrim-util.inibicao::before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim-util.legibilidade {
  position: relative;
}
.br-scrim-util.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}

.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  --select-shadow: var(--surface-shadow-md);
}
.br-select .br-input input {
  padding-right: 29px;
  text-overflow: ellipsis;
}
.br-select .br-input input::after {
  bottom: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
}
.br-select {
  max-width: 400px;
  min-width: 100px;
  position: relative;
}
.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  display: none;
  margin-top: -2px;
  max-height: 404px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 1;
}
.br-select .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-select .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-select .br-list:focus, .br-select .br-list:active {
  color: var(--color-secondary-09);
  outline: none;
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}
.br-select .br-list[expanded] {
  display: block;
}
.br-select .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .content {
  padding: 0;
}
.br-select .br-item .br-checkbox,
.br-select .br-item .br-radio {
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-select .br-item .br-radio input:hover:not(:disabled) + label::before {
  background-image: none;
}
.br-select .br-item .br-checkbox input + label,
.br-select .br-item .br-radio input + label {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-select .br-item .br-radio input + label {
  color: var(--text-color);
  display: block;
  height: auto;
  min-height: 0;
  padding: var(--item-padding);
}
.br-select .br-item .br-radio input + label::before, .br-select .br-item .br-radio input + label::after {
  content: none;
}
.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider);
}
.br-select .br-item:not([disabled]) {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}
.br-select .br-item:not([disabled]):focus {
  outline: none;
}
.br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.selected, .br-select .br-item[selected] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-select .br-item.selected:focus, .br-select .br-item[selected]:focus {
  outline: none;
}
.br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.disabled {
  line-height: calc(var(--font-line-height-high) * 2);
  padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}
.br-select .br-item.highlighted, .br-select .br-item[highlighted] {
  background-color: var(--gray-2);
  padding-bottom: var(--spacing-scale-base);
  padding-top: var(--spacing-scale-base);
}
.br-select .br-item.highlighted .br-checkbox label,
.br-select .br-item.highlighted .br-radio label, .br-select .br-item[highlighted] .br-checkbox label,
.br-select .br-item[highlighted] .br-radio label {
  font-weight: var(--font-weight-semi-bold);
}
.br-select .br-item.highlighted .br-checkbox:hover,
.br-select .br-item.highlighted .br-radio:hover, .br-select .br-item[highlighted] .br-checkbox:hover,
.br-select .br-item[highlighted] .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-select .br-item.highlighted .br-checkbox:hover label,
.br-select .br-item.highlighted .br-radio:hover label, .br-select .br-item[highlighted] .br-checkbox:hover label,
.br-select .br-item[highlighted] .br-radio:hover label {
  color: var(--text-color);
}
.br-select .br-item.highlighted.selected, .br-select .br-item.highlighted[selected], .br-select .br-item[highlighted].selected, .br-select .br-item[highlighted][selected] {
  background-color: var(--selected);
}
.br-select.inverted .br-input,
.br-select.inverted .br-input label, .br-select.dark-mode .br-input,
.br-select.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-sign-in,
.br-button.sign-in {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-sign-in.block,
.br-button.sign-in.block {
  width: 100%;
}
@media (min-width: 576px) {
  .br-sign-in.block-sm,
  .br-button.sign-in.block-sm {
    width: 100%;
  }
  .br-sign-in.auto-sm,
  .br-button.sign-in.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-sign-in.block-md,
  .br-button.sign-in.block-md {
    width: 100%;
  }
  .br-sign-in.auto-md,
  .br-button.sign-in.auto-md {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .br-sign-in.block-lg,
  .br-button.sign-in.block-lg {
    width: 100%;
  }
  .br-sign-in.auto-lg,
  .br-button.sign-in.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-sign-in.block-xl,
  .br-button.sign-in.block-xl {
    width: 100%;
  }
  .br-sign-in.auto-xl,
  .br-button.sign-in.auto-xl {
    width: auto;
  }
}
.br-sign-in.circle, .br-sign-in[circle], .br-sign-in.is-circle,
.br-button.sign-in.circle,
.br-button.sign-in[circle],
.br-button.sign-in.is-circle {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-sign-in.xsmall, .br-sign-in[xsmall], .br-sign-in.is-xsmall,
.br-button.sign-in.xsmall,
.br-button.sign-in[xsmall],
.br-button.sign-in.is-xsmall {
  --button-size: var(--button-xsmall);
}
.br-sign-in.small, .br-sign-in[small], .br-sign-in.is-small,
.br-button.sign-in.small,
.br-button.sign-in[small],
.br-button.sign-in.is-small {
  --button-size: var(--button-small);
}
.br-sign-in.medium, .br-sign-in[medium], .br-sign-in.is-medium,
.br-button.sign-in.medium,
.br-button.sign-in[medium],
.br-button.sign-in.is-medium {
  --button-size: var(--button-medium);
}
.br-sign-in.large, .br-sign-in[large], .br-sign-in.is-large,
.br-button.sign-in.large,
.br-button.sign-in[large],
.br-button.sign-in.is-large {
  --button-size: var(--button-large);
}
.br-sign-in.primary, .br-sign-in[primary], .br-sign-in.is-primary,
.br-button.sign-in.primary,
.br-button.sign-in[primary],
.br-button.sign-in.is-primary {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-sign-in.secondary, .br-sign-in[secondary], .br-sign-in.is-secondary,
.br-button.sign-in.secondary,
.br-button.sign-in[secondary],
.br-button.sign-in.is-secondary {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-sign-in.danger, .br-sign-in[danger], .br-sign-in.is-danger,
.br-button.sign-in.danger,
.br-button.sign-in[danger],
.br-button.sign-in.is-danger {
  background-color: var(--danger);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in.success, .br-sign-in[success], .br-sign-in.is-success,
.br-button.sign-in.success,
.br-button.sign-in[success],
.br-button.sign-in.is-success {
  background-color: var(--success);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in.warning, .br-sign-in[warning], .br-sign-in.is-warning,
.br-button.sign-in.warning,
.br-button.sign-in[warning],
.br-button.sign-in.is-warning {
  background-color: var(--warning);
  --interactive-rgb: var(--color-light-rgb);
  color: var(--color-light);
}
.br-sign-in.info, .br-sign-in[info], .br-sign-in.is-info,
.br-button.sign-in.info,
.br-button.sign-in[info],
.br-button.sign-in.is-info {
  background-color: var(--info);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in:disabled,
.br-button.sign-in:disabled {
  cursor: not-allowed;
}
.br-sign-in:not(:disabled),
.br-button.sign-in:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}
.br-sign-in:not(:disabled):focus,
.br-button.sign-in:not(:disabled):focus {
  outline: none;
}
.br-sign-in:not(:disabled).focus-visible, .br-sign-in:not(:disabled):focus-visible,
.br-button.sign-in:not(:disabled).focus-visible,
.br-button.sign-in:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-sign-in:not(:disabled):not(:disabled):hover,
.br-button.sign-in:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-sign-in:not(:disabled):not(:disabled):active,
.br-button.sign-in:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-sign-in.active, .br-sign-in.is-active, .br-sign-in[active],
.br-button.sign-in.active,
.br-button.sign-in.is-active,
.br-button.sign-in[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-sign-in.loading,
.br-button.sign-in.loading {
  color: transparent !important;
  cursor: progress;
}
.br-sign-in.loading:not(:disabled):hover,
.br-button.sign-in.loading:not(:disabled):hover {
  background-image: none;
}
.br-sign-in.loading::before,
.br-button.sign-in.loading::before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-sign-in.loading.primary::before, .br-sign-in.loading.danger::before, .br-sign-in.loading.success::before, .br-sign-in.loading.info::before,
.br-button.sign-in.loading.primary::before,
.br-button.sign-in.loading.danger::before,
.br-button.sign-in.loading.success::before,
.br-button.sign-in.loading.info::before {
  border-color: var(--background) var(--background) transparent;
}
.br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted], .br-sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-button.sign-in.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  color: var(--interactive-dark);
}
.br-sign-in.inverted.primary, .br-sign-in.inverted[primary], .br-sign-in.inverted.is-primary, .br-sign-in.is-inverted.primary, .br-sign-in.is-inverted[primary], .br-sign-in.is-inverted.is-primary, .br-sign-in[inverted].primary, .br-sign-in[inverted][primary], .br-sign-in[inverted].is-primary, .br-sign-in.dark-mode.primary, .br-sign-in.dark-mode[primary], .br-sign-in.dark-mode.is-primary,
.br-button.sign-in.inverted.primary,
.br-button.sign-in.inverted[primary],
.br-button.sign-in.inverted.is-primary,
.br-button.sign-in.is-inverted.primary,
.br-button.sign-in.is-inverted[primary],
.br-button.sign-in.is-inverted.is-primary,
.br-button.sign-in[inverted].primary,
.br-button.sign-in[inverted][primary],
.br-button.sign-in[inverted].is-primary,
.br-button.sign-in.dark-mode.primary,
.br-button.sign-in.dark-mode[primary],
.br-button.sign-in.dark-mode.is-primary {
  --interactive-rgb: var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-sign-in.inverted.secondary, .br-sign-in.inverted[secondary], .br-sign-in.inverted.is-secondary, .br-sign-in.is-inverted.secondary, .br-sign-in.is-inverted[secondary], .br-sign-in.is-inverted.is-secondary, .br-sign-in[inverted].secondary, .br-sign-in[inverted][secondary], .br-sign-in[inverted].is-secondary, .br-sign-in.dark-mode.secondary, .br-sign-in.dark-mode[secondary], .br-sign-in.dark-mode.is-secondary,
.br-button.sign-in.inverted.secondary,
.br-button.sign-in.inverted[secondary],
.br-button.sign-in.inverted.is-secondary,
.br-button.sign-in.is-inverted.secondary,
.br-button.sign-in.is-inverted[secondary],
.br-button.sign-in.is-inverted.is-secondary,
.br-button.sign-in[inverted].secondary,
.br-button.sign-in[inverted][secondary],
.br-button.sign-in[inverted].is-secondary,
.br-button.sign-in.dark-mode.secondary,
.br-button.sign-in.dark-mode[secondary],
.br-button.sign-in.dark-mode.is-secondary {
  background-color: var(--background-dark);
}
.br-sign-in.inverted.active, .br-sign-in.is-inverted.active, .br-sign-in[inverted].active, .br-sign-in.dark-mode.active,
.br-button.sign-in.inverted.active,
.br-button.sign-in.is-inverted.active,
.br-button.sign-in[inverted].active,
.br-button.sign-in.dark-mode.active {
  --hover: var(--hover-light);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-sign-in,
.br-button.sign-in {
  --background: var(--gray-2);
  --sign-in-img: 20px;
  background-color: var(--background);
  padding: 0 var(--spacing-scale-2x);
}
.br-sign-in img,
.br-button.sign-in img {
  max-height: var(--sign-in-img);
}
.br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted], .br-sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-button.sign-in.dark-mode {
  --background: var(--background-dark);
}

.br-skiplink {
  --skiplink-layer: var(--z-index-layer-4);
  --skiplink-margin: var(--spacing-scale-2x);
  --skiplink-min-width: 300px;
  --skiplink-shadow: var(--surface-shadow-lg);
  --skiplink-duration: 150ms;
  --skiplink-timing-function: ease-out;
  display: inline-flex;
  flex-direction: column;
  left: var(--skiplink-margin);
  position: fixed;
  top: 0;
  z-index: var(--skiplink-layer);
}
.br-skiplink a {
  align-items: center;
  background-color: var(--background);
  box-shadow: var(--skiplink-shadow);
  display: inline-flex;
  min-width: var(--skiplink-min-width);
  position: absolute;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  white-space: nowrap;
  width: auto;
}
.br-skiplink a:focus, .br-skiplink a:focus-visible {
  top: 0;
}
.br-skiplink .br-tag {
  background: var(--interactive);
}
.br-skiplink.full {
  box-shadow: var(--skiplink-shadow);
  flex-direction: row;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
}
.br-skiplink.full a {
  box-shadow: none;
  min-width: 0;
  position: relative;
  top: 0;
}
.br-skiplink.full:focus-within {
  top: 0;
}

.br-step {
  --step-empty: 16px;
  --step-empty-border: 4px;
  --step-line: 1px;
  --step-size: var(--step-medium);
  --step-small: 32px;
  --step-medium: 40px;
  --step-large: 48px;
  --step-simple-size: var(--step-simple-medium);
  --step-simple-medium: 8px;
  --step-simple-large: 12px;
  --step-alert-success-icon: "";
  --step-alert-warning-icon: "";
  --step-alert-info-icon: "";
  --step-alert-danger-icon: "";
  display: flex;
  padding: var(--spacing-scale-base);
}
.br-step .step-progress {
  display: flex;
  flex-grow: 1;
}
.br-step.vertical {
  flex-direction: column;
}
.br-step.vertical .step-progress {
  flex-direction: column;
}
.br-step .step-progress-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  min-height: var(--step-size);
  padding: 0;
  position: relative;
}
.br-step[data-label=left] .step-progress-btn {
  justify-content: end;
}
.br-step[data-label=right] .step-progress-btn {
  justify-content: start;
}
.br-step.vertical .step-progress-btn {
  justify-content: start;
}
.br-step.vertical[data-label=left] .step-progress-btn {
  justify-content: end;
}
.br-step.vertical[data-label=right] .step-progress-btn {
  justify-content: start;
}
.br-step .step-progress-btn::before {
  align-items: center;
  background-color: var(--background);
  border: var(--step-line) solid var(--interactive);
  border-radius: 50%;
  color: var(--interactive);
  content: attr(step-num);
  display: inline-flex;
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-medium);
  height: var(--step-size);
  justify-content: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: var(--step-size);
  z-index: 2;
}
.br-step .step-icon {
  align-items: center;
  color: var(--interactive);
  display: inline-flex;
  height: var(--step-size);
  justify-content: center;
  position: absolute;
  width: var(--step-size);
  z-index: 4;
}
.br-step .step-alert {
  align-items: center;
  border-radius: 50%;
  color: var(--color-dark);
  display: flex;
  height: var(--font-size-scale-up-04);
  justify-content: center;
  position: absolute;
  width: var(--font-size-scale-up-04);
  z-index: 4;
}
.br-step .step-alert::after {
  display: flex;
  font-family: "Font Awesome 5 Free";
  font-size: var(--font-size-scale-up-01);
  font-weight: 900;
}
.br-step[data-label=bottom] .step-progress-btn::before {
  top: 0;
}
.br-step[data-label=bottom] .step-icon {
  top: 0;
}
.br-step[data-label=bottom] .step-alert {
  transform: translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75));
}
.br-step[data-label=top] .step-progress-btn::before {
  bottom: 0;
}
.br-step[data-label=top] .step-icon {
  bottom: 0;
}
.br-step[data-label=top] .step-alert {
  transform: translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25));
}
.br-step[data-label=left] .step-progress-btn::before {
  left: auto;
  right: 0;
}
.br-step[data-label=left] .step-alert {
  transform: translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25));
}
.br-step[data-label=right] .step-progress-btn::before {
  left: 0;
  right: auto;
}
.br-step[data-label=right] .step-alert {
  transform: translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25));
}
.br-step.vertical .step-progress-btn::before {
  bottom: 0;
  left: auto;
  right: auto;
  top: 0;
}
.br-step.vertical[data-label=left] .step-progress-btn::before {
  right: 0;
}
.br-step.vertical[data-label=right] .step-progress-btn::before {
  left: 0;
}
.br-step .step-progress-btn::after {
  background-color: var(--interactive);
  content: "";
  display: block;
  height: var(--step-line);
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.br-step .step-progress-btn:first-child::after {
  left: 50%;
}
.br-step .step-progress-btn:last-child::after {
  right: 50%;
}
.br-step[data-label=bottom] .step-progress-btn::after {
  top: calc(var(--step-size) * 0.5);
}
.br-step[data-label=top] .step-progress-btn::after {
  bottom: calc(var(--step-size) * 0.5);
}
.br-step[data-label=left] .step-progress-btn::after {
  left: 0;
}
.br-step[data-label=left] .step-progress-btn:first-child::after {
  left: 100%;
}
.br-step[data-label=left] .step-progress-btn:last-child::after {
  right: 0;
}
.br-step[data-label=right] .step-progress-btn::after {
  right: 0;
}
.br-step[data-label=right] .step-progress-btn:first-child::after {
  left: 0;
}
.br-step[data-label=right] .step-progress-btn:last-child::after {
  right: 100%;
}
.br-step.vertical .step-progress-btn::after {
  bottom: 0;
  height: auto;
  left: auto;
  right: auto;
  top: 0;
  width: var(--step-line);
}
.br-step.vertical .step-progress-btn:first-child::after {
  left: auto;
  top: 50%;
}
.br-step.vertical .step-progress-btn:last-child::after {
  bottom: 50%;
  right: auto;
}
.br-step.vertical[data-label=left] .step-progress-btn::after {
  right: calc(var(--step-size) * 0.5);
}
.br-step.vertical[data-label=right] .step-progress-btn::after {
  left: calc(var(--step-size) * 0.5);
}
.br-step .step-info {
  color: var(--interactive);
  display: inline-block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
}
.br-step[data-label=bottom] .step-info {
  margin-top: var(--step-size);
  padding-top: var(--spacing-scale-2x);
}
.br-step[data-label=top] .step-info {
  margin-bottom: var(--step-size);
  padding-bottom: var(--spacing-scale-2x);
}
.br-step[data-label=left] .step-info {
  display: none;
}
@media (min-width: 576px) {
  .br-step[data-label=left] .step-info {
    background-color: var(--background);
    display: inline-block;
    margin-right: var(--step-size);
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step[data-label=right] .step-info {
  display: none;
}
@media (min-width: 576px) {
  .br-step[data-label=right] .step-info {
    background-color: var(--background);
    display: inline-block;
    margin-left: var(--step-size);
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step.vertical[data-label=left] .step-info {
  display: inline-block;
  margin-left: 0;
  margin-right: var(--step-size);
  padding: var(--spacing-scale-2x);
}
.br-step.vertical[data-label=right] .step-info {
  display: inline-block;
  margin-left: var(--step-size);
  margin-right: 0;
  padding: var(--spacing-scale-2x);
}
.br-step[data-type=void] .step-progress-btn::before {
  content: "";
  height: var(--step-empty);
  width: var(--step-empty);
}
.br-step[data-type=void] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=simple] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=simple] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=simple] .step-progress-btn {
  flex-grow: 0;
  width: 24px;
}
.br-step[data-type=simple] .step-progress-btn::before {
  background-color: var(--gray-20);
  border-color: var(--gray-20);
  content: "";
  height: var(--step-simple-size);
  width: var(--step-simple-size);
}
.br-step[data-type=simple] .step-progress-btn::after {
  content: none;
}
.br-step[data-type=simple] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=text] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=text] .step-progress-btn {
  height: 0;
  min-height: var(--font-size-scale-base);
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text] .step-progress-btn::before {
  background-color: transparent;
  border: 0;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  width: auto;
}
.br-step[data-type=text] .step-progress-btn::after {
  content: none;
}
.br-step[data-type=text] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[scroll], .br-step[data-scroll] {
  overflow-x: auto;
  overflow-y: hidden;
}
.br-step[scroll]::-webkit-scrollbar, .br-step[data-scroll]::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-step[scroll]::-webkit-scrollbar-track, .br-step[data-scroll]::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-step[scroll]::-webkit-scrollbar-thumb, .br-step[data-scroll]::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-step[scroll]:hover::-webkit-scrollbar-thumb, .br-step[data-scroll]:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-step[scroll] .step-progress-btn, .br-step[data-scroll] .step-progress-btn {
  min-width: 200px;
}
.br-step[scroll].vertical, .br-step[data-scroll].vertical {
  overflow-x: hidden;
  overflow-y: auto;
}
.br-step[scroll].vertical .step-progress-btn, .br-step[data-scroll].vertical .step-progress-btn {
  min-height: 100px;
  min-width: auto;
}
.br-step .step-progress-btn[data-alert=success] {
  color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-info {
  color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert {
  background-color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert::after {
  content: var(--step-alert-success-icon);
}
.br-step .step-progress-btn[data-alert=info] {
  color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-info {
  color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert {
  background-color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert::after {
  content: var(--step-alert-info-icon);
}
.br-step .step-progress-btn[data-alert=warning] {
  color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=warning] .step-info {
  color: var(--color);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert {
  background-color: var(--warning);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert::after {
  content: var(--step-alert-warning-icon);
  color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=danger] {
  color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert {
  background-color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert::after {
  content: var(--step-alert-danger-icon);
}
.br-step .step-progress-btn.active::before, .br-step .step-progress-btn[active]::before {
  background-color: var(--active);
  border-color: var(--active);
  color: var(--background);
}
.br-step .step-progress-btn.active .step-icon, .br-step .step-progress-btn[active] .step-icon {
  color: var(--background);
}
.br-step .step-progress-btn:focus {
  outline: none;
}
.br-step .step-progress-btn.focus-visible::before, .br-step .step-progress-btn:focus-visible::before {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}
.br-step .step-progress-btn:hover:not(:disabled)::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-step .step-progress-btn:disabled {
  opacity: 1;
}
.br-step .step-progress-btn:disabled::before {
  border-color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step .step-progress-btn:disabled .step-icon {
  color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step[data-type=void] .step-progress-btn.active .step-alert, .br-step[data-type=void] .step-progress-btn[active] .step-alert {
  border: var(--step-empty-border) solid var(--active);
  height: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
  width: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible::before, .br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible::before {
  outline: none;
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert, .br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}
.br-step[data-type=text] .step-progress-btn {
  cursor: default;
}
.br-step[data-type=text] .step-progress-btn.active, .br-step[data-type=text] .step-progress-btn[active] {
  height: auto;
  position: static;
  width: auto;
}
.br-step[data-type=text] .step-progress-btn.active::before, .br-step[data-type=text] .step-progress-btn[active]::before {
  background-color: transparent;
  border: 0;
  color: var(--color);
  position: static;
}
.br-step[data-type=text] .step-progress-btn:focus::before, .br-step[data-type=text] .step-progress-btn.focus-visible::before, .br-step[data-type=text] .step-progress-btn:focus-visible::before {
  outline: none;
}
.br-step[data-type=text] .step-progress-btn:hover::before {
  background-image: none;
}
.br-step.inverted, .br-step.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-step.inverted .step-progress-btn[data-alert=success], .br-step.dark-mode .step-progress-btn[data-alert=success] {
  color: var(--success-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=success] .step-info {
  color: var(--success-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert::after {
  content: var(--step-alert-success-icon);
}
.br-step.inverted .step-progress-btn[data-alert=info], .br-step.dark-mode .step-progress-btn[data-alert=info] {
  color: var(--info-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=info] .step-info {
  color: var(--info-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert::after {
  content: var(--step-alert-info-icon);
}
.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert::after {
  content: var(--step-alert-warning-icon);
}
.br-step.inverted .step-progress-btn[data-alert=danger], .br-step.dark-mode .step-progress-btn[data-alert=danger] {
  color: var(--danger-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert::after {
  content: var(--step-alert-danger-icon);
}
.br-step.inverted .step-progress-btn.active, .br-step.inverted .step-progress-btn[active], .br-step.dark-mode .step-progress-btn.active, .br-step.dark-mode .step-progress-btn[active] {
  color: var(--color-dark);
}
.br-step.inverted .step-progress-btn.active::before, .br-step.inverted .step-progress-btn[active]::before, .br-step.dark-mode .step-progress-btn.active::before, .br-step.dark-mode .step-progress-btn[active]::before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}
.br-step.inverted .step-progress-btn.active .step-icon, .br-step.inverted .step-progress-btn[active] .step-icon, .br-step.dark-mode .step-progress-btn.active .step-icon, .br-step.dark-mode .step-progress-btn[active] .step-icon {
  color: var(--active);
}
.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert, .br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert, .br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert, .br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}
.br-step.inverted[data-type=text] .step-progress-btn::before, .br-step.dark-mode[data-type=text] .step-progress-btn::before {
  background-color: transparent;
  color: var(--color);
}

.br-switch {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
  --switch-height-small: 24px;
  --switch-height-medium: 30px;
  --switch-height-large: 36px;
  --switch-width-small: 40px;
  --switch-width-medium: 52px;
  --switch-width-large: 64px;
  --switch-toggle-small: 16px;
  --switch-toggle-medium: 22px;
  --switch-toggle-large: 28px;
  --switch-icon-small: var(--icon-size-xs);
  --switch-icon-medium: var(--icon-size-sm);
  --switch-icon-large: var(--icon-size-base);
  display: inline-flex;
  min-height: var(--switch-height);
}
.br-switch input {
  opacity: 0;
  position: absolute;
}
.br-switch input + label {
  align-items: center;
  color: var(--color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  margin-bottom: 0;
  position: relative;
}
.br-switch input + label::before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 100em;
  content: "";
  height: var(--switch-height);
  position: absolute;
  width: var(--switch-width);
}
.br-switch input + label::after {
  background-color: var(--off);
  border-radius: 50%;
  content: "";
  height: var(--switch-toggle-size);
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: var(--switch-toggle-size);
}
.br-switch input:checked + label::after {
  background-color: var(--on);
}
.br-switch input + label {
  padding-right: calc(var(--spacing-scale-2x) + var(--switch-width));
}
.br-switch input + label:empty {
  padding-right: var(--switch-width);
}
.br-switch input + label::before {
  right: 0;
}
.br-switch input + label::after {
  right: calc(4px + var(--switch-toggle-size));
}
.br-switch input:checked + label::after {
  right: 4px;
}
.br-switch {
  /* stylelint-disable no-descending-specificity */
}
.br-switch.right input + label {
  padding-left: calc(var(--spacing-scale-2x) + var(--switch-width));
  padding-right: 0;
}
.br-switch.right input + label::before {
  left: 0;
}
.br-switch.right input + label::after {
  left: 4px;
}
.br-switch.right input:checked + label::after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.top {
  min-height: calc(var(--switch-height) * 2);
}
.br-switch.top input + label {
  align-items: flex-start;
  padding-right: 0;
}
.br-switch.top input + label::before {
  bottom: 0;
  left: 0;
}
.br-switch.top input + label::after {
  bottom: 4px;
  left: 4px;
}
.br-switch.top input:checked + label::after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch {
  /* stylelint-enable no-descending-specificity */
}
.br-switch.small {
  --switch-height: var(--switch-height-small);
  --switch-width: var(--switch-width-small);
  --switch-toggle-size: var(--switch-toggle-small);
  --switch-icon-size: var(--switch-icon-small);
}
.br-switch.medium {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
}
.br-switch.large {
  --switch-height: var(--switch-height-large);
  --switch-width: var(--switch-width-large);
  --switch-toggle-size: var(--switch-toggle-large);
  --switch-icon-size: var(--switch-icon-large);
}
.br-switch input ~ .switch-data {
  align-self: center;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  margin-left: 8px;
}
.br-switch input ~ .switch-data::before {
  content: attr(data-disabled);
}
.br-switch input:checked ~ .switch-data {
  color: var(--color);
}
.br-switch input:checked ~ .switch-data::before {
  content: attr(data-enabled);
}
.br-switch.icon input + label::after {
  align-items: center;
  color: var(--color-dark);
  content: "\f00d";
  display: inline-flex;
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: var(--font-weight-black);
  justify-content: center;
}
.br-switch.icon input:checked + label::after {
  content: "\f00c";
}
.br-switch input:focus-visible + label::before,
.br-switch input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-switch input:hover:not([disabled]):checked + label::before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)));
}
.br-switch input:hover:not([disabled]):not(:checked) + label::before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)));
}
.br-switch input:active:not([disabled]):checked + label::before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)));
}
.br-switch input:active:not([disabled]):not(:checked) + label::before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)));
}
.br-switch.inverted,
.br-switch.inverted label, .br-switch.dark-mode,
.br-switch.dark-mode label {
  color: var(--color-dark);
}

.br-table {
  --table-padding: var(--spacing-scale-3x);
  --table-row-size: var(--table-row-medium);
  --table-row-small: var(--spacing-scale-base);
  --table-row-medium: var(--spacing-scale-2x);
  --table-row-large: var(--spacing-scale-3x);
}
.br-table caption {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.br-table .responsive {
  overflow: auto;
}
.br-table tr:hover td.column-collapse {
  background-color: var(--background-alternative);
  background-image: none;
}
.br-table .column-collapse {
  background-color: var(--background-alternative);
  width: 40px;
}
.br-table .column-checkbox {
  width: 24px;
}
.br-table .table-header {
  position: relative;
}
.br-table .table-header.show .top-bar {
  opacity: 0;
  pointer-events: none;
}
.br-table .top-bar {
  align-items: center;
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .top-bar .title,
.br-table .top-bar .table-title {
  color: var(--color);
  flex-grow: 1;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
}
.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base);
}
.br-table .top-bar .dropdown [data-toggle=dropdown] + *,
.br-table .top-bar .dropdown [data-toggle=dropdown-legacy] + * {
  left: auto;
  right: 0;
}
@media (min-width: 576px) {
  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03);
    line-height: var(--font-line-height-medium);
  }
}
.br-table .search-bar {
  align-items: center;
  bottom: 0;
  display: none;
  height: 56px;
  left: 0;
  padding-left: var(--table-padding);
  padding-right: var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-table .search-bar.show {
  display: flex;
}
.br-table .search-bar .br-input {
  flex: 1;
}
.br-table .search-bar .br-input label {
  display: none;
}
.br-table .search-bar .br-input input {
  margin-bottom: 0;
  margin-top: 0;
}
.br-table .search-bar .br-input input + .br-button {
  --button-size: var(--button-small);
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: 0;
}
.br-table .search-bar .br-input + .br-button {
  margin-left: var(--table-row-medium);
}
.br-table .selected-bar,
.br-table .selection-bar {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--interactive-light);
  bottom: 0;
  color: var(--color);
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0;
}
.br-table .selected-bar.show,
.br-table .selection-bar.show {
  display: flex;
}
.br-table .selected-bar .info,
.br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
}
.br-table .selected-bar .info [data-toggle=check-all],
.br-table .selected-bar .info .select-all,
.br-table .selection-bar .info [data-toggle=check-all],
.br-table .selection-bar .info .select-all {
  font-size: var(--font-size-scale-up-03);
  margin-right: var(--spacing-scale-half);
  padding: 0;
}
.br-table .selected-bar .text,
.br-table .selected-bar .count,
.br-table .selection-bar .text,
.br-table .selection-bar .count {
  line-height: var(--font-line-height-low);
  padding-right: var(--spacing-scale-half);
}
.br-table .selected-bar.is-active, .br-table .selected-bar.active,
.br-table .selection-bar.is-active,
.br-table .selection-bar.active {
  opacity: 1;
  top: 0;
}
.br-table .footer,
.br-table .table-footer {
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .footer .br-input .br-button,
.br-table .table-footer .br-input .br-button {
  transform: rotate(180deg);
}
.br-table .footer .br-list,
.br-table .table-footer .br-list {
  bottom: 100%;
}
.br-table.small table,
.br-table.small .headers,
.br-table.small .clone-headers .item {
  --table-row-size: var(--table-row-small);
}
.br-table.medium table,
.br-table.medium .headers,
.br-table.medium .clone-headers .item {
  --table-row-size: var(--table-row-medium);
}
.br-table.large table,
.br-table.large .headers,
.br-table.large .clone-headers .item {
  --table-row-size: var(--table-row-large);
}
.br-table.inverted, .br-table.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-table.inverted.inverted, .br-table.inverted.dark-mode, .br-table.dark-mode.inverted, .br-table.dark-mode.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-table.inverted.inverted.inverted .br-input,
.br-table.inverted.inverted.inverted .br-input label, .br-table.inverted.inverted.dark-mode .br-input,
.br-table.inverted.inverted.dark-mode .br-input label, .br-table.inverted.dark-mode.inverted .br-input,
.br-table.inverted.dark-mode.inverted .br-input label, .br-table.inverted.dark-mode.dark-mode .br-input,
.br-table.inverted.dark-mode.dark-mode .br-input label, .br-table.dark-mode.inverted.inverted .br-input,
.br-table.dark-mode.inverted.inverted .br-input label, .br-table.dark-mode.inverted.dark-mode .br-input,
.br-table.dark-mode.inverted.dark-mode .br-input label, .br-table.dark-mode.dark-mode.inverted .br-input,
.br-table.dark-mode.dark-mode.inverted .br-input label, .br-table.dark-mode.dark-mode.dark-mode .br-input,
.br-table.dark-mode.dark-mode.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-table.inverted.inverted .page.active, .br-table.inverted.dark-mode .page.active, .br-table.dark-mode.inverted .page.active, .br-table.dark-mode.dark-mode .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-table.inverted th,
.br-table.inverted td.column-collapse,
.br-table.inverted tr:hover td.column-collapse, .br-table.dark-mode th,
.br-table.dark-mode td.column-collapse,
.br-table.dark-mode tr:hover td.column-collapse {
  background-color: var(--background-dark);
}
.br-table.no-hover td:not(.column-collapse):hover td {
  background: none;
}

.br-tab {
  --tab-padding: var(--spacing-scale-3x);
  --tab-size: var(--tab-medium);
  --tab-large: var(--spacing-scale-3x);
  --tab-medium: var(--spacing-scale-2x);
  --tab-small: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-tab .tab-nav::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-tab .tab-nav {
  overflow-x: auto;
  width: 100%;
}
@media (max-width: 991px) {
  .br-tab .tab-nav::-webkit-scrollbar {
    height: var(--spacing-scale-base);
    width: var(--spacing-scale-base);
  }
  .br-tab .tab-nav::-webkit-scrollbar-track {
    background: var(--gray-10);
  }
  .br-tab .tab-nav::-webkit-scrollbar-thumb {
    background: var(--gray-30);
  }
  .br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
    background: var(--gray-40);
  }
  .br-tab .tab-nav {
    display: flex;
    overflow-x: auto;
    width: 100%;
  }
}
.br-tab .tab-nav ul {
  border-bottom: 1px solid var(--border-color);
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
.br-tab .tab-item {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.br-tab .tab-item button,
.br-tab .tab-item a {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}
.br-tab .tab-item button:focus,
.br-tab .tab-item a:focus {
  outline: none;
}
.br-tab .tab-item button.focus-visible, .br-tab .tab-item button:focus-visible,
.br-tab .tab-item a.focus-visible,
.br-tab .tab-item a:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tab .tab-item button:not(:disabled):hover,
.br-tab .tab-item a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tab .tab-item button,
.br-tab .tab-item a {
  background-color: transparent;
  border: 0;
  border-bottom: 4px solid transparent;
  color: var(--color);
  display: inline-block;
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  padding: var(--tab-size) var(--tab-padding);
  text-align: center;
  white-space: nowrap;
}
.br-tab .tab-item:first-child {
  padding-left: 0;
}
.br-tab .tab-item:last-child {
  padding-right: 0;
}
.br-tab .tab-item.is-active button, .br-tab .tab-item.active button {
  border-bottom: 4px solid var(--active);
  color: var(--active);
}
.br-tab .tab-item.is-active .results, .br-tab .tab-item.active .results {
  --font-weight: var(--font-weight-semi-bold);
  color: var(--active);
}
.br-tab .results {
  display: flex;
  font-weight: var(--font-weight);
  justify-content: center;
  margin-top: var(--spacing-scale-2x);
  position: absolute;
  top: 100%;
}
.br-tab[data-counter=true] .tab-nav ul {
  margin-bottom: calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base));
}
.br-tab .tab-content .tab-panel {
  color: var(--text-color);
  display: none;
}
.br-tab .tab-content .tab-panel.is-active, .br-tab .tab-content .tab-panel.active {
  display: block;
}
.br-tab.small, .br-tab[small], .br-tab.is-small {
  --tab-size: var(--tab-small);
}
.br-tab.medium, .br-tab[medium], .br-tab.is-medium {
  --tab-size: var(--tab-medium);
}
.br-tab.large, .br-tab[large], .br-tab.is-large {
  --tab-size: var(--tab-large);
}
.br-tab.inverted, .br-tab.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-tab.inverted .tab-item.active button, .br-tab.dark-mode .tab-item.active button {
  border-bottom-color: var(--background-light);
  color: var(--color);
}

.br-tag {
  --tag-size: var(--tag-medium);
  --tag-small: var(--spacing-scale-2xh);
  --tag-medium: var(--spacing-scale-3xh);
  --tag-large: var(--spacing-scale-4xh);
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag + .br-tag {
  margin-left: var(--spacing-scale-half);
}
.br-tag > .svg-inline--fa:first-child,
.br-tag > .fa:first-child,
.br-tag > .fab:first-child,
.br-tag > .fad:first-child,
.br-tag > .fal:first-child,
.br-tag > .far:first-child,
.br-tag > .fas:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction, .br-tag.interaction-select {
  --tag-small: var(--spacing-scale-4x);
  --tag-medium: var(--spacing-scale-5x);
  --tag-large: var(--spacing-scale-5xh);
  font-size: var(--font-size-scale-up-01);
}
.br-tag.interaction {
  background: var(--interactive);
}
.br-tag.interaction .br-button {
  --button-size: var(--spacing-scale-3xh);
  --focus: var(--focus-color-dark);
  --hover: var(--hover-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  border-radius: 50%;
  color: var(--color-dark);
  margin-left: var(--spacing-scale-baseh);
  padding: 0;
  width: var(--button-size);
}
.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction:active .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-tag.interaction-select {
  background: transparent;
  padding: 0;
}
.br-tag.interaction-select label {
  --interactive-rgb: var(--color-dark-rgb);
  --hover: var(--hover-dark);
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: var(--spacing-scale-half);
}
.br-tag.interaction-select label > .svg-inline--fa:first-child,
.br-tag.interaction-select label > .fa:first-child,
.br-tag.interaction-select label > .fab:first-child,
.br-tag.interaction-select label > .fad:first-child,
.br-tag.interaction-select label > .fal:first-child,
.br-tag.interaction-select label > .far:first-child,
.br-tag.interaction-select label > .fas:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction-select label {
  background: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
  transition: padding 150ms ease;
}
.br-tag.interaction-select input {
  height: 0;
  opacity: 0;
  position: relative;
  width: 0;
}
.br-tag.interaction-select input:checked + label::after {
  border: solid var(--color-dark);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  transform: rotate(45deg) translate(12px, -14px);
  width: 8px;
}
.br-tag.interaction-select input:focus + label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction-select input:active + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: var(--color-dark);
}
.br-tag.interaction-select.selected label {
  background-color: var(--selected);
  padding-right: var(--spacing-scale-4xh);
}
.br-tag.disabled input {
  cursor: not-allowed;
}
.br-tag.status {
  --tag-small: var(--spacing-scale-baseh);
  --tag-medium: var(--spacing-scale-2x);
  --tag-large: var(--spacing-scale-3x);
  border: 1px solid var(--background-light);
  border-radius: 50%;
  min-width: var(--tag-size);
  padding: 0;
}
.br-tag.count {
  --tag-small: var(--spacing-scale-2xh);
  --tag-medium: var(--spacing-scale-3x);
  --tag-large: var(--spacing-scale-3xh);
  border: 1px solid var(--background-light);
  border-radius: 100em;
  min-width: var(--tag-size);
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}
.br-tag.icon {
  --tag-small: var(--spacing-scale-3xh);
  --tag-medium: var(--spacing-scale-4x);
  --tag-large: var(--spacing-scale-5xh);
  border-radius: 50%;
  min-width: var(--tag-size);
  padding: 0;
}
.br-tag.icon .svg-inline--fa,
.br-tag.icon .fa,
.br-tag.icon .fab,
.br-tag.icon .fad,
.br-tag.icon .fal,
.br-tag.icon .far,
.br-tag.icon .fas {
  font-size: var(--icon-size-base);
  margin: 0 !important;
}
.br-tag.small {
  --tag-size: var(--tag-small);
}
.br-tag.medium {
  --tag-size: var(--tag-medium);
}
.br-tag.large {
  --tag-size: var(--tag-large);
}
.br-tag.interaction, .br-tag.interaction-select {
  --tag-small: var(--spacing-scale-4x);
  --tag-medium: var(--spacing-scale-5x);
  --tag-large: var(--spacing-scale-5xh);
  font-size: var(--font-size-scale-up-01);
}
.br-tag.interaction {
  background: var(--interactive);
}
.br-tag.interaction .br-button {
  --button-size: var(--spacing-scale-3xh);
  --focus: var(--focus-color-dark);
  --hover: var(--hover-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  border-radius: 50%;
  color: var(--color-dark);
  margin-left: var(--spacing-scale-baseh);
  padding: 0;
  width: var(--button-size);
}
.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction:active .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-tag.interaction-select {
  background: transparent;
  padding: 0;
}
.br-tag.interaction-select label {
  --interactive-rgb: var(--color-dark-rgb);
  --hover: var(--hover-dark);
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: var(--spacing-scale-half);
}
.br-tag.interaction-select label > .svg-inline--fa:first-child,
.br-tag.interaction-select label > .fa:first-child,
.br-tag.interaction-select label > .fab:first-child,
.br-tag.interaction-select label > .fad:first-child,
.br-tag.interaction-select label > .fal:first-child,
.br-tag.interaction-select label > .far:first-child,
.br-tag.interaction-select label > .fas:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction-select label {
  background: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
  transition: padding 150ms ease;
}
.br-tag.interaction-select input {
  height: 0;
  opacity: 0;
  position: relative;
  width: 0;
}
.br-tag.interaction-select input:checked + label::after {
  border: solid var(--color-dark);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  transform: rotate(45deg) translate(12px, -14px);
  width: 8px;
}
.br-tag.interaction-select input:focus + label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction-select input:active + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: var(--color-dark);
}
.br-tag.interaction-select.selected label {
  background-color: var(--selected);
  padding-right: var(--spacing-scale-4xh);
}
.br-tag.disabled input {
  cursor: not-allowed;
}
.br-tag.interaction, .br-tag.interaction-select {
  --tag-small: var(--spacing-scale-4x);
  --tag-medium: var(--spacing-scale-5x);
  --tag-large: var(--spacing-scale-5xh);
  font-size: var(--font-size-scale-up-01);
}
.br-tag.interaction {
  background: var(--interactive);
}
.br-tag.interaction .br-button {
  --button-size: var(--spacing-scale-3xh);
  --focus: var(--focus-color-dark);
  --hover: var(--hover-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  border-radius: 50%;
  color: var(--color-dark);
  margin-left: var(--spacing-scale-baseh);
  padding: 0;
  width: var(--button-size);
}
.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction:active .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-tag.interaction-select {
  background: transparent;
  padding: 0;
}
.br-tag.interaction-select label {
  --interactive-rgb: var(--color-dark-rgb);
  --hover: var(--hover-dark);
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: var(--spacing-scale-half);
}
.br-tag.interaction-select label > .svg-inline--fa:first-child,
.br-tag.interaction-select label > .fa:first-child,
.br-tag.interaction-select label > .fab:first-child,
.br-tag.interaction-select label > .fad:first-child,
.br-tag.interaction-select label > .fal:first-child,
.br-tag.interaction-select label > .far:first-child,
.br-tag.interaction-select label > .fas:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction-select label {
  background: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
  transition: padding 150ms ease;
}
.br-tag.interaction-select input {
  height: 0;
  opacity: 0;
  position: relative;
  width: 0;
}
.br-tag.interaction-select input:checked + label::after {
  border: solid var(--color-dark);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  transform: rotate(45deg) translate(12px, -14px);
  width: 8px;
}
.br-tag.interaction-select input:focus + label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction-select input:active + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: var(--color-dark);
}
.br-tag.interaction-select.selected label {
  background-color: var(--selected);
  padding-right: var(--spacing-scale-4xh);
}
.br-tag.disabled input {
  cursor: not-allowed;
}
.br-tag {
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag + .br-tag {
  margin-left: var(--spacing-scale-half);
}
.br-tag > .svg-inline--fa:first-child,
.br-tag > .fa:first-child,
.br-tag > .fab:first-child,
.br-tag > .fad:first-child,
.br-tag > .fal:first-child,
.br-tag > .far:first-child,
.br-tag > .fas:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.small {
  --tag-size: var(--tag-small);
}
.br-tag.medium {
  --tag-size: var(--tag-medium);
}
.br-tag.large {
  --tag-size: var(--tag-large);
}
.br-tag.support-01 {
  --tag-background: var(--color-support-01);
}
.br-tag.support-02 {
  --tag-background: var(--color-support-02);
}
.br-tag.support-03 {
  --tag-background: var(--color-support-03);
}
.br-tag.support-04 {
  --tag-background: var(--color-support-04);
}
.br-tag.support-05 {
  --tag-background: var(--color-support-05);
}
.br-tag.support-06 {
  --tag-background: var(--color-support-06);
}
.br-tag.support-07 {
  --tag-background: var(--color-support-07);
}
.br-tag.support-08 {
  --tag-background: var(--color-support-08);
}
.br-tag.support-09 {
  --tag-background: var(--color-support-09);
}
.br-tag.support-10 {
  --tag-background: var(--color-support-10);
}
.br-tag.support-11 {
  --tag-background: var(--color-support-11);
}
.br-tag.is-primary-pastel-01, .br-tag.primary-pastel-01, .br-tag[primary-pastel-01] {
  background-color: #c5d4eb;
}
.br-tag.is-primary-pastel-02, .br-tag.primary-pastel-02, .br-tag[primary-pastel-02] {
  background-color: #dbe8fb;
}
.br-tag.is-primary-lighten-01, .br-tag.primary-lighten-01, .br-tag[primary-lighten-01] {
  background-color: #2670e8;
}
.br-tag.is-primary-lighten-02, .br-tag.primary-lighten-02, .br-tag[primary-lighten-02] {
  background-color: #5992ed;
}
.br-tag.is-primary-default, .br-tag.primary-default, .br-tag[primary-default] {
  background-color: #1351b4;
}
.br-tag.is-primary-darken-01, .br-tag.primary-darken-01, .br-tag[primary-darken-01] {
  background-color: #0c326f;
}
.br-tag.is-primary-darken-02, .br-tag.primary-darken-02, .br-tag[primary-darken-02] {
  background-color: #071d41;
}
.br-tag.is-secondary-01, .br-tag.secondary-01, .br-tag[secondary-01] {
  background-color: #fff;
}
.br-tag.is-secondary-02, .br-tag.secondary-02, .br-tag[secondary-02] {
  background-color: #f8f8f8;
}
.br-tag.is-secondary-03, .br-tag.secondary-03, .br-tag[secondary-03] {
  background-color: #ededed;
}
.br-tag.is-secondary-04, .br-tag.secondary-04, .br-tag[secondary-04] {
  background-color: #ccc;
}
.br-tag.is-secondary-05, .br-tag.secondary-05, .br-tag[secondary-05] {
  background-color: #9e9d9d;
}
.br-tag.is-secondary-06, .br-tag.secondary-06, .br-tag[secondary-06] {
  background-color: #888;
}
.br-tag.is-secondary-07, .br-tag.secondary-07, .br-tag[secondary-07] {
  background-color: #555;
}
.br-tag.is-secondary-08, .br-tag.secondary-08, .br-tag[secondary-08] {
  background-color: #333;
}
.br-tag.is-secondary-09, .br-tag.secondary-09, .br-tag[secondary-09] {
  background-color: #000;
}
.br-tag.is-highlight, .br-tag.highlight, .br-tag[highlight] {
  background-color: #268744;
}
.br-tag.is-support-01, .br-tag.support-01, .br-tag[support-01] {
  background-color: #36a191;
}
.br-tag.is-support-02, .br-tag.support-02, .br-tag[support-02] {
  background-color: #f2e317;
}
.br-tag.is-support-03, .br-tag.support-03, .br-tag[support-03] {
  background-color: #db4800;
}
.br-tag.is-support-04, .br-tag.support-04, .br-tag[support-04] {
  background-color: #a26739;
}
.br-tag.is-support-05, .br-tag.support-05, .br-tag[support-05] {
  background-color: #40e0d0;
}
.br-tag.is-support-06, .br-tag.support-06, .br-tag[support-06] {
  background-color: #48cbeb;
}
.br-tag.is-support-07, .br-tag.support-07, .br-tag[support-07] {
  background-color: #c72487;
}
.br-tag.is-support-08, .br-tag.support-08, .br-tag[support-08] {
  background-color: #63007f;
}
.br-tag.is-support-09, .br-tag.support-09, .br-tag[support-09] {
  background-color: #f08080;
}
.br-tag.is-support-10, .br-tag.support-10, .br-tag[support-10] {
  background-color: #ff8c00;
}
.br-tag.is-support-11, .br-tag.support-11, .br-tag[support-11] {
  background-color: #fdf5e6;
}
.br-tag.is-success, .br-tag.success, .br-tag[success] {
  background-color: var(--success);
}
.br-tag.is-danger, .br-tag.danger, .br-tag[danger] {
  background-color: var(--danger);
}
.br-tag.is-warning, .br-tag.warning, .br-tag[warning] {
  background-color: var(--warning);
}
.br-tag.is-info, .br-tag.info, .br-tag[info] {
  background-color: var(--info);
}

.br-tag-input {
  --input-background: var(--bg-color);
  --input-border-color: var(--color-secondary-06);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-padding: 0 var(--spacing-scale-half);
  --input-radius: var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
}
.br-tag-input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tag-input:focus, .br-tag-input:focus-visible, .br-tag-input.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-tag-input.has-icon {
  padding-right: var(--spacing-scale-5x);
}
.br-tag-input[type=password]::-ms-reveal, .br-tag-input[type=password]::-ms-clear {
  display: none;
}
.br-tag-input {
  display: flex;
  flex-wrap: wrap;
}
.br-tag-input input {
  flex: 1;
}

.input-tag {
  border: 0;
  box-sizing: border-box;
  color: inherit;
  flex: 1;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  padding: 0.9em 0.5em;
}

.br-textarea {
  --textarea-padding: var(--textarea-medium);
  --textarea-small: var(--spacing-scale-base);
  --textarea-medium: var(--spacing-scale-baseh);
  --textarea-large: var(--spacing-scale-2x);
  color: var(--color);
}
.br-textarea label {
  display: inline-block;
  margin-bottom: var(--spacing-scale-half);
}
.br-textarea textarea {
  background: var(--background-light);
  border: 1px solid var(--border-color-alternative);
  border-radius: 6px;
  color: var(--color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: var(--textarea-padding);
  width: 100%;
}
.br-textarea.small textarea, .br-textarea[data-small] textarea {
  --textarea-padding: var(--textarea-small);
}
.br-textarea.medium textarea, .br-textarea[data-medium] textarea {
  --textarea-padding: var(--textarea-medium);
}
.br-textarea.large textarea, .br-textarea[data-large] textarea {
  --textarea-padding: var(--textarea-large);
}
.br-textarea.success textarea, .br-textarea[data-success] textarea {
  border-color: var(--success);
  border-width: 2px;
}
.br-textarea.danger textarea, .br-textarea[data-danger] textarea {
  border-color: var(--danger);
  border-width: 2px;
}
.br-textarea.warning textarea, .br-textarea[data-warning] textarea {
  border-color: var(--warning);
  border-width: 2px;
}
.br-textarea.info textarea, .br-textarea[data-info] textarea {
  border-color: var(--info);
  border-width: 2px;
}
.br-textarea textarea:focus, .br-textarea textarea:focus-visible, .br-textarea textarea.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-textarea textarea:hover:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-textarea.inverted,
.br-textarea.inverted label, .br-textarea.dark-mode,
.br-textarea.dark-mode label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-textarea.inverted textarea, .br-textarea.dark-mode textarea {
  color: var(--color-light);
}

.br-tooltip {
  align-items: flex-start;
  background: var(--color-info, #155bcb);
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: var(--color-secondary-01, #fff);
  display: flex !important;
  flex-wrap: wrap;
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: var(--font-weight-medium, 500);
  justify-content: flex-start;
  max-width: 240px;
  opacity: 0;
  padding: var(--spacing-scale-2x);
  position: absolute !important;
  visibility: hidden;
  z-index: 999;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.br-tooltip[data-show] {
  animation: fadeInOpacity ease-in-out 0.5s;
  opacity: 1;
  visibility: visible;
}
.br-tooltip[popover] {
  max-width: 320px;
  min-width: 240px;
  overflow-x: hidden;
  width: auto;
}
.br-tooltip[success] {
  background: var(--color-success, #168821);
}
.br-tooltip[success] .arrow {
  border-color: var(--color-success, #168821);
}
.br-tooltip[error] {
  background: var(--color-danger, #e52207);
}
.br-tooltip[error] .arrow {
  border-color: var(--color-danger, #e52207);
}
.br-tooltip[warning] {
  background: var(--color-warning, #ffcd07);
  color: var(--color-secondary-08, #333);
}
.br-tooltip[warning] .arrow {
  border-color: var(--color-warning, #ffcd07);
}
.br-tooltip[info], .br-tooltip {
  background: var(--color-info, #155bcb);
}
.br-tooltip[info] .arrow, .br-tooltip .arrow {
  border-color: var(--color-info, #155bcb);
}
.br-tooltip .arrow {
  height: 0 !important;
  position: absolute !important;
  width: 0 !important;
  z-index: -1 !important;
}
.br-tooltip[data-popper-placement^=top] > .arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-style: solid;
  border-top-width: 8px;
  bottom: -7px;
  margin-left: 0;
}
.br-tooltip[data-popper-placement^=bottom] > .arrow {
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: 0;
  top: -8px;
}
.br-tooltip[data-popper-placement^=left] > .arrow {
  border-bottom: 8px solid transparent;
  border-left-style: solid;
  border-left-width: 8px;
  border-top: 8px solid transparent;
  right: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip[data-popper-placement^=right] > .arrow {
  border-bottom: 8px solid transparent;
  border-right-style: solid;
  border-right-width: 8px;
  border-top: 8px solid transparent;
  left: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip .text,
.br-tooltip .subtext,
.br-tooltip .link {
  display: block;
  max-width: 100%;
  min-width: 0;
}
.br-tooltip .popover-header {
  font-size: var(--font-size-scale-base, 14px);
  margin-bottom: 1em;
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .popover-header .fas,
.br-tooltip .popover-header .svg-inline--fa {
  font-size: var(--font-size-scale-up-06, 41.804px);
  text-align: center;
}
.br-tooltip .popover-image {
  border: 3px solid var(--color-secondary-01, #fff);
  height: auto;
  margin-left: -10px;
  max-height: 120px;
  max-width: 45%;
  overflow: hidden;
  width: auto;
}
.br-tooltip .popover-icon {
  height: auto;
  margin-left: -10px;
  margin-top: 10%;
  max-height: 120px;
  max-width: 45%;
  overflow: hidden;
  width: auto;
}
.br-tooltip .popover-body {
  font-size: var(--font-size-scale-down-01, 11.662px);
  margin-bottom: 1em;
  min-width: 180px;
  width: 100%;
}
.br-tooltip .popover-image + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-image + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-icon + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-icon + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-footer {
  font-size: var(--font-size-scale-down-01, 11.662px);
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .text {
  font-size: var(--font-size-scale-base, 14px);
  font-weight: var(--font-weight-semi-bold, 600);
}
.br-tooltip .subtext {
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: var(--font-weight-medium, 500);
}
.br-tooltip .link {
  color: inherit;
  text-align: right;
  text-decoration: underline;
  width: 100%;
}
.br-tooltip .close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}

.br-upload input {
  display: none;
}
.br-upload .upload-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  border: var(--surface-width-sm) dashed var(--interactive);
  border-radius: var(--surface-rounder-sm);
  display: block;
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  margin-top: var(--spacing-scale-half);
  max-width: 550px;
  min-height: var(--button-size);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  text-align: left;
  width: 100%;
}
.br-upload .upload-button .svg-inline--fa,
.br-upload .upload-button .fa,
.br-upload .upload-button .fab,
.br-upload .upload-button .fad,
.br-upload .upload-button .fal,
.br-upload .upload-button .far,
.br-upload .upload-button .fas {
  margin-right: var(--spacing-scale-base);
}
.br-upload .upload-list {
  max-width: 550px;
  position: relative;
}
.br-upload .upload-list .content {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.br-upload .upload-list .support {
  align-items: center;
  display: flex;
}
.br-upload .br-tooltip {
  max-width: 93%;
}
.br-upload .upload-button:disabled {
  cursor: not-allowed;
}
.br-upload .upload-button:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}
.br-upload .upload-button:not(:disabled):focus {
  outline: none;
}
.br-upload .upload-button:not(:disabled).focus-visible, .br-upload .upload-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-upload .upload-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-upload .upload-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-upload .upload-button.active, .br-upload .upload-button.is-active, .br-upload .upload-button[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-upload .upload-button.loading {
  color: transparent !important;
  cursor: progress;
}
.br-upload .upload-button.loading:not(:disabled):hover {
  background-image: none;
}
.br-upload .upload-button.loading::before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-upload .upload-button.loading.primary::before, .br-upload .upload-button.loading.danger::before, .br-upload .upload-button.loading.success::before, .br-upload .upload-button.loading.info::before {
  border-color: var(--background) var(--background) transparent;
}
.br-upload.success .upload-button, .br-upload[data-success] .upload-button {
  border-color: var(--success);
}
.br-upload.danger .upload-button, .br-upload[data-danger] .upload-button {
  border-color: var(--danger);
}
.br-upload.warning .upload-button, .br-upload[data-warning] .upload-button {
  border-color: var(--warning);
}
.br-upload.info .upload-button, .br-upload[data-info] .upload-button {
  border-color: var(--info);
}
.br-upload.dragging .upload-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-wizard {
  --wizard-min-height: 300px;
  --wizard-max-height: 800px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: var(--spacing-scale-4x);
  max-height: var(--wizard-max-height);
  max-width: none;
  min-height: var(--wizard-min-height);
}
.br-wizard .wizard-progress {
  background-color: var(--background-alternative);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: none;
  min-height: 164px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: var(--spacing-scale-7x);
  width: 100%;
}
@media (max-width: 991px) {
  .br-wizard .wizard-progress {
    max-height: 100px;
    min-height: 100px;
    overflow-y: hidden;
    padding-top: var(--spacing-scale-3x);
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-progress::after {
    background-color: transparent;
    bottom: 2px;
    color: var(--interactive);
    content: "\f7a4";
    display: block;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: var(--switch-icon-size);
    font-weight: var(--font-weight-black);
    height: 1em;
    left: 50%;
    margin-left: -0.5em;
    position: absolute;
    top: unset;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
    width: auto;
  }
}
.br-wizard .wizard-progress-btn {
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01, 16.8px);
  line-height: 19px;
  max-height: 90px;
  padding-bottom: 0;
  padding-top: var(--spacing-scale-2x);
  position: relative;
  text-indent: 0;
  transition-delay: 0s;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: linear;
}
.br-wizard .wizard-progress-btn[disabled] {
  color: rgba(var(--interactive-rgb), var(--disabled));
  opacity: 1;
}
.br-wizard .wizard-progress-btn[disabled]::before {
  opacity: var(--disabled);
}
.br-wizard .wizard-progress-btn:focus {
  outline: none;
}
.br-wizard .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled)::before, .br-wizard .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled)::before {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-wizard .wizard-progress-btn:hover:not([disabled])::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-wizard .wizard-progress-btn:active:not([disabled])::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-wizard .wizard-progress-btn::before {
  background-color: var(--background);
  border: 2px solid var(--interactive);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--interactive);
  content: attr(step) !important;
  display: block;
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: var(--font-weight-semi-bold, 600);
  height: 36px;
  left: 50%;
  line-height: 29px;
  margin-top: -13px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  width: 36px;
  z-index: 3;
}
.br-wizard .wizard-progress-btn::after {
  background-color: var(--interactive) !important;
  content: "";
  display: block;
  height: 1px;
  left: calc(-50% + 17px);
  position: absolute;
  top: 5px;
  transition-delay: 0s;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: linear;
  width: calc(100% - 34px);
  z-index: 1;
}
.br-wizard .wizard-progress-btn:first-child::after {
  display: none;
}
.br-wizard .wizard-progress-btn[active] {
  color: var(--active);
  font-weight: var(--font-weight-semi-bold, 600);
}
.br-wizard .wizard-progress-btn[active]::after {
  background-color: var(--active);
}
.br-wizard .wizard-progress-btn[active]::before {
  background-color: var(--active);
  border: 2px solid var(--background-light);
  color: var(--background-light);
  font-weight: var(--font-weight-bold, 700);
}
@media (max-width: 991px) {
  .br-wizard .wizard-progress-btn .info {
    font-size: var(--font-size-scale-down-02, 9.716px);
    line-height: 1em;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .br-wizard[collapsed] .wizard-progress {
    max-height: 64px;
    min-height: 64px;
    overflow-y: hidden;
    padding-bottom: var(--spacing-scale-3x);
    padding-top: var(--spacing-scale-3x);
  }
  .br-wizard[collapsed] .wizard-progress::after {
    margin-top: var(--spacing-scale-4xh);
  }
  .br-wizard[collapsed] .wizard-progress-btn {
    padding-bottom: var(--spacing-scale-base);
  }
  .br-wizard[collapsed] .wizard-progress-btn .info {
    display: none;
  }
  .br-wizard[collapsed] .wizard-form {
    height: auto;
  }
  .br-wizard[collapsed] .wizard-panel-content {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.br-wizard .wizard-form {
  display: flex;
  flex: 1;
  height: auto;
  overflow: hidden;
  position: relative;
}
.br-wizard .wizard-panel {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  left: 0;
  margin-bottom: 0;
  opacity: 0;
  position: static;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.br-wizard .wizard-panel[active] {
  display: flex;
  height: auto;
  left: 0 !important;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: linear;
  visibility: visible;
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(1%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.br-wizard .wizard-panel-content {
  border-top: 1px solid var(--border-color);
  flex-grow: 1;
  height: auto;
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-wizard .wizard-panel-content:focus, .br-wizard .wizard-panel-content:focus-visible, .br-wizard .wizard-panel-content.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-wizard .wizard-panel-content > :last-child {
  margin-bottom: 0;
}
.br-wizard .wizard-panel-btn {
  align-self: flex-end;
  background-color: var(--background-alternative);
  border-top: 1px solid var(--border-color);
  height: fit-content;
  margin-top: 1px;
  padding: var(--spacing-scale-2x) 1.5%;
  width: 100%;
}
.br-wizard .wizard-btn-next,
.br-wizard .wizard-btn,
.br-wizard .wizard-btn-prev {
  float: right;
  margin-left: var(--spacing-scale-2x);
}
.br-wizard .wizard-btn-canc {
  float: left;
}
@media (max-width: 991px) {
  .br-wizard .wizard-form {
    height: auto;
  }
  .br-wizard .wizard-panel {
    border-top: 0;
    display: none;
    flex-wrap: nowrap;
    margin-bottom: 0;
    max-height: none;
  }
  .br-wizard .wizard-panel-content {
    height: auto;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--spacing-scale-half) var(--spacing-scale-base);
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-panel-btn {
    align-items: flex-end;
    background-color: var(--background-alternative);
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: center;
    padding: 0 !important;
    position: static;
    width: 100%;
  }
  .br-wizard .wizard-btn-canc,
  .br-wizard .wizard-btn-next,
  .br-wizard .wizard-btn-prev,
  .br-wizard .wizard-btn {
    float: none;
    margin: var(--spacing-scale-base) 5%;
    width: 90%;
  }
  .br-wizard .wizard-btn-next,
  .br-wizard .wizard-btn {
    order: 1;
  }
}
.br-wizard[vertical] {
  flex-direction: row;
}
.br-wizard[vertical] .wizard-progress {
  flex: 1;
  float: none;
  grid-template-columns: 1fr;
  height: auto;
  max-width: 260px;
  overflow-x: hidden;
  padding-top: 0;
  position: relative;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn {
  height: 100%;
  line-height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  padding-right: 70px;
  padding-top: 0;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn::before {
  left: calc(100% - 32px);
  line-height: 26px;
  margin-top: calc(var(--spacing-scale-2x) * -1);
  position: absolute;
  text-align: center;
  top: 50%;
}
.br-wizard[vertical] .wizard-progress-btn::after {
  height: calc(100% - 34px);
  left: calc(100% - 33px);
  position: absolute;
  top: calc(-50% + 18px);
  width: 1px;
}
.br-wizard[vertical] .wizard-progress-btn[active]::after {
  width: 1px;
}
.br-wizard[vertical][scroll] .wizard-progress {
  overflow-y: auto;
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
  min-height: 100px;
}
.br-wizard[vertical] .wizard-form {
  float: none;
  height: auto;
  width: calc(100% - 260px);
}
.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
  border-top: 0;
}
@media (max-width: 991px) {
  .br-wizard[vertical] .wizard-progress {
    max-height: 100%;
    max-width: 110px;
  }
  .br-wizard[vertical] .wizard-progress::after {
    height: 1em;
    left: unset;
    margin-top: -0.5em;
    right: 2px;
    top: 50%;
    transform: rotate(-90deg);
    width: 1em;
  }
  .br-wizard[vertical] .wizard-progress-btn {
    line-height: 18px;
    padding-right: var(--spacing-scale-7x);
  }
  .br-wizard[vertical] .wizard-progress-btn .info {
    line-height: 1.6em;
    margin-top: -0.5em;
    position: absolute;
    right: 54px;
  }
  .br-wizard[vertical] .wizard-form {
    height: auto;
    max-width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard[vertical] .wizard-panel {
    height: 100%;
    max-height: 100%;
  }
  .br-wizard[vertical][collapsed] .wizard-progress {
    max-width: 60px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .br-wizard[vertical][collapsed] .wizard-progress-btn {
    padding-right: 0;
  }
  .br-wizard[vertical][collapsed] .wizard-progress-btn .info {
    display: none;
  }
  .br-wizard[vertical][collapsed] .wizard-form {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
  }
}
.br-wizard.inverted, .br-wizard.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-wizard.inverted .br-button.primary, .br-wizard.inverted .br-button[primary], .br-wizard.inverted .br-button.is-primary, .br-wizard.dark-mode .br-button.primary, .br-wizard.dark-mode .br-button[primary], .br-wizard.dark-mode .br-button.is-primary {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--background-dark-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-wizard.inverted .br-button.secondary, .br-wizard.inverted .br-button[secondary], .br-wizard.inverted .br-button.is-secondary, .br-wizard.dark-mode .br-button.secondary, .br-wizard.dark-mode .br-button[secondary], .br-wizard.dark-mode .br-button.is-secondary {
  background-color: var(--background-dark);
}
.br-wizard.inverted .wizard-progress, .br-wizard.dark-mode .wizard-progress {
  background-color: transparent;
}
.br-wizard.inverted .wizard-progress-btn[active], .br-wizard.dark-mode .wizard-progress-btn[active] {
  color: var(--color);
}
.br-wizard.inverted .wizard-progress-btn[active]::before, .br-wizard.dark-mode .wizard-progress-btn[active]::before {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--color);
  color: var(--active);
}
.br-wizard.inverted .wizard-panel .wizard-panel-btn, .br-wizard.dark-mode .wizard-panel .wizard-panel-btn {
  background-color: transparent;
}

*[data-toggle=collapse]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
*[data-toggle=collapse]:focus {
  outline: none;
}
*[data-toggle=collapse].focus-visible, *[data-toggle=collapse]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

/*# sourceMappingURL=core.css.map */

@charset "UTF-8";body{background-color:#E1ECFF}.main-inner{box-shadow:0 .5rem 1rem rgb(0 0 0 / .15);margin-top:1.5rem;padding:1.5rem .5rem;border-radius:.5rem;background-color:#fff}.dropdown{z-index:100}.br-sign-in,.br-button.sign-in{--sign-in-img:35px}body.admin .col{flex:auto}.br-tab .tab-item button,.br-tab .tab-item a{font-size:var(--font-size-scale-base)}.br-feature img{margin:auto;display:block}img.dashboard-card-img,.pagelayout-coursecategory .dashboard-card .card-img.dashboard-card-img{border-bottom-right-radius:0;border-bottom-left-radius:0}.dashboard-card .dashboard-card-img{padding:.5rem;position:relative;height:10rem!important;background-position:center;background-size:cover}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.5rem - 1px);border-bottom-left-radius:calc(0.5rem - 1px)}.card-img,.card-img-top{border-top-left-radius:calc(0.5rem - 1px);border-top-right-radius:calc(0.5rem - 1px)}.dashboard-card .dashboard-card-img .course-category{background-color:#0f47ad;color:#fff;padding:4px 6px;margin-bottom:.25rem;border-radius:.5rem;width:fit-content;font-size:80%}#id_selfheader>div.d-flex.align-items-center.mb-2>div>a{display:none}#id_selfheader>div.d-flex.align-items-center.mb-2>div>h3{padding-left:2.5rem;padding-bottom:0;font-size:24.192px!important;font-size:var(--font-size-scale-up-03)!important;margin:0}#main-content>div:nth-child(1)>div.col-md-4.mb-5>div>div>div>h2{padding-left:2.5rem;padding-bottom:0;font-size:24.192px!important;font-size:var(--font-size-scale-up-03)!important;margin:0}#id_submitbutton{--focus-offset:calc((var(--magic-support-size) - var(--magic-size)) * .5 + 4px);--button-size:var(--magic-size);background-color:#168821;background-color:var(--interactive-alternative);color:#fff;color:var(--color-dark);font-size:20.16px;font-size:var(--font-size-scale-up-02);font-weight:600;font-weight:var(--font-weight-semi-bold);border-radius:100em;padding:.3em 1em}#fitem_id_submitbutton>div.col-md-9.d-flex.flex-wrap.align-items-start.felement{--magic-size:var(--magic-medium);--magic-small:var(--spacing-scale-4xh);--magic-medium:var(--spacing-scale-5xh);--magic-large:var(--spacing-scale-6xh);--magic-support-size:var(--magic-support-medium);--magic-support-small:var(--spacing-scale-7x);--magic-support-medium:var(--spacing-scale-8x);--magic-support-large:var(--spacing-scale-9x);--magic-z-index:var(--z-index-layer-1);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f0f0f0;background-color:var(--gray-5);border-radius:100em;box-shadow:0 3px 6px rgb(0 0 0 / .16);box-shadow:var(--surface-shadow-md);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:var(--magic-support-size);padding:calc((var(--magic-support-size) - var(--magic-size)) * 0.5)}.tool_dataprivacy{display:none}.br-header[data-sticky]{z-index:var(--z-index-layer-1)}