#intro{font-weight:600;color:#fff;text-transform:lowercase;font-size:1.25rem;line-height:30px;overflow:hidden}#intro #mother{box-sizing:border-box;padding:17px;width:50%;float:left}#country_select{box-sizing:border-box;padding:17px;float:left;width:50%;margin:0}@media only screen and (max-device-width: 480px){#intro #mother,#country_select{width:100%;float:none;font-size:18px;line-height:1.3em}#country_select{padding-top:0}#intro #mother p:last-child{display:none}}#country_select p{margin:1em 0 .7em}#country_select select{display:block;margin-bottom:20px;font-size:1.125rem;padding:0 10px;font-weight:600;border-radius:10px;border:0;line-height:1.5em}.wf-loaded-proxima #country_select select,.no-js #country_select select{padding-top:.1875rem;padding-bottom:.1875rem}#country_select select.has_error{box-shadow:0 0 0 3px red}#country_select button{border-radius:40px;border:2px solid #fff;color:#fff;background:#231f20;text-transform:uppercase;display:inline-block;box-sizing:border-box;font-size:1.125rem;position:relative;font-weight:600;letter-spacing:.05em;line-height:1.05em;display:block;padding:15px 20px;margin-top:30px}#country_select button:not(:disabled){cursor:pointer}#country_select button:not(:disabled):hover{background-color:#3e3839}#country_select button:not(:disabled):active{transform:scale(0.95)}#country_select button:disabled{opacity:.5}#country_select #error{height:2em;color:#e95050}#flag_carousel{clear:both;height:80px;box-sizing:border-box;padding:30px 20px 30px;text-align:center;position:relative;margin-top:30px}#flag_carousel span{position:relative;z-index:4}#flag_carousel div{top:0;left:0;position:absolute;width:100%;height:100%;background-image:url("https://wearemulticolored.com/assets/flag_bar.jpg");background-size:cover;background-repeat:no-repeat;opacity:20%;z-index:0}body#workspace_body{touch-action:none}@media only screen and (max-device-width: 480px){body#workspace_body{width:100%;height:100%;overflow:hidden}}#workspace{background-color:#231f20;height:600px}#canvas_area{float:left;position:relative}canvas{position:relative;z-index:2}@media only screen and (max-device-width: 480px){body.dialog_open #canvas_area{display:none}}#buttons{box-sizing:border-box;width:280px;float:left;padding:14px 12px;border-left:2px solid #505151;height:600px;background:#231f20}@media only screen and (max-device-width: 480px){#buttons{width:100%;height:110px;padding:3px 3px;border-top:2px solid #505151;border-left:none;background:#000;position:fixed;bottom:0;left:0;z-index:10}}#shape_tools{overflow:hidden}@media only screen and (max-device-width: 480px){#shape_tools{display:none}#buttons.shape_selected #shape_tools{display:flex;justify-content:space-evenly}}#shape_tools button{height:106px;width:106px;display:block;text-align:center;border-radius:50%;border:1px solid #fff;color:#fff;background:rgba(0,0,0,0);text-transform:uppercase;box-sizing:border-box;cursor:pointer;font-size:16px;float:left;margin:10px;position:relative;font-weight:600;letter-spacing:.05em;line-height:1.05em;transition:transform .05s linear,opacity .1s linear}@media only screen and (max-device-width: 480px){#shape_tools button{height:75px;width:75px;font-size:11px;margin:10px 5px}}#shape_tools button:not(:disabled):hover{background-color:#3e3839}#shape_tools button:not(:disabled):active{transform:scale(0.95)}#shape_tools button:disabled{opacity:.3}#shape_tools button#rotate{border-color:rgba(0,0,0,0)}#shape_tools button#rotate:not(:disabled):active{transform:rotate(-30deg)}#shape_tools button#rotate:before{content:" ";position:absolute;border-radius:50%;top:0;left:0;bottom:0;right:0;border:1.5px solid #fff;border-color:#fff #fff rgba(0,0,0,0) #fff;transform:rotate(45deg)}#shape_tools button#rotate:after{content:" ";border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:8px 6px 0 6px;height:0;position:absolute;top:50%;left:-5px;width:0}#shape_tools button#bringtofront{border-width:1px}#shape_tools button#bringtofront:before{content:" ";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;border:1px solid #fff}#shape_tools button#sendtoback{border-width:1px}#shape_tools button#breakup{transition:transform .05s linear,opacity .1s linear,line-height .1s linear;border:2px dashed #fff}#shape_tools button#breakup:not(:disabled){line-height:1.2em}#shape_tools button#breakup span{display:inline-block;position:relative;top:0;transition:top .1s linear}#shape_tools button#breakup span:nth-child(2n){top:-2px}#workspace #final{margin-top:10px;overflow:hidden}#workspace #final h1{display:none}@media only screen and (max-device-width: 480px){#buttons #final{display:flex;justify-content:center}#buttons #final h1{width:80px;font-size:18px;line-height:1.1em;margin:10px;padding:0;display:block;float:none;position:relative;top:-3px}#buttons.shape_selected #final{display:none}}#final button{height:54px;width:106px;display:block;text-align:center;border:1px dotted #fff;color:#fff;background:#231f20;text-transform:uppercase;box-sizing:border-box;cursor:pointer;font-size:16px;float:left;margin:10px;position:relative;font-weight:600;letter-spacing:.05em;line-height:1.05em}#final button#finish{border:5px solid;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-source:repeating-linear-gradient(90deg, transparent 0, transparent 2px, white 2px, white 4px, transparent 4px);border-image-repeat:stretch;border-image-slice:8;font-size:18px}#flag_info{overflow:auto;height:210px;font-weight:600;font-size:16px;line-height:1.3em;padding:10px;margin:20px 0 15px;background:#000;box-sizing:border-box}@media only screen and (max-device-width: 480px){#flag_info{display:none}}#flag_info p{margin:0 0 1em 0}#dialog_container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10;display:none}body.dialog_open #dialog_container{display:flex;align-items:center;justify-content:center}@media only screen and (max-device-width: 480px){body.dialog_open #dialog_container{display:block;top:auto;bottom:0;position:fixed}body.dialog_open #dialog_container #dialog{width:100vw;min-width:auto;bottom:0;position:fixed}}#dialog_container #dialog{font-weight:700;text-transform:lowercase;font-size:20px;background:#000;padding:30px;border:2px solid #fff;min-width:380px;position:relative;box-sizing:border-box}#dialog_container #dialog #close_dialog{position:absolute;top:20px;right:10px;font-size:30px;font-weight:700;line-height:1em;padding:10px 20px 15px;user-select:none;z-index:15;cursor:pointer}@media only screen and (max-device-width: 480px){#dialog_container #dialog #close_dialog{background-color:#333}}#dialog_container #dialog h3{margin:0 0 1em;font-size:28px;line-height:1em}#dialog_container #dialog p{margin:1em 0}#dialog_container #dialog input,#dialog_container #dialog textarea{background-color:#333;color:#fff;border:0;padding:4px 10px;margin-top:-0.5em;font-weight:400;font-size:18px;display:block;width:100%;box-sizing:border-box}#dialog_container #dialog input{width:50%}#dialog_container #dialog button{display:block;text-align:center;border:3px dotted #fff;color:#fff;background:#000;text-transform:uppercase;box-sizing:border-box;cursor:pointer;font-size:16px;margin:2em 0 0;position:relative;font-weight:600;letter-spacing:.05em;line-height:1.05em;padding:15px}#disclaimer{padding:17px 12px;background-color:#285e6f;color:#fff;font-weight:400;font-size:1.125rem;text-align:center;line-height:1.2rem}#credits{padding:17px;max-width:550px;font-weight:400;color:#fff;overflow:hidden;font-size:1.125rem;line-height:1.5rem}#credits a{color:#ccc}#superflag{background-color:#231f20;height:600px}body.superflag #dialog_container #dialog{text-transform:none}body.superflag #dialog_container #dialog img{max-width:100%;height:auto;margin:0 auto}.symbolism main{overflow:hidden;padding:10px}#symbolism_details{font-weight:600;font-size:1.125rem;float:left;width:300px}#symbolism_flags{float:left;width:300px;margin:0 15px;max-height:600px;overflow:auto}#symbolism_flags .flag{margin-bottom:1em;cursor:pointer}#symbolism_flags .flag img{width:100%;height:auto}#symbolism_search{font-weight:600;font-size:1.125rem;float:right;background-color:#000}#symbolism_search table,#symbolism_search th,#symbolism_search td{border:1px solid #fff;border-collapse:collapse}#symbolism_search th,#symbolism_search td{vertical-align:top;padding:15px}#symbolism_search th{font-weight:600;text-transform:uppercase;font-size:18px;letter-spacing:.05em}#symbolism_search td input{display:none}#symbolism_search td label{margin:5px;background:none;border:none;cursor:pointer;display:block;opacity:.5}#symbolism_search td label svg{display:block}#symbolism_search td input:checked+label{opacity:1}#symbolism_search td#shapes label,#symbolism_search td#colors label{width:40px;height:40px;display:inline-block}#symbolism_search td#colors label{opacity:1;position:relative}#symbolism_search td#colors label svg{display:block;transform:scale(0.7)}#symbolism_search td#colors input:checked+label svg{transform:scale(1)}#symbolism_search td#colors input:checked+label:before,#symbolism_search td#colors input:checked+label:after{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;border:3px solid #fff;pointer-events:none;z-index:2}#symbolism_search td#colors input:checked+label:before{border-color:#000;border-width:6px}#symbolism_search td #meaning_options{max-height:10em;overflow:auto}html{font:15px/1.6em Helvetica,Arial,sans-serif;font-display:fallback}html body nav,html body main{display:none}html.wf-loaded-proxima,html.no-js{font:16px/1.5em proxima-soft,sans-serif}html.wf-loaded-proxima body nav,html.wf-loaded-proxima body main,html.no-js body nav,html.no-js body main{display:block}button,input,select{font-family:Helvetica,Arial,sans-serif}.wf-loaded-proxima button,.no-js button,.wf-loaded-proxima input,.no-js input,.wf-loaded-proxima select,.no-js select{font-family:proxima-soft,sans-serif}body{margin:0;padding:0;background-color:#000;color:#fff}nav{width:1024px;margin:0 auto;height:50px;background-color:#fff}nav .hamburger{cursor:pointer;float:right;padding:25px 20px;display:none}nav .hamburger-line{background:#333;display:block;height:3px;position:relative;width:24px}nav .hamburger-line::before,nav .hamburger-line::after{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .1s ease-out;width:100%}nav .hamburger-line::before{top:6px}nav .hamburger-line::after{top:-6px}nav #phone-menu-check{display:none}nav #phone-menu-check:checked~.hamburger .hamburger-line{background:rgba(0,0,0,0)}nav #phone-menu-check:checked~.hamburger .hamburger-line::before{transform:rotate(-45deg);top:0}nav #phone-menu-check:checked~.hamburger .hamburger-line::after{transform:rotate(45deg);top:0}nav ul{display:block;float:right;margin:15px 10px 0 0}nav ul li{display:inline-block;margin:0 12px}nav ul li a{font-weight:700;font-size:1.6rem;padding:0;text-transform:lowercase;letter-spacing:.02em;line-height:1em;color:#7b7677;text-decoration:none}nav ul li a:hover{color:#3a3738}body.superflag nav ul li.superflag_link a,body.symbolism nav ul li.symbolism_link a,body.credits nav ul li.credits_link a{color:#252324}@media only screen and (max-device-width: 480px){nav{width:100%;height:auto;overflow:hidden}nav ul{display:none;float:none;clear:both;padding:10px 10px 20px}nav ul li{display:block;text-align:right;margin:10px 0}nav .hamburger{display:block}#phone-menu-check:checked~ul{display:block}#workspace_body nav{display:none}}h1{font-weight:700;font-size:2.25rem;margin:0 0 0 14px;padding:0;text-transform:lowercase;letter-spacing:.02em;line-height:50px;float:left}h1 a{text-decoration:none;color:#c59874}h1 a span:first-child{color:#3c6479}h1 a span:last-child{color:#8b488a}@media only screen and (max-device-width: 480px){h1{font-size:28px}}main{width:1024px;margin:0 auto;position:relative;background-color:#231f20;box-sizing:border-box}@media only screen and (max-device-width: 480px){main{width:100vw}}