:root{--box-shadow:0px 1px 2px rgba(0,0,0,0.35);--border-radius:8px;--gap-xl:20px;--gap-lg:15px;--gap-md:14px;--gap-reg:10px;--gap-sm:5px;--clr-primary:#dedabd;--clr-previsions:#c5c1a0;--clr-secondary-one:#edff00;--clr-secondary-two:#7ea105;--clr-secondary-three:#5f8a2a;--clr-secondary-one--hover:#e1f200;--clr-secondary-two--hover:#779900;--clr-secondary-three--hover:#578326;--clr-secondary:linear-gradient(180deg,#edff00 0%,#7ea105 50%,#5f8a2a 100%);--clr-secondary--hover:linear-gradient(180deg,#e1f200 0%,#779900 50%,#578326 100%);--clr-tertiary:linear-gradient(0deg,#7b6939 0%,#c3a86b 60%,#c3a86b 100%);--clr-text:#181717;--clr-light:#eef4ed;--clr-discord:#7289da;--clr-grey:linear-gradient(180deg,#dee0e2 0%,#999da1 60%,#545454 100%);--clr-green:#198309;--clr-orange:#dea325;--clr-red:#eb2126;--fs--2:10px;--fs--1:12px;--fs-0:14px;--fs-05:16px;--fs-1:18px;--fs-2:22px;--fs-3:24px;--fs-4:42px;font-size:var(--fs-0)}@font-face{font-family:"Roboto-Regular";src:url("/static/fonts/Roboto-Regular.ttf?b483fab91cb6");font-display:block}@font-face{font-family:"Roboto-Bold";src:url("/static/fonts/Roboto-Bold.ttf?b483fab91cb6");font-display:block}:root h1,:root h2,:root h3,:root h4{font-family:"Roboto-Bold";margin:0 auto 0 var(--gap-reg)}:root h1{font-size:var(--fs-4);text-transform:uppercase;margin-left:0;color:var(--clr-light)}:root h2{font-size:var(--fs-3);color:var(--clr-text)}:root h3{font-size:var(--fs-2);color:var(--clr-text)}:root h4{font-size:var(--fs-1)}:root h5{font-size:1.1em;padding:var(--gap-sm) 0}:root h6{font-size:1em}*{box-sizing:border-box;margin:0;list-style:none;padding:0;text-decoration:none;scrollbar-color:#7ea10557 #00000000;scrollbar-width:thin;user-select:none}a{color:var(--clr-text)}button,input{background:transparent;border:none;border-radius:8px;color:var(--clr-text);cursor:pointer;height:100%}.modalImage{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;cursor:pointer;opacity:1}.modal-close{transition:all 0.3s ease-in-out}.modal-open{cursor:pointer;transition:all 0.3s ease-in-out;background-color:rgba(0,0,0,0.8)}.is-open{max-width:70vw}.quest{color:#1b78d2!important}.achievement{font-weight:600;color:#006400!important}.dungeon{font-style:oblique!important;color:#b700df!important;font-weight:500!important}.warning{color:red!important}.keyboardFocusedElement{position:relative}.keyboardFocusedElement::before{content:"";position:absolute;width:95%;height:0px;bottom:-3px;left:0;border:outset 2px var(--clr-red);border-radius:4px}body{color:var(--clr-text);display:flex;font-family:"Roboto-Regular";flex-direction:column;height:100vh;overflow:hidden;position:relative}body::after{content:"Certaines illustrations sont la propriété d'Ankama Games, d'autres de Icones8 - Tous droits réservés.";position:absolute;bottom:0;width:100%;text-align:center;color:#ffffffa3}body #theme-emeraude{--clr-primary:#dedabd;--clr-secondary-one:#edff00;--clr-secondary-two:#7ea105;--clr-secondary-three:#5f8a2a;--clr-tertiary-start:#7b6939;--clr-tertiary-end:#c3a86b;--clr-text:#181717;--clr-light:#eef4ed}body #theme-ocre{--clr-primary:#2e2e2e;--clr-secondary-one:#4a4a4a;--clr-secondary-two:#3a3a3a;--clr-secondary-three:#2a2a2a;--clr-tertiary-start:#1a1a1a;--clr-tertiary-end:#4a4a4a;--clr-text:#e0e0e0;--clr-light:#1e1e1e}body #backgroundImage{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}body #header{align-items:center;display:flex;padding:var(--gap-xl) var(--gap-xl) var(--gap-reg);color:var(--clr-light);font-size:var(--fs-1)}body #header h1{display:flex;margin:0}body #header div{align-items:center;display:flex;margin-left:var(--gap-reg)}body #header div #credentials{flex-direction:column;align-items:flex-start;padding-left:0}body #header div #contacts{align-items:flex-start;flex-direction:column;padding-left:0}body #header div #contacts i{color:var(--clr-discord);margin-right:5px;font-size:var(--fs-1)}body #header div i{font-size:var(--fs-3)}body #header div .themeToggle{margin-left:0}body #header div .themeToggle:first-of-type{margin-left:2em}body #header #gear{margin-left:auto;font-size:var(--fs-3);padding:0 10px;cursor:pointer;transition:all 0.2s linear}body #header #gear:hover{rotate:180deg;font-size:1.5em}body .hidden{display:none!important}body .active{background:#cdc79b;box-shadow:0 0 0!important}body .title{display:flex;flex:0;align-items:center;background:var(--clr-tertiary);border:1px solid var(--clr-light);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--box-shadow);justify-content:space-between}body .title .imgBackground{background:var(--clr-secondary);border-right:1px solid var(--clr-light);border-radius:var(--border-radius) 0 0 0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:var(--gap-reg)}body .title .imgBackground img{border-radius:var(--border-radius) 0 0 0;width:100%;height:100%;object-fit:cover}body .content{display:flex;flex:1;flex-direction:column;margin:var(--gap-reg) 0;padding:0 var(--gap-reg) var(--gap-reg);overflow-y:auto}body .content ul{display:flex;flex-direction:column;gap:var(--gap-reg)}body .content ul li{align-items:center;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;justify-content:space-between}body .content ul li div{transition:background 0.3s ease-in-out;border-radius:8px 0 0 8px}body .content ul li div:first-child:hover{background:#bcb479}body .content ul li i{cursor:pointer;font-size:15px;padding:var(--gap-lg)}body .content ul li p{margin-right:auto;margin-left:5px}body .content ul li .box-checkbox{background:none;border:none;display:flex;padding:var(--gap-md)}body .content ul li .box-checkbox input{cursor:pointer;width:15px;height:15px}body .interactable{display:flex;justify-content:space-between;padding:var(--gap-reg);padding-top:0}body .interactable button,body .interactable div{align-items:center;background:var(--clr-secondary);border-radius:var(--border-radius);border:none;color:var(--clr-text);cursor:pointer;display:flex;flex:1}body .interactable button:disabled,body .interactable div:disabled{cursor:initial}body .interactable button:disabled:hover,body .interactable div:disabled:hover{background:var(--clr-grey)}body .interactable button:first-child,body .interactable div:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius);text-align:left;border:1px solid var(--clr-light);border-right:none}body .interactable button:last-child,body .interactable div:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0;text-align:right;justify-content:flex-end;border:1px solid var(--clr-light);border-left:none}body .interactable button:hover,body .interactable div:hover{background:var(--clr-secondary--hover)}body .interactable button i,body .interactable div i{font-size:15px;padding:var(--gap-reg)}body #content{align-items:center;display:flex;flex:1;height:100%;justify-content:center;overflow:hidden;min-height:0}body #content #frame_main{position:relative;display:flex;flex:1;gap:10px;height:100%;padding:0 var(--gap-xl) var(--gap-xl)}body #content #frame_main main{display:flex;flex:3;flex-direction:column;gap:10px}body #content #frame_main main .caretOpen{transition:all 0.3s ease-in-out;rotate:180deg}body #content #frame_main main .caretClose{transition:all 0.3s ease-in-out;rotate:0deg}body #content #frame_main main #topNav{position:relative;background:var(--clr-secondary);cursor:pointer;border:solid 1px var(--clr-light);transition:all 0.1s ease-in-out}body #content #frame_main main #topNav .guide-header{align-items:center;display:flex}body #content #frame_main main #topNav .guide-header .imgBackground{border-radius:var(--border-radius) 0 0 var(--border-radius);width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:var(--gap-reg)}body #content #frame_main main #topNav .guide-header .imgBackground img{border-radius:var(--border-radius) 0 0 var(--border-radius);width:100%;height:100%;object-fit:cover}body #content #frame_main main #topNav .guide-header i{padding:0 var(--gap-reg);font-size:var(--fs-4)}body #content #frame_main main #topNav .guide-header h2{margin-left:0}body #content #frame_main main #topNav .dropDownOpen{display:flex;flex-direction:column;position:absolute!important;margin-bottom:60px;width:100%;background:var(--clr-secondary);border-radius:var(--border-radius);border:solid 1px var(--clr-light);z-index:100;top:0}body #content #frame_main main #topNav .dropdown-content{position:absolute;z-index:1000;overflow:hidden;width:100%;background:var(--clr-secondary-two);border-radius:0 0 var(--border-radius) var(--border-radius);border:solid 1px var(--clr-light)}body #content #frame_main main #topNav .dropdown-content .overflow{max-height:0;transition:all 0.1s ease-in-out;overflow-y:auto;scrollbar-color:#7b6939 #00000000;margin:var(--gap-sm)}body #content #frame_main main #topNav .dropdown-content .overflow .guide-item{padding:var(--gap-reg) var(--gap-lg);margin-bottom:2px;cursor:pointer}body #content #frame_main main #topNav .dropdown-content .overflow .guide-item:hover{background:#f5f5f5;border-radius:calc(var(--border-radius) / 2)}body #content #frame_main main #topNav .dropdown-content .overflow .guide-item.selected{background-color:#f0f0f0;border-radius:calc(var(--border-radius) / 2);font-weight:bold}body #content #frame_main main #topNav .dropdown-content .overflowOpen{max-height:400px}body #content #frame_main main #topNav .dropdown-content .overflowClose{max-height:0}body #content #frame_main main .js-open{border-radius:var(--border-radius) var(--border-radius) 0 0}body #content #frame_main main .js-close{border-radius:var(--border-radius)}body #content #frame_main main #centerContent{display:flex;flex:1;gap:10px;overflow:hidden}body #content #frame_main main #centerContent #objectivesAndAchievements{display:flex;flex:0.8;flex-direction:column;background-color:var(--clr-primary);border-radius:var(--border-radius)}body #content #frame_main main #centerContent #objectivesAndAchievements #objectives{display:flex;flex:1;flex-direction:column;overflow:hidden}body #content #frame_main main #centerContent #objectivesAndAchievements #objectives #frame_objectives{display:flex;flex-direction:column;gap:var(--gap-reg);font-size:var(--fs-05)}body #content #frame_main main #centerContent #objectivesAndAchievements #objectives #frame_objectives .objective_element ul{gap:0}body #content #frame_main main #centerContent #objectivesAndAchievements #objectives #frame_objectives .objective_element ul li{box-shadow:none;border:none;border-radius:none;display:block}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements{display:flex;flex:2;flex-direction:column;overflow:hidden}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .title{border-radius:0 0 0 0}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .title .imgBackground{border-radius:0 0 0 0}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li{transition:background 0.3s ease-in-out;border-radius:8px}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li:hover{background:#cdc79b}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementCompletion{padding-right:var(--gap-reg);margin-left:5px;font-family:"Roboto-Bold"}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementName{display:flex;flex:1;flex-direction:column;min-height:45px;justify-content:center}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementName .expectIcons{margin-right:auto;margin-left:5px;display:flex;flex:1;gap:var(--gap-reg)}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementName .expectIcons img{width:15px;height:15px;object-fit:cover}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementName a{padding:var(--gap-sm) 0;display:flex;flex:1;justify-content:center;flex-direction:column}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul li .achievementName a p{text-align:left}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul .borders-green{border:solid 2px #198309}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul .borders-red{border:solid 2px #eb2126}body #content #frame_main main #centerContent #objectivesAndAchievements #achievements .content #frame_achievements ul .borders-orange{border:solid 2px #dea325}body #content #frame_main main #centerContent #guide{display:flex;flex:2;background-color:var(--clr-primary);border-radius:var(--border-radius);flex-direction:column;overflow:hidden}body #content #frame_main main #centerContent #guide .title p{margin-right:var(--gap-reg);color:var(--clr-light)}body #content #frame_main main #centerContent #guide .content{gap:var(--gap-reg);font-size:var(--fs-05)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions{display:flex;flex-direction:column;background-color:var(--clr-previsions);border:solid 1px var(--clr-light);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--gap-reg);margin-bottom:var(--gap-md)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions h4{margin-bottom:var(--gap-reg);margin-left:auto;color:var(--clr-red)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions a{color:revert;transition:all 0.2s ease}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions a:hover{color:#6666ff}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content{display:flex;flex-direction:column;gap:5px}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element{box-shadow:none;display:flex;justify-content:flex-start;align-items:center}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element:not(:first-child){margin-top:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element img{width:25px;height:25px;object-fit:cover;margin-right:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element .prevision_element_content{display:flex;flex-direction:column;gap:var(--gap-sm)}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element .prevision_element_content ul{gap:0}body #content #frame_main main #centerContent #guide .content #frame_guide #previsions #prevision_content .prevision_element .prevision_element_content ul li{display:block;box-shadow:none;border:none;border-radius:none}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content{display:flex;flex-direction:column;gap:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element{display:flex;flex-direction:column;gap:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element a{color:revert;transition:all 0.2s ease}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element a:hover{color:#6666ff}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element ul{gap:0}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element ul li{display:block;box-shadow:none;border:none;border-radius:none}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element ul ul{margin-left:var(--gap-lg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element img{width:70%;object-fit:scale-down;cursor:pointer}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element h4{margin-left:0;font-size:1.3em;margin:var(--gap-reg) 0 0}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element h4 ~ p,body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element h4 ~ ul{margin-left:4px}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element h5{margin-left:4px}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element h5 ~ *:not(h5){margin-left:8px!important}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsToggleSummaryBtn{padding:8px 0;background:#cfcbb0;width:100%;box-shadow:var(--box-shadow);font-family:'Roboto-Bold';border-radius:4px}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsToggleSummaryBtn:hover{background:#c5c1a0}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsToggleSummaryBtn:active{box-shadow:none}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsGuideSummary{display:none}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsGuideSummary .guideSummary{display:flex;flex-direction:column;gap:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsGuideSummary .guideSummary:not(:last-child){margin-bottom:var(--gap-lg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsGuideSummary .guideSummary h5{color:var(--clr-red);margin-left:0;font-size:1.1em;margin:var(--gap-sm) 0}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .jsGuideSummary p:not(:last-child){margin-bottom:var(--gap-reg)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupTwoOrLessImages{display:flex;flex-wrap:wrap}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupTwoOrLessImages img{width:50%;padding:2px}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupTwoOrMoreImages{display:flex;flex-wrap:wrap}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupTwoOrMoreImages img{width:33%;padding:2px}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupOneImageAndText{display:flex;gap:var(--gap-sm)}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupOneImageAndText img{width:70%}body #content #frame_main main #centerContent #guide .content #frame_guide #guide_content .guide_element .groupOneImageAndText div{padding:0 var(--gap-sm)}body #content #frame_main main #centerContent #guide .interactable{transition:background 0.3s ease-in-out}body #content #frame_main main #centerContent #quests{display:flex;flex:0.8;background-color:var(--clr-primary);border-radius:var(--border-radius);flex-direction:column;overflow-y:auto}body #content #frame_main main #centerContent #quests .content{padding:0 0 var(--gap-reg)}body #content #frame_main main #centerContent #quests .content #quest_frame_achievement_title{position:sticky;left:0;top:0;background:var(--clr-primary)}body #content #frame_main main #centerContent #quests .content #quest_frame_achievement_title h4{text-align:center;margin:0 0 var(--gap-reg) 0;position:relative}body #content #frame_main main #centerContent #quests .content #quest_frame_achievement_title h4::after{content:"";display:block;height:2px;background:var(--clr-secondary);width:30%;margin:2px;position:absolute;left:50%;transform:translateX(-50%)}body #content #frame_main main #centerContent #quests .content #frame_quests{padding:0 var(--gap-reg)}body #content #frame_main main #centerContent #quests .content #frame_quests .isCompleted{box-shadow:0 0 0!important;opacity:50%}body #content #frame_main main #centerContent #quests .content #frame_quests .isCompleted i{padding:10px!important;font-size:12px!important}body #content #frame_main main #centerContent #quests .content #frame_quests .isCompleted p{font-size:12px!important}body #content #frame_main main #centerContent #quests .content #frame_quests .isCompleted:hover{opacity:100%}body #content #frame_main main #centerContent #quests .content #frame_quests .js-quest{transition:0.3s ease-in-out}body #content #frame_main main #centerContent #quests .content #frame_quests .js-quest .qButton{transition:background 0.3s ease-in-out;border-radius:0 8px 8px 0}body #content #frame_main main #centerContent #quests .content #frame_quests .js-quest .check:hover{background:#23dc3c91}body #content #frame_main main #centerContent #quests .content #frame_quests .js-quest .uncheck:hover{background:#f37f81}body #content #frame_main main #centerContent #quests .content #frame_quests ul li .validate-button{border-radius:0 8px 8px 0;transition:all 0.3s ease-in-out}body #content #frame_main main #centerContent #quests .content #frame_quests ul li .validate-button:hover{background:#bcb479}body #content #frame_main main #centerContent #quests .interactable div{font-size:var(--fs--1);cursor:auto;padding:0}body #content #frame_main main #centerContent #quests .interactable div p:first-child{text-align:right}body #content #frame_main main #centerContent #quests .interactable div p:last-child{text-align:left}.jsToggleSummaryBtn{padding:8px 0;background:#cfcbb0;width:100%;box-shadow:var(--box-shadow);font-family:'Roboto-Bold';border-radius:4px}.jsToggleSummaryBtn:hover{background:#c5c1a0}.jsToggleSummaryBtn:active{box-shadow:none}.jsGuideSummary{display:none}.jsGuideSummary .guideSummary{display:flex;flex-direction:column;gap:var(--gap-reg)}.jsGuideSummary .guideSummary:not(:last-child){margin-bottom:var(--gap-lg)}.jsGuideSummary .guideSummary h5{color:var(--clr-red);margin-left:0;font-size:1.1em;margin:var(--gap-sm) 0}#alignment_form{margin-right:var(--gap-reg)}#alignment_form .form-group{display:flex;align-items:center;gap:var(--gap-sm)}#alignment_form .form-group select{background:var(--clr-secondary--hover);border:solid 1px var(--clr-primary);border-radius:var(--border-radius);padding:4px}.optionModalBackground{position:absolute;width:100%;height:100%;background:#181717ad;display:flex;align-items:center;justify-content:center;z-index:9}.optionModalBackground .optionModal{background:var(--clr-primary);display:flex;min-width:70vw;min-height:70vh;max-width:50vw;max-height:50vh;border-radius:var(--border-radius);position:relative}.optionModalBackground .optionModal .optionLeftPanel{flex:1;padding:var(--gap-lg);box-shadow:2px 0px 2px #00000030}.optionModalBackground .optionModal .optionLeftPanel h4{margin-bottom:var(--gap-reg);text-align:center;margin-left:0;text-transform:uppercase}.optionModalBackground .optionModal .optionLeftPanel .settingsContainer{display:flex;flex-direction:column;gap:var(--gap-reg)}.optionModalBackground .optionModal .optionLeftPanel .settingsContainer .optionContainer{display:flex;gap:5px;align-items:center;border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer}.optionModalBackground .optionModal .optionLeftPanel .settingsContainer .optionContainer:hover{background:#cdc79b}.optionModalBackground .optionModal .optionLeftPanel .settingsContainer .optionContainer i{padding:var(--gap-reg)}.optionModalBackground .optionModal .optionRightPanel{flex:4;display:flex;flex-direction:column;gap:var(--gap-lg);padding:var(--gap-lg)}.optionModalBackground .optionModal .optionRightPanel .settingsContainer{display:flex;gap:var(--gap-reg);cursor:pointer;transition:background 0.3s ease-in-out}.optionModalBackground .optionModal .optionRightPanel .settingsContainer:hover{background:#cdc79b91;border-radius:var(--border-radius)}.optionModalBackground .optionModal .optionRightPanel .settingsContainer i{font-size:20px;margin-top:3px}.optionModalBackground .optionModal .optionRightPanel .settingsContainer .settingTitle{font-size:20px;font-family:'Roboto-Bold'}.optionModalBackground .optionModal .optionRightPanel .settingsContainer .settingDescription{font-size:13px;color:#5c5c5c;margin-left:var(--gap-reg)}.optionModalBackground .optionModal .optionCloseButton{position:absolute;top:0;right:0;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--clr-primary);border-radius:50%;transition:all 0.2s ease-in-out}.optionModalBackground .optionModal .optionCloseButton:hover{color:var(--clr-red);font-size:1.5em}#messages{position:absolute;top:var(--gap-lg);left:50%;transform:translateX(-50%);width:50%;border-radius:var(--border-radius);padding:10px;background:var(--clr-primary);z-index:10;display:flex;justify-content:center;align-items:center;font-family:'Roboto-Bold';border:solid 2px var(--clr-light);text-align:center}.success{background:#cafbc3!important;border:solid 2px var(--clr-light)}.failure{background:#f8adaf!important}