.content-wrapper{width:100%;margin-bottom:100px}.travel-header{color:#222;margin-top:20px;line-height:20px}.component-container{width:95%;height:fit-content;min-height:600px;position:relative}#map-container circle,#atlas-container circle{cursor:move}.map-location-flex{display:flex}#atlas-container svg{box-sizing:border-box;background:#005eb8}label:hover:before{border:2px solid #4778d9!important}.hidden{display:none}footer{background-color:#22223b}div.tooltip{color:#222;text-shadow:0 1px #f5f5f5;opacity:.9;will-change:transform;z-index:2;background:#fff;border-radius:2px;padding:.5em;position:absolute;box-shadow:0 0 2px #a6a6a6}.markers .marker-label,.markers .label-background{transition:opacity .1s}.markers.labels-hidden .marker-label,.markers.labels-hidden .label-background{opacity:0;pointer-events:none}.country:hover{stroke:#fff;stroke-width:1.5px}.text{text-transform:capitalize;font-size:10px}#map-container,#globe-container,#atlas-container{box-sizing:border-box;opacity:0;z-index:1;background:#f0f8ff;border:1px solid #b0b0b0cc;border-radius:5px;width:100%;max-width:calc(100% - 60px);height:fit-content;margin:10px 30px;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}#map-container.active,#globe-container.active,#atlas-container.active{opacity:1;z-index:2;box-shadow:8px 8px 10px #0006}#globe-container{background:0 0}#globe-container>svg{background-color:#242424}.loader{background:gray;border:1px solid #22223b;border-radius:50%;width:64px;height:64px;animation:2s linear infinite rotate;position:relative;transform:rotate(45deg)}.loader:before{content:"";background:#22223b;width:15px;height:30px;position:absolute;top:50%;left:50%;transform:skew(5deg,60deg)translate(-50%,-5%)}.loader:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:rotate(45deg)}30%,50%,70%{transform:rotate(230deg)}40%,60%,80%{transform:rotate(240deg)}to{transform:rotate(245deg)}}.centered-loading{justify-content:center;align-items:center;display:inline-flex}.centered-loading i{color:#000;margin-left:10px}@media only screen and (max-width:600px){#map-container,#globe-container,#atlas-container{width:100%}.map-location-flex{width:100%;margin-left:0;margin-right:0;display:flex}.component-container{min-height:200px!important}}@media (max-width:900px){.content-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.map-location-flex{flex-direction:column;width:90%}.component-container{width:100%;min-height:400px}}
.location-display-wrapper{background-color:#e4e4e4;border-radius:10px;flex-grow:3;width:100%;min-width:200px;max-width:350px;margin-top:10px;margin-left:10px;margin-right:50px;transition:height .5s ease-in-out;box-shadow:0 0 10px #0000001a}.location-display-wrapper .header{text-align:left;justify-content:center;align-items:center;padding-top:15px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.location-display-wrapper .footer{text-align:left;padding-left:20px;font-size:12px;font-style:italic;font-weight:400}.locations-legend{width:0;height:0;margin-left:5px;padding:3px;transform:rotate(135deg)}.locations-legend.diana{border:3px solid #00e9e9;border-width:0 3px 3px 0}.locations-legend.brent{border:3px solid #8dab7f;border-width:0 3px 3px 0}.locations-legend.both{border:3px solid #394032;border-width:0 3px 3px 0}.locations-legend.separate{border:3px solid #587b7f;border-width:0 3px 3px 0}.visited-country{justify-content:space-between;align-items:center;width:100%;display:flex}.visited-name{text-align:left;display:flex}.totals{margin-top:10px;margin-bottom:10px;font-weight:700}.display-locations{text-align:center;flex-direction:column;font-size:16px;display:flex}.display-locations ul{-webkit-padding-start:0;padding:0 30px;list-style:none}.display-locations li{align-items:center;line-height:32px;list-style:none;display:inline-flex}.display-locations li.flag{box-sizing:content-box;width:140px;margin-top:3px;margin-bottom:3px;margin-right:5px;padding-left:40px}.country-list{transition:opacity .3s ease-in-out}@media only screen and (max-width:600px){.location-display-wrapper{flex-basis:300px;width:80%;margin-top:50px;margin-left:8vw;margin-right:8vw}.location-display-wrapper .header{flex-direction:column;align-items:flex-start;width:100%;margin-left:30px;display:inline-table}.location-display-wrapper .header span{padding-left:0}.display-locations ul{-moz-column-count:1;column-count:1;padding-left:10px;padding-right:0}.display-locations li.flag{width:110px}}@media (max-width:900px){.location-display-wrapper{max-width:initial}.visited-country{justify-content:start}.visited-name{margin-right:5px}}
.control-header{margin:0 0 5px;font-size:11px;font-weight:700}.controls{justify-content:space-evenly;margin-bottom:20px;margin-right:100px;padding-top:20px;display:flex}.controls p{text-align:left;margin:0;padding:0;display:inline-flex}.map-buttons{flex-direction:column;display:flex}.map-control{line-height:20px;font-weight:initial;color:initial}h6{margin:0 0 5px}.color-legend{flex-direction:column;display:flex}.color-legend .clickable{cursor:pointer}.color-swatch{box-sizing:border-box;width:20px;height:20px;margin-right:5px}.color-swatch.selected{border:2px solid #ff0}.both.color-swatch{background-color:#394032}.separate.color-swatch{background-color:#587b7f}.unvisited.color-swatch{background-color:#d2d2d2}.brent.color-swatch{background-color:#8dab7f}.diana.color-swatch{background-color:#00e9e9}.color-legend>div{align-items:center;margin-bottom:3px;font-size:11px;font-style:italic;display:flex}.tiny-text{margin-top:5px;font-size:10px}@media only screen and (min-width:500px){.controls p.map-control{text-align:center}.controls{margin-right:0}.map-buttons{margin-right:20px}.color-legend{margin-left:20px;margin-right:20px}.controls [type=checkbox]:not(:checked)+label:after,.controls [type=checkbox]:checked+label:after{width:4px;height:8px;top:-14px;left:-18px}}@media only screen and (max-width:600px){.map-buttons{align-items:center;margin-bottom:15px;margin-right:0}.controls{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:40px;margin-right:0}.controls p.map-control{justify-content:flex-start;align-items:center;width:100%;max-width:300px;margin:10px 0;padding-left:10px;display:flex}.controls p.map-control input[type=checkbox]{margin-right:8px}.color-legend{align-items:flex-start;width:100%;max-width:300px;margin-bottom:15px}.color-legend>div{justify-content:flex-start;align-items:center;width:100%;padding-left:10px;display:flex}.color-legend>h6{text-align:left;width:100%;margin-top:10px}}
.map-display{flex-direction:column;display:flex}@media (max-width:900px){.map-display{align-items:center;width:100%}}
.location-spinner{flex-direction:column;align-items:center;display:flex}.location-spinner>h6{text-align:center}.scrollable-container{perspective:200px;perspective-origin:60% 56px;width:256px;margin-left:-50px}.scrollable-container .stage{transform-style:preserve-3d}.scrollable-container .shape{width:112px;height:33px;transform-style:preserve-3d;-moz-transform-style:preserve-3d;margin:0 auto;padding:0;transition:transform .5s ease-in-out;display:block;position:relative;top:33px}.scrollable-container .item{cursor:pointer;box-sizing:border-box;backface-visibility:hidden;background-color:#fff9;border-radius:3px;justify-content:center;align-items:center;width:160px;height:33px;font-size:16px;display:flex;position:absolute}@media only screen and (max-width:600px){.location-spinner{margin-bottom:100px}.location-spinner>h6{text-align:center;margin-top:15px;margin-left:0}.scrollable-container{perspective-origin:50% 56px;margin-left:0}.scrollable-container .item{text-wrap:nowrap;width:50vw;min-width:100px;max-width:250px;margin-left:auto;margin-right:auto;padding:0 5px;font-size:calc(1vw + 20px);left:-5vw;right:-5vw}.scrollable-container .shape{width:inherit}}