|
- .richtext .detail-text:has(.survey){overflow-x:visible}.survey{position:relative;display:block;margin:var(--section-margin) 0;background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-border)}.survey legend{margin:0 0 .75rem}.survey .text-box{padding:var(--content-box-padding) var(--content-box-padding) 0 var(--content-box-padding);font-size:var(--font-size-small)}.survey .text-box .kicker{margin-top:-.3em}.survey .text-box h2,.survey .text-box h3{margin-top:.2em;margin-bottom:.3em}.survey .text-box p:last-child{margin-bottom:0}@media (max-width: 567px){.survey .text-box{padding-top:calc(var(--content-box-padding) * 1.5)}}.survey .form-box{position:relative;padding:var(--content-box-padding);transition:height .5s cubic-bezier(.645,.045,.355,1)}@media (max-width: 567px){.survey .form-box{padding-bottom:calc(var(--content-box-padding) * 1.5)}}.survey form{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease 0s,visibility 0s ease 0s,transform .4s ease 0s;transform:translateZ(0) scale(1)}.survey form:not(:last-child){height:0}@media (max-width: 767px){.survey h3,.survey h4{font-size:26px}}.survey legend{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h4);font-style:normal;font-weight:400;line-height:1.2;color:var(--color-text);margin:1em 0 .5em;padding:0;border-bottom:0}.survey ul{list-style:none;padding:0;margin:0 -2px}.survey ul li.choice{position:relative;padding:0}.survey ul li.choice+li{margin-top:15px}.survey input[type=radio]{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:var(--border-radius-md);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.25s ease;cursor:pointer;opacity:.000001}.survey input[type=radio].focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.survey input[type=radio]:focus-visible,.survey input[type=radio].-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.survey input[type=radio]:checked+label{background-color:var(--color-text-accent);color:var(--color-button-primary-text)}.survey input[type=radio]:hover+label:after{opacity:var(--button-hover-shadow-opacity);box-shadow:0 0 0 var(--button-hover-shadow-size) var(--color-surface-inset)}.survey label.btn{width:100%;transition:.3s ease;margin:0;text-align:center;line-height:1.2;min-height:48px}@media (max-width: 999px){.survey label.btn{min-height:44px}}.survey fieldset{border:0;padding:0;margin:0}.survey fieldset+fieldset{margin-top:calc(20px + 2%)}.survey .btn-wrapper{display:none}.survey .survey-result>.title{display:none}.survey .result-wrapper .title{font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h4);font-style:normal;font-weight:400;line-height:1.2;margin:1.4em -.05em .8em}.survey .sub-result-wrapper{position:relative;display:flex;justify-content:space-between;font-size:var(--font-size-copy);line-height:1.1;padding:10px 15px;align-items:center;font-family:Korb,sans-serif;min-height:48px}@media (max-width: 999px){.survey .sub-result-wrapper{min-height:44px}}@media (max-width: 767px){.survey .sub-result-wrapper{padding:5px 5px 5px 10px}}.survey .sub-result-wrapper+.sub-result-wrapper{margin-top:15px}.survey .sub-result-wrapper div{position:relative;display:block}.survey .sub-result-wrapper div.answer{overflow:hidden;max-width:calc(100% - 60px)}@media (max-width: 767px){.survey .sub-result-wrapper div.answer{max-width:calc(100% - 50px)}}.survey .sub-result-wrapper .bar{position:absolute;display:block;left:0;width:0;top:0;bottom:0;transition:.8s cubic-bezier(.645,.045,.355,1);min-width:1px;background-color:var(--color-surface-inset)}.survey .survey-result{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translateZ(0) scale(.9)}.survey .survey-result h3{margin-bottom:.9em}.survey.show-result .survey-result{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease .3s,visibility 0s ease .3s,transform .4s ease .3s;transform:translateZ(0) scale(1)}.survey.show-result form{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translateZ(0) scale(.9)}.survey[data-size=lg]{display:flex;align-items:flex-start}.survey[data-size=lg] .text-box,.survey[data-size=lg] .form-box{flex:1 1 100%;max-width:50%}.survey[data-size=lg] .text-box{padding:var(--content-box-padding);margin-bottom:.1em}.survey[data-size=lg] .text-box .kicker{padding-top:.1em}.survey[data-size=lg] .form-box{padding-left:0}
|
