#navigationBarContainer{width:100%;height:50px;background-color:var(--primary-color);border-bottom:2px solid #e0e0e0;display:flex;align-items:center;box-sizing:border-box}.navigationBarContainerLeft{width:200px;height:100%;display:flex;justify-content:flex-start;align-items:center}.navigationBarLogo{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center}.navigationBarContainerLeftLogoImage{width:100px;height:50px;background-image:url(../images/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:30px}.navigationBarContainerRight{width:calc(100% - 200px);height:100%;display:flex;justify-content:flex-end;align-items:center}.navBarOptions{width:auto;height:100%;margin-right:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.navBarOption{width:auto;height:50%;font-weight:300;font-size:14px;color:var(--tertiary-color);display:flex;justify-content:center;align-items:center;transition:.3s;box-sizing:border-box;opacity:.5}.navBarOption:hover{cursor:pointer}.navBarOption.active{border-bottom:1px solid var(--primary-font-color)}.navBarOption.selectable{opacity:1}.navBarOption.blocked{opacity:.28;filter:grayscale(100%) blur(.25px);pointer-events:none;cursor:not-allowed}.navBarOptionSeparator{width:1px;height:14px;background-color:var(--primary-font-color)}#menuContainer{width:300px;height:100%;background-color:var(--primary-color);display:flex;justify-content:flex-start;flex-direction:column;align-items:center}#menuContentContainer{width:100%;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}#menuContent{width:95%;display:flex;flex-direction:column;align-items:center}.menuContentSection{width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-end}#menuContentSectionHeader{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:var(--primary-font-color);box-sizing:border-box;border-bottom:1px solid var(--quaternary-color)}#menuContentSectionDescription{width:100%;height:auto;min-height:60px;padding:20px 0 10px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;font-size:14px;font-weight:400;text-align:center;color:var(--text-color)}#menuContentSectionBody{width:100%;height:100%;padding:10px 0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#menuContentSectionBodySelect{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:12px}.selectOption,.selectOptionColor,.selectOptionMultiple{width:92%;min-height:54px;padding:12px 14px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;letter-spacing:.01em;text-align:left;color:#0f1412d6;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:linear-gradient(180deg,#fff,#f7f7f9);box-shadow:0 8px 20px #0000000d,inset 0 1px #ffffffb8;cursor:pointer;transition:transform .2s cubic-bezier(.22,.61,.36,1),border-color .2s ease,box-shadow .2s ease,background .2s ease}.selectOption{padding:12px 14px;justify-content:space-between}.selectOptionMultiple{padding:12px 0 12px 14px;justify-content:space-between}@media(hover:hover)and (pointer:fine){.selectOption:hover,.selectOptionColor:hover,.selectOptionMultiple:hover,.selectOptionMultipleOption:hover{transform:translateY(-1px);border-color:#fca3118c;box-shadow:0 14px 26px #fca31129,inset 0 1px #ffffffc2;background:linear-gradient(180deg,#fff,#fff8ee)}}.selectOptionMultipleNameContainer{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.selectOptionMultipleName{width:auto;height:100%;display:flex;justify-content:flex-start;align-items:center;color:#0f1412d1;font-weight:700}.arrowDownIcon{width:20px;height:20px;background-image:url(../icons/arrow_drop_down.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:.1s}.selectOptionDropdown{width:92%;display:flex;flex-direction:column;align-items:center;position:relative}.selectOptionDropdownTrigger{width:100%}.selectOptionMultipleOptions{width:100%;height:0;overflow:hidden;display:none;justify-content:center;align-items:center;flex-direction:column;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;box-shadow:0 16px 30px #00000014;transition:.3s;margin-top:5px;position:relative;z-index:10}.selectOptionMultipleOption{width:calc(100% - 16px);min-height:42px;margin:4px 8px;padding:0 10px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;text-align:left;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08);opacity:.8;color:#0f1412b8;background:linear-gradient(180deg,#fff,#f8f8fa)}.selectOptionMultipleOption.active{color:#0a0a0aeb;border-color:#fca31173;box-shadow:inset 0 0 0 1px #fca31159;opacity:1}.selectOptionInputContainer{justify-content:flex-start;flex-direction:column;gap:5px}.selectOptionInputContent{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.selectOptionInputName{width:70%;height:100%;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:700;color:#0f1412d9}.selectOptionInput{width:30%;height:100%;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:700;color:#0f1412db;border:1px solid rgba(0,0,0,.18);background:#fff;padding:4px 8px;border-radius:8px;outline:none;text-align:center}.selectOptionInput:focus-visible{border-color:#fca31194;box-shadow:0 0 0 3px #ff8c0033}.selectOptionInputDescription{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:600;color:#0f141285}.selectOptionColor{padding:12px 14px;justify-content:space-between}.selectOptionIcon{width:32px;height:32px;min-width:32px;border-radius:8px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;display:block}.selectOptionLabel{color:#0f1412d6;font-weight:700;letter-spacing:.01em}.selectOption.active,.selectOptionColor.active{color:#0a0a0aeb;border:1px solid rgba(252,163,17,.62);font-weight:700;background:linear-gradient(180deg,#fff,#fff3df);box-shadow:0 18px 28px #fca3112e,inset 0 0 0 1px #fca31133}.optionDisabled,.selectOption[data-allowed=false],.selectOptionMultipleOption[data-allowed=false]{opacity:.34!important;filter:grayscale(100%) blur(.25px);pointer-events:none;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.selectOptionIcon[style*=custom_length]{width:82px!important;height:40px!important}