.offcanvas{background-color:#212529;color:#eff3f4}.offcanvas .offcanvas-header{padding:.5rem 1rem;border-bottom:.1rem solid gray}.offcanvas .offcanvas-header .offcanvas-title{margin-right:auto;margin-left:.75rem}.offcanvas .offcanvas-header .btn-close{--bs-btn-close-focus-shadow:0 0 0 0.15rem #0338da;--bs-btn-close-white-filter:invert(1)}#harborBody{display:flex;flex-direction:column;flex-wrap:nowrap}#harborBody #loadoutList{height:100%;height:-webkit-fill-available;overflow-y:auto}#harborBody #addElement{width:100%;color:#eff3f4;background-color:#30353a;text-align:center;font-size:xx-large;font-weight:700;margin:-.75rem 0;border:.1rem solid gray;border-radius:.2rem;cursor:default}#harborBody #addElement:hover{background-color:#a9a9a9;color:#212529}#harborBody #buttonGroup{display:flex;flex-direction:row;justify-content:space-around;text-align:center}#harborBody #buttonGroup button{padding:.5rem 1.5rem}#harborBody #buttonGroup button svg{margin-right:.5rem}.harborLoadoutElement{align-items:center;padding:.3rem 0;border:.1rem solid gray;border-radius:.2rem;background-color:#30353a;margin:.3rem 0}.harborLoadoutElement.bg-ragingTides{background:linear-gradient(45deg,rgba(44,255,2,.478),rgba(26,211,2,.357),#000)}.harborLoadoutElement.bg-chorusOfHavoc{background:linear-gradient(45deg,rgba(2,238,255,.478),rgba(2,197,211,.357),#000)}.harborLoadoutElement.bg-intoTheDragonsWake{background:linear-gradient(45deg,rgba(255,36,2,.478),rgba(211,30,2,.357),#000)}.harborLoadoutElement.bg-shadowsOfTheDeep{background:linear-gradient(45deg,rgba(255,188,2,.478),rgba(211,162,2,.357),#000)}.harborLoadoutElement.bg-ascentIntoChaos{background:linear-gradient(45deg,rgba(255,116,29,.502),rgba(204,92,23,.369),#000)}.harborLoadoutElement.bg-oathsOfWar{background:linear-gradient(45deg,hsla(32,37%,64%,.522),hsla(32,25%,54%,.388),#000)}.harborLoadoutElement.bg-gutsAndGlory{background:linear-gradient(45deg,rgba(202,41,35,.502),rgba(163,32,28,.357),#000)}.harborLoadoutElement:hover{background-color:#a9a9a9;color:#212529}.harborLoadoutElement.row{height:auto}.harborLoadoutElement .textSection{font-feature-settings:"pcap","c2pc";font-variant-caps:all-petite-caps;display:flex;flex-direction:column;flex-wrap:nowrap;padding-left:5%}.harborLoadoutElement .textSection span{margin-top:-.3rem}.harborLoadoutElement .textSection span.name{font-size:x-large;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.harborLoadoutElement .textSection span.lastLoaded,.harborLoadoutElement .textSection span.ship{font-size:smaller;font-weight:300;white-space:nowrap}.harborLoadoutModal{--hl-modal-color:#eff3f4;--hl-modal-h-bg:grey;--hl-modal-b-bg:#a8a8a8;--hl-modal-f-bg:grey}.harborLoadoutModal.danger{--hl-modal-h-bg:#961e20;--hl-modal-f-bg:#530808}.harborLoadoutModal.confirm{--hl-modal-h-bg:#edbd08;--hl-modal-f-bg:#534708}.harborLoadoutModal .modal-dialog{--bs-modal-width:400px;margin-left:0;padding:1.75rem;color:var(--hl-modal-color)}.harborLoadoutModal .modal-dialog .modal-header{background-color:var(--hl-modal-h-bg)}.harborLoadoutModal .modal-dialog .modal-header .btn-close{--bs-btn-close-focus-shadow:0 0 0 0.15rem #daa703}.harborLoadoutModal .modal-dialog .modal-header .modal-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;margin-left:.6rem}.harborLoadoutModal .modal-dialog .modal-body{background-color:var(--hl-modal-b-bg)}.harborLoadoutModal .modal-dialog .modal-body textarea{width:100%;font-size:smaller}.harborLoadoutModal .modal-dialog .modal-footer{display:flex;flex-direction:row;justify-content:space-around;background-color:var(--hl-modal-f-bg)}.harborLoadoutModal .modal-dialog .modal-footer button{color:var(--hl-modal-color);padding:.5rem 1rem}.harborLoadoutModal .modal-dialog .modal-footer button svg{margin-right:.5rem}#harborAddModal.modal-dialog{--bs-modal-width:450px}#harborAddModal.modal-dialog .modal-content{background-color:#30353a;color:#eff3f4}#harborAddModal.modal-dialog .modal-content .modal-header .btn-close{--bs-btn-close-focus-shadow:0 0 0 0.15rem #0338da;--bs-btn-close-white-filter:invert(1)}#harborAddModal.modal-dialog .modal-content .modal-body .form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#fde975;outline:0;box-shadow:0 0 0 .25rem rgba(253,209,13,.507)}#harborAddModal.modal-dialog .modal-content .modal-body.switchModeBody{display:flex;flex-direction:row;justify-content:space-between}#harborAddModal.modal-dialog .modal-content .modal-body button{padding:.5rem .75rem;color:#eff3f4;margin:0 .1rem}#harborAddModal.modal-dialog .modal-content .modal-body button svg{margin-right:.5rem}#harborAddModal.modal-dialog .modal-content .modal-body textarea{font-size:smaller}#harborAddModal.modal-dialog .modal-content .modal-footer{justify-content:center}#shipSelectorContainer{height:100%;max-width:100%;display:flex;flex-direction:column}#shipSelectorContainer .harborBtn{margin-bottom:1rem}#shipSelectorContainer .harborBtn svg{margin-right:.5rem}#shipSelectorContainer .carousel,#shipSelectorContainer .carousel.slide{width:100%}#shipSelectorContainer .carousel .carousel-indicators,#shipSelectorContainer .carousel.slide .carousel-indicators{margin-bottom:0}#shipSelectorContainer .carousel-control-next-icon,#shipSelectorContainer .carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}#shipSelectorContainer .carousel-item{display:none;justify-content:center;flex-direction:column;flex-wrap:wrap;align-items:center}#shipSelectorContainer .carousel-item img{margin:-.2rem}#shipSelectorContainer .carousel-item.active{display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;align-items:center}#shipSelectorContainer .carousel-item.active img{border-radius:.1rem}#shipSelectorContainer .carousel-item.active .carousel-caption{left:0;bottom:0;right:0;position:relative;padding-top:.25rem;padding-bottom:1.5rem;color:#eff3f4;text-align:center}#shipSelectorContainer #shipPerksContainer{display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - 23rem)}#shipSelectorContainer #shipPerksContainer p{margin-bottom:.5rem}#shipSelectorContainer #shipPerksContainer p:last-child{margin-bottom:0}#shipSelectorContainer #shipPerksContainer .shipPerkContainer{display:flex;font-size:.75rem;background-color:#f0f8ff;border-radius:.375rem;color:#000;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);flex-direction:column}#shipSelectorContainer #shipPerksContainer .shipPerkContainer .title{font-weight:700;width:-webkit-fill-available;width:100%;margin-right:.7rem;word-break:normal;overflow-wrap:anywhere}#shipSelectorContainer #shipPerksContainer .shipPerkContainer .shipPerkHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#shipSelectorContainer #shipPerksContainer .shipPerkContainer .shipPerkHeader span:first-of-type{font-weight:700}#shipSelectorContainer #shipUpgradeSelector{margin:.5rem 0}#shipSelectorContainer #shipUpgradeSelector select{color:#eff3f4;background-color:gray;border-color:#000}#shipSelectorContainer #shipUpgradeSelector select:focus{box-shadow:none}#shipSelectorContainer.mobileVersion{height:auto}#shipSelectorContainer.mobileVersion #controlContainer{flex-wrap:wrap}#shipSelectorContainer.mobileVersion .carousel{height:-moz-fit-content;height:fit-content}#shipSelectorContainer.mobileVersion #shipPerksContainer{width:100%;margin-top:unset;height:auto}.itemBrowserModal{display:flex!important;justify-content:center;--bs-modal-margin:0.5rem;--bs-modal-padding:0.5rem;color:#f0f8ff}.itemBrowserModal .modal-dialog-centered{width:max-content!important;max-width:calc(100% - 1rem)!important}.itemBrowserModal .sectionButtons{display:flex;flex-direction:column}.itemBrowserModal .sectionButtons button{margin:.5rem 0;width:100%}.itemBrowserModal hr{margin:.5rem 0}.itemBrowserModal .btnBack{margin-left:-.5rem}.itemBrowserModal .btnBack svg{margin-left:0!important}.itemBrowserModal .modal-dialog{margin:.5rem}.itemBrowserModal .modal-dialog .modal-content{max-height:100%;min-width:30vw}@media(pointer:fine){.itemBrowserModal .modal-dialog .modal-content{max-width:50vw}}.itemBrowserModal .modal-dialog .modal-content .modal-body>#itemBrowserContainer>.tab-content{height:calc(100vh - 15rem)}.itemBrowserModal .modal-dialog .modal-content button{font-size:calc(.8rem + .14vh)}.itemBrowserModal .modal-dialog .modal-content #itemBrowserContainer .nav-fill .nav-item .nav-link,.itemBrowserModal .modal-dialog .modal-content #itemBrowserContainer .nav-justified .nav-item .nav-link{--bs-nav-tabs-link-active-border-color:#6c757d;--bs-nav-tabs-link-active-bg:#6c757d;--bs-body-bg:#6c757d}.itemBrowserModal .modal-dialog .modal-content .accordion-button:focus{box-shadow:none}.itemBrowserModal .modal-dialog .modal-content .modal-footer{height:56px;justify-content:space-evenly}