@charset "utf-8"; /* Main IC settings */ #interactive-content, #conditional-content { margin:32px 0; position:relative; border-radius:8px; } #conditional-content { overflow:hidden; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #interactive-content.started { margin-bottom:24px; } #interactive-content>#ic-header { border-radius:8px 8px 0 0; overflow:hidden; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #interactive-content.started>#ic-header { border-radius:8px; position:sticky; top:24px; z-index:2; } #interactive-content.started::before { content:''; display:block; height:32px; background-color:#FFF; position:sticky; top:0; margin:-24px -16px -8px -16px; z-index:1; } #interactive-content>#ic-header>h2, #conditional-content div.cc-question-block>h3, #conditional-content div.cc-result-block>h3 { margin:0; background-color:#082B7A; } #conditional-content div.cc-question-block>h3>span, #conditional-content div.cc-result-block>h3, #interactive-content>#ic-header>h2>a { color:#FFF; font-size:20px; font-weight:400; line-height:24px; padding:24px 16px; } #interactive-content>#ic-header>h2>a { cursor:pointer; text-decoration:none; display:block; border-radius:8px 8px 0 0; } #interactive-content>#ic-header>h2>a:active, body.nt #interactive-content>#ic-header>h2>a:hover { background-color:#0B39A2; } #interactive-content>#ic-header>h2>a:focus { text-decoration:underline; } #interactive-content>#ic-header>h2>a:focus-visible { outline:2px solid #FFF; outline-offset:-4px; } #interactive-content>#ic-header>h2>a:focus-visible:focus { text-decoration:none; } #interactive-content #ic-breadcrumb-container { display:flex; background-color:#082B7A; border-top:1px solid #FFF; border-radius:0 0 8px 8px; overflow:hidden; } #interactive-content #ic-breadcrumb-container>a#ic-back { color:#FFF; padding:12px 16px 12px 0; margin-left:24px; font-size:16px; line-height:20px; font-weight:700; text-decoration:none; position:relative; background-color: #082B7A; border-right:2px solid #6E91E0; } #interactive-content #ic-breadcrumb-container>a#ic-back:active, body.nt #interactive-content #ic-breadcrumb-container>a#ic-back:hover { background-color:#0B39A2; } #interactive-content #ic-breadcrumb-container>a#ic-back:focus { text-decoration:underline; } #interactive-content #ic-breadcrumb-container>a#ic-back:focus-visible { outline:none; text-decoration:underline; background-color:#0B39A2; } #interactive-content #ic-breadcrumb-container>a#ic-back::before { content:''; position:absolute; display:block; border-left:1px solid #FFF; width:36px; height:36px; border-top:1px solid #FFF; transform:rotate(-45deg); background-color:inherit; left:-16.5px; top:3.5px; } #interactive-content #ic-breadcrumb-container>a#ic-back>span { position:relative; } #interactive-content #ic-breadcrumb { padding:0; margin:0 0 0 -2px; display:flex; max-width:none!important; list-style:none; position:relative; } #interactive-content #ic-breadcrumb>li { padding:0; margin:0; } #interactive-content #ic-breadcrumb>li:nth-child(1) { z-index:9; } #interactive-content #ic-breadcrumb>li:nth-child(2) { z-index:8; } #interactive-content #ic-breadcrumb>li:nth-child(3) { z-index:7; } #interactive-content #ic-breadcrumb>li:nth-child(4) { z-index:6; } #interactive-content #ic-breadcrumb>li:nth-child(5) { z-index:5; } #interactive-content #ic-breadcrumb>li:nth-child(6) { z-index:4; } #interactive-content #ic-breadcrumb>li:nth-child(7) { z-index:3; } #interactive-content #ic-breadcrumb>li:nth-child(8) { z-index:2; } #interactive-content #ic-breadcrumb>li:nth-child(9) { z-index:1; } #interactive-content #ic-breadcrumb>li:first-child:nth-last-child(n+2) { margin-left:2px; } #interactive-content #ic-breadcrumb>li>a { display:flex; position:relative; padding:2px 0 2px 16px; font-size:16px; line-height:20px; font-weight:400; color:#FFF; text-decoration:none; background-color:#082B7A; align-items:start; box-sizing:border-box; height:44px; } #interactive-content #ic-breadcrumb>li:nth-child(n+2)>a { padding-left:32px; } #interactive-content #ic-breadcrumb>li:nth-last-child(n+2)>a:active, body.nt #interactive-content #ic-breadcrumb>li:nth-last-child(n+2)>a:hover { background-color:#0B39A2; } #interactive-content #ic-breadcrumb>li:nth-last-child(n+2)>a:focus { text-decoration:underline; } #interactive-content #ic-breadcrumb>li:nth-last-child(n+2)>a:focus-visible { outline:none; text-decoration:underline; background-color:#0B39A2; } #interactive-content #ic-breadcrumb>li:last-child>a { background-color:#CFDAF5; color:#082B7A; margin-right:26px; cursor:default; } #interactive-content #ic-breadcrumb>li>a::before { content:''; position:absolute; display:block; border-right:1px solid #FFF; width:36px; height:36px; border-bottom:1px solid #FFF; transform:rotate(-45deg); background-color:inherit; right:-16.5px; top:3.5px; } #interactive-content #ic-breadcrumb>li:nth-last-child(2)>a::before { border-color:#082B7A; right:-15.5px; } #interactive-content #ic-breadcrumb>li:last-child>a::before { border-color:#CFDAF5; } #interactive-content #ic-breadcrumb>li>a>span { position:relative; display:flex; align-items:center; min-height:40px; } #interactive-content #first-content { margin:0 -8px; padding:0 8px; } #interactive-content ul.ic-radio-list, #conditional-content ul.ic-radio-list { list-style:none; padding:0; margin:0; overflow:hidden; max-width:none!important; overflow:hidden; border-radius:0 0 8px 8px; box-shadow:0 2px 4px rgba(9,49,142,.08), 0 0 10px rgba(9,49,142,.04), 0 4px 5px rgba(9,49,142,.04), 0 -4px 4px rgba(9,49,142,.04); } #conditional-content ul.ic-radio-list { border-radius:0; } #interactive-content.started ul.ic-radio-list { border-radius:8px; } #interactive-content ul.ic-radio-list + * { margin-top:24px; } #interactive-content>#first-content>ul.ic-radio-list + * { margin-top:32px; } #interactive-content ul.ic-radio-list>li, #conditional-content ul.ic-radio-list>li { margin:0; padding:0; font-size:0; } #interactive-content ul.ic-radio-list>li:nth-child(n+2), #conditional-content ul.ic-radio-list>li:nth-child(n+2) { border-top:1px solid #E7EDFA; } #interactive-content ul.ic-radio-list>li>a, #main-content #interactive-content ul.ic-radio-list>li>a:visited, #conditional-content ul.ic-radio-list>li>a { padding:16px; background-color:#FFF; color:#515560; text-decoration:none; display:flex; font-size:16px; font-weight:400; line-height:24px; cursor:pointer; position:relative; } #interactive-content.started ul.ic-radio-list>li:first-child>a { border-radius:8px 8px 0 0; } #interactive-content ul.ic-radio-list>li>a[aria-checked="true"], #conditional-content ul.ic-radio-list>li>a[aria-checked="true"] { background-color:#E7EDFA; } #interactive-content ul.ic-radio-list>li:last-child, #interactive-content ul.ic-radio-list>li:last-child>a { border-radius:0 0 8px 8px; } #interactive-content ul.ic-radio-list>li>a:active, body.nt #interactive-content ul.ic-radio-list>li>a:hover, #interactive-content ul.ic-radio-list>li>a:focus, #interactive-content ul.ic-radio-list>li>a:focus-visible, #conditional-content ul.ic-radio-list>li>a:active, body.nt #conditional-content ul.ic-radio-list>li>a:hover, #conditional-content ul.ic-radio-list>li>a:focus, #conditional-content ul.ic-radio-list>li>a:focus-visible { text-decoration:underline; } #interactive-content ul.ic-radio-list>li>a:focus-visible, #conditional-content ul.ic-radio-list>li>a:focus-visible { outline:2px solid #0E47CB; outline-offset:-2px; } #interactive-content ul.ic-radio-list>li>a>span, #conditional-content ul.ic-radio-list>li>a>span { max-width:80ch; } #interactive-content ul.ic-radio-list>li>a>span>strong, #conditional-content ul.ic-radio-list>li>a>span>strong { font-weight:700; } #interactive-content ul.ic-radio-list>li>a::before, #conditional-content ul.ic-radio-list>li>a::before { content:''; display:block; background-color:#FFF; border:2px solid #515560; border-radius:50%; box-sizing:border-box; flex-shrink:0; height:20px; width:20px; margin:2px 12px 2px 0; } #interactive-content ul.ic-radio-list>li>a:active::before, body.nt #interactive-content ul.ic-radio-list>li>a:hover::before, #interactive-content ul.ic-radio-list>li>a:focus::before, #conditional-content ul.ic-radio-list>li>a:active::before, body.nt #conditional-content ul.ic-radio-list>li>a:hover::before, #conditional-content ul.ic-radio-list>li>a:focus::before { border-color:#0E47CB; } #interactive-content ul.ic-radio-list>li>a:focus-visible::before, #conditional-content ul.ic-radio-list>li>a:focus-visible::before { outline:2px solid #0E47CB; outline-offset:2px; } #interactive-content ul.ic-radio-list>li>a[aria-checked="true"]::after, #conditional-content ul.ic-radio-list>li>a[aria-checked="true"]::after { content:''; display:block; position:absolute; top:20px; left:18px; background-color:#0E47CB; border:2px solid #FFF; border-radius:50%; box-sizing:border-box; height:16px; width:16px; } #interactive-content ul.ic-radio-list>li.ic-buttons, #conditional-content #cc-navigation { background-color:#FFF; padding:16px; text-align:right; } #interactive-content ul.ic-radio-list>li.ic-buttons>button.standard, #conditional-content #cc-navigation>button.standard { margin:0; display:inline-flex; justify-content:center; min-width:25%; } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard, #conditional-content #cc-navigation>button:disabled.standard { background-color:rgba(14,71,203,.5); color:hsla(0,0%,100%,.5); cursor:auto; } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard.secondary, #conditional-content #cc-navigation>button:disabled.standard.secondary { background-color:hsla(0,0%,100%,.5); border-color:rgba(14,71,203,.5); color:rgba(14,71,203,.5); } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard:active, #conditional-content #cc-navigation>button:disabled.standard:active, body.nt #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard:hover, body.nt #conditional-content #cc-navigation>button:disabled.standard:hover { background-color:rgba(62,108,213,.5); box-shadow:none; } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard.secondary:active, #conditional-content #cc-navigation>button:disabled.standard.secondary:active, body.nt #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard.secondary:hover, body.nt #conditional-content #cc-navigation>button:disabled.standard.secondary:hover { background-color:transparent; } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard>span>svg, #conditional-content #cc-navigation>button:disabled.standard>span>svg { fill:hsla(0,0%,100%,.5); } #interactive-content ul.ic-radio-list>li.ic-buttons>button:disabled.standard.secondary>span>svg, #conditional-content #cc-navigation>button:disabled.standard.secondary>span>svg { fill:rgba(14,71,203,.5); } #interactive-content div.ic-block { display:none; } #interactive-content div.ic-block { padding-bottom:48px; } #interactive-content div.ic-block:nth-last-child(n+2) { border-bottom:1px solid #082B7A; } #interactive-content div.ic-block:last-child { padding-bottom:60px; position:relative; } #interactive-content div.ic-block:last-child::after { content:''; display:block; position:absolute; bottom:8px; left:0; right:0; height:4px; border-radius:2px; background-color:#082B7A; } #interactive-content div.ic-block>*:last-child { margin-bottom:0!important; } #interactive-content div.ic-block:first-child>*:first-child { margin-top:24px!important; } #interactive-content div.ic-block:nth-child(n+2)>*:first-child { margin-top:40px!important; } #interactive-content div.ic-block>p:last-child>a.button:last-child { margin-bottom:0; } /* Custom contents */ #conditional-content #cc-all-questions { overflow:hidden; position:relative; } #conditional-content div.cc-question-block, #conditional-content div.cc-result-block { display:none; position:absolute; width:100%; right:-100%; top:0; overflow:hidden; } #conditional-content div.cc-question-block.cc-crnt-question, #conditional-content div.cc-result-block.cc-crnt-result { position:static!important; } #conditional-content div.cc-question-block h3 { display:flex; align-items:center; position:relative; } #conditional-content div.cc-question-block h3 a.anchor { top:0; } #conditional-content div.cc-question-block h3>span:first-child { border-right:2px solid #6E91E0; width:100%; } #conditional-content div.cc-question-block h3>span:last-child { white-space:nowrap; } #conditional-content #cc-navigation { border-top:1px solid #E7EDFA; padding-left:8px; padding-top:4px; } #conditional-content #cc-navigation>button.standard { margin-left:8px; margin-top:8px; vertical-align:top; } #conditional-content div.cc-result-block { box-sizing:border-box; padding:24px; } #conditional-content div.cc-result-block>h3 { margin:-24px -24px 24px -24px; } #conditional-content div.cc-result-block>*:last-child { margin-bottom:0; } @media (min-width: 480px) { #conditional-content div.cc-question-block>h3>span, #conditional-content div.cc-result-block>h3, #interactive-content>#ic-header>h2>a { padding:24px; } #interactive-content ul.ic-radio-list>li>a, #conditional-content ul.ic-radio-list>li>a { padding:16px 24px; } #interactive-content ul.ic-radio-list>li>a[aria-checked="true"]::after, #conditional-content ul.ic-radio-list>li>a[aria-checked="true"]::after { left:26px; } #interactive-content ul.ic-radio-list>li.ic-buttons, #conditional-content #cc-navigation { padding:16px 24px; } /* Custom contents */ #conditional-content #cc-navigation { padding-left:12px; padding-top:4px; } #conditional-content #cc-navigation>button.standard { margin-left:12px; margin-top:12px; } } @media (min-width: 768px) { #conditional-content div.cc-question-block>h3>span, #conditional-content div.cc-result-block>h3, #interactive-content #ic-header h2>a { font-size:24px; line-height:28px; } #interactive-content ul.ic-radio-list>li>a, #conditional-content ul.ic-radio-list>li>a { font-size:18px; } }